RSS

カテゴリー別アーカイブ: ダイレクトスマイル

Jenkins User Conference 2015 at London

Jenkins User Conference 2015

Last week, I joined Jenkins User Conference 2015, Europe, at London, UK.

It’s really exciting event, and I got so many new knowledge about Jenkins at there. Here is just several photo to as memory of the event!.
Slide02 Slide03 Slide04 Slide05 Slide06 Slide07 Slide08 Slide09 Slide10 Slide11 Slide12 Slide13 Slide14

広告
 
2件のコメント

投稿者: : 2015年7月3日 投稿先 ダイレクトスマイル, DevOps, Jenkins

 

タグ: , , , , , , , , ,

JUC 2015 Lightning Talk – Jenkins Made Easy

JUC-logo

At 23rd and 24th June, I’ll attend Jenkins User Conference 2015 Europe at London. And I’ll make a lightning talk about Continuous Delivery with Jenkins.

Here is short overview of what I’d like to talk about at there.

About me

My name is Nobuaki Ogawa, from Japan, and currently working on Berlin, Germany for Software company DirectSmile as DevOps QA Manager.

From very first time I got know JenkinsCI, it helped my life really lot. Almost all my work I’ve done at last year was mainly with Jenkins, about Continuous Delivery.

From Build to Deploy, Test, and even Maintenance, Monitoring, my Jenkins takes care everything.

It was super easy to achieve the Continuous Delivery in DirectSmile world by getting help of JenkinsCI.

 

1. Continuous Build

It was start point to get know JenkinsCI. Our developers use JenkinsCI to make the Continuous Build of our software.
So, our develop environment was quite Jenkins friendly from the beginning.

2. Continuous Deploy

– – – Virtual Machine – – –

We had to have environment where we can deploy our new build. As we are one of big fun of Microsoft, we decided to use Azure as our environment to make Continuous Testing.

How we control it? We use Powershell, which would be executed by JenkinsCI.

– – – Product Deployment – – –

How we could achieve the Continuous Deploy, actually, my boss, who is DirectSmile’s Yoda developed very powerful tool “DirectSmile Installation Service” to enable this.

So we integrate this tool within JenkinsCI, and now Jenkins can deploy DirectSmile products on any target server by just one-button-click!

3. Continuous Testing

Of course, we use JenkinsCI to make the Continuous Testing.

How we do?
We use Selenium to make and run test. So we can cover almost features and we can execute it at anytime.

We are doing it every after new version build, to realize Continuous Delivery.

4. Continuous Sharing

I think it’s important to share all knowledge and experiences I got with others, especially whom just start to make Continuous Delivery.

Don’t worry, it probably much easier than you think.

As part of this practice, I’d like to share all my knowledge and experience how it’s easy to achieve Continuous Delivery by Jenkins at JUC 2015.

I’m really exciting to meet and talk about this on there! See you on JUC 2015 @London!

 
コメントする

投稿者: : 2015年5月6日 投稿先 ダイレクトスマイル, DevOps

 

Continuous Delivery with Jenkins by DirectSmile DevOps

First of all, Congratulations JenkinsCI for 100K active users!

Nobukins

From very first time I got know JenkinsCI, it helped my life really lot. I personally think almost all my work I’ve done at last year was mainly with Jenkins, about Continuous Delivery.

From build to deploy, test, and maintenance, my Jenkins (I’m calling him “NOBUKINS”) takes care everything.

It was super super easy to achieve the Continuous Delivery in DirectSmile world by getting help of JenkinsCI. Today, as memorial day of JenkinsCI, I’d like to note some tips I got while I have been working with JenkinsCI.

1. Continuous Build

It was start point to get know JenkinsCI. Our developer use JenkinsCI to make the Continuous Build of our software. So, our develop environment was quite Jenkins friendly from the beginning.

2. Continuous Deploy

Virtual Machine

We had to have environment where we can deploy our new build. As we are one of big fun of Microsoft, we decided to use Azure as our environment to make Continuous Testing. How we control it? We use Powershell, which would be executed by JenkinsCI.

DirectSmile product deployment

How we could achieved the Continuous Deploy, actually, my boss, who is DirectSmile’s Yoda developed very powerful tool “DirectSmile Installation Service” to enable this. So we integrate this tool within JenkinsCI, and now Jenkins can deploy DirectSmile products on any target server by just one-button-click!

3. Continuous Testing

Of course, we use JenkinsCI to make the Continuous Testing. How we do? We use Selenium to run test. So we can cover almost features and can execute it at anytime. We are doing it at every after new version build, to realize Continuous Delivery.

4. Continuous Sharing

It was never mentioned by anyone else, though I think it’s important to share all knowledge and experiences I got with other who are just start to make Continuous Delivery. Don’t worry, it probably much easier than you think.

I’m really big fun of JenkinsCI, and looking forward to see more and more possibility that JenkinsCI has.

 

By the way, when I attended Jenkins User Conference at Berlin, 2014, I asked Mr.Kohsuke Kawaguchi to give his sing on the his book, which is my bible and I recommend all of Jenkins fun to get it. 川口さん、サインありがとうございました。この本は今や宝物です。

 
コメントする

投稿者: : 2015年2月26日 投稿先 ダイレクトスマイル, DevOps, DirectSmile

 

タグ: , , , , , , ,

efi DirectSmile

efiDirectSmile

Yes, now we are efi DirectSmile!!

I’m really exciting about our furture!

 
 

The configuration registry key is invalid

If DSMOnline Backend throw this error, try to run below command.

It will reset the performance counter, and fix that error.

  1. Open command prompt as Adminsitrator
  2. Type “lodctr /R”
  3. Enter

 

Have a fun!

 
コメントする

投稿者: : 2014年2月25日 投稿先 ダイレクトスマイル

 

タグ: , , ,

Userfriendly jQuery for Input

man at hand
The blank input field sometime makes me confused what I should enter.

That’s why user-frendly website has some example text displayed by gray color.
It not so difficult to make, and I think almost all Crossmedia user already know how to implement it into the campaign.

Here is one example by using jQuery.

PreSet Text for Input fields

1. Layout items

Just drop some input fields, and assign them to the database column.
Item Layout

2. Check the name

Because this tip identify each input field by class name, so you need to check the exact name by display preview of the campaign page. Then add identical class name by using another jQuery,
To do so, you need to know the name of each input fields. You can check it by using FireBug with FireFox. or even you can simply check the code of preview page.
Check name of input field

 

3. Add script

Here is the main part of jQuery script you need to add.

$(".focus1").focus(function(){
          if(this.value == "Company Name"){
               $(this).val("").css("color","#000");
          }
     });
     $(".focus1").blur(function(){
          if(this.value == ""){
               $(this).val("Company Name").css("color","#969696");
          }
     });

It because this tip require to have default value for each input fields, so I give the value by script as well. Entire of script looks like below.

<script type="text/javascript">// <![CDATA[
$(function(){
	$('input[name="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"]').addClass('focus1');
	document.dsmf_form.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX.value = "Company Name";
	$('input[name="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"]').addClass('focus2');
	document.dsmf_form.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX.value = "Your Name";
	$('input[name="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"]').addClass('focus3');
	document.dsmf_form.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX.value = "example@example.com";

     $(".focus1").focus(function(){
          if(this.value == "Company Name"){
               $(this).val("").css("color","#000");
          }
     });
     $(".focus1").blur(function(){
          if(this.value == ""){
               $(this).val("Company Name").css("color","#969696");
          }
     });
	 $(".focus2").focus(function(){
          if(this.value == "Your Name"){
               $(this).val("").css("color","#000");
          }
     });
     $(".focus2").blur(function(){
          if(this.value == ""){
               $(this).val("Your Name").css("color","#969696");
          }
     });
	 $(".focus3").focus(function(){
          if(this.value == "example@example.com"){
               $(this).val("").css("color","#000");
          }
     });
     $(".focus3").blur(function(){
          if(this.value == ""){
               $(this).val("example@example.com").css("color","#969696");
          }
     });
}); 
// ]]></script>

4. Add CSS

I also change the color of text by using CSS. Here is the code.

.focus1 {
    color: #969696
}

It will help visitor, and hopefully they won’t be confused.

NOG

 
 

タグ: , , , , , , ,

Mailchecker on DSMX

Recently, I saw quite useful jQuery plugin which was introduced on the Japanese Geek website, aka Gigazine.
It says, it could reduced 50% of returned email because of typo or wrong email address which visitor registered in user registration form.

Kicksend/mailcheck · GitHub
https://github.com/Kicksend/mailcheck

How we decreased sign up confirmation email bounces by 50% – The Kicksend Blog
http://blog.kicksend.com/how-we-decreased-sign-up-confirmation-email-bounces-by-50/

Because I love to try to integrate any kind of useful jQuery plugin into DSMX, so let me share how you can do it at here.

mailcheck.js

The Javascript library and jQuery plugin that suggests a right domain when your users misspell it in an email address.

Example on DSMX

Just try to type ‘test@hotmai.con’ or ‘test@gmai.com’. It will suggest you most close actual domain name.

mailcheck example

OK, now here is how to integrate it into DSMX.

1. Upload .js file

upload-jsfile

2. Load .js in the page
Please replace server domain, campaign name, account ID according to your setting.

LoadJS

3. Add class name or ID to the input element

AddClassName

4.Place div element where it should display suggestion

HintPlaceHolder

5. Place Javascript.

mailcheck-JavaScript

Here is my script.

You can add any domain or topLevelDomains in the array. Or simply comment it out, then it will take default value from .js file.

var domains = ['hotmail.com', 'gmail.com', 'aol.com','directsmile.com'];
var topLevelDomains = ["com", "net", "org"];
$('.email').on('blur', function() {
 $(this).mailcheck({
 domains: domains, // optional
 topLevelDomains: topLevelDomains, // optional
 // distanceFunction: superStringDistance, // optional
 suggested: function(element, suggestion) {
 // callback code
 var suggestion = '<table> <tbody> <tr> <td width="80" valign="top" align="left" style=""> <img width="80" height="147" src="template_image/man with query.png" /> </td> <td valign="top" align="left" style=""> <p>Did you mean</p><p class="sug">'+suggestion.full+' ?</p></tr> </tbody> </table>';
 $('#hint').html(suggestion).fadeIn(150)
 },
 empty: function(element) {
 // callback code
 var suggestion = '<table> <tbody> <tr> <td width="80" valign="top" align="left" style=""> <img width="80" src="template_image/serving document.PNG" /> </td> <td valign="top" align="left" style=""> <p>Looks like your email address is valid!</p></p></tr></tbody></table>';
 $('#hint').html(suggestion).fadeIn(150)
 }
 });
});

 

Have a fun!! 🙂

 

タグ: , , , , , , , , ,