tag:blogger.com,1999:blog-67564237406642876802024-03-13T09:08:37.461+09:00WebTerminalWEB関連の技術を纏めていきます。hamadayuu1http://www.blogger.com/profile/10488983600843387233noreply@blogger.comBlogger405125tag:blogger.com,1999:blog-6756423740664287680.post-81009895970641241842014-08-31T09:59:00.000+09:002014-08-31T09:59:15.214+09:002014年8月のツイート履歴<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
プログラミングに特化した和製Q&Aサイトhttps://teratail.com/ <br />
<span style="color: #999999;">07:23</span></div>
</li>
</ul>
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
入力フォームの最適化について、必須とも言える四つの項目を<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a>が公開しました。解りやすい解説記事はこちら->http://www.suzukikenichi.com/blog/four-guidelines-for-entry-form-optimization/ <br />
<span style="color: #999999;">10:53</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/Firefox" title="Firefox">Firefox</a>にてレスポンシブデザインの動作確認を行うには、「レスポンシブデザインビュー」が便利です。開発ツール->レスポンシブデザインビューを選択すると、タブ内に独立した専用領域が出現し、サイズの変更、タッチイベントのエミュレート等を行う事が出来ます。 <br />
<span style="color: #999999;">10:50</span></div>
</li>
</ul>
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
コーディングを考慮したデザインガイドです。こういった事を意識してデザインされたものは、開発者にとってとても扱いやすいです。Webデザインのスキルアップの為、もしくはプロジェクトメンバーのデザイナーに的確な指示をする為に、必読です。http://www.slideshare.net/msdfjp/ss-37633139 <br />
<span style="color: #999999;">10:38</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/iOS" title="iOS">iOS</a>アプリ開発者支援ツールの中には、アカウントを乗っ取る為の危険なアプリがあるようです。http://www.gamecast-blog.com/archives/65801561.html <br />
<span style="color: #999999;">10:34</span></div>
</li>
</ul>
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
HttpからHttpsへ移行する際に、<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a>を意識して気を付ける事。http://www.suzukikenichi.com/blog/john-mueller-answers-questions-about-https-migration/ <br />
<span style="color: #999999;">11:56</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a>が通信方式についてもランキングに影響させていくと発表しました。<a href="http://web-terminal.blogspot.com/search/label/SEO" title="SEO">SEO</a>において、今後はHttpsの導入が必須となりそうです。http://news.mynavi.jp/news/2014/08/08/115/ <br />
<span style="color: #999999;">11:54</span></div>
</li>
</ul>
</div>
hamadayuu1http://www.blogger.com/profile/10488983600843387233noreply@blogger.com0tag:blogger.com,1999:blog-6756423740664287680.post-63821387155394280622014-08-31T09:52:00.000+09:002014-08-31T10:00:05.605+09:002014年7月のツイート履歴<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
サイズの大きなモーダルをスクロール可能にする方法 <a href="http://web-terminal.blogspot.jp/2014/07/jquery-modal.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/07/jquery-modal.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">08:16</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年6月のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/07/20146.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/07/20146.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">07:44</span></div>
</li>
</ul>
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
youtubeクリエイター向けの公式資料。再生回数を伸ばすコツ等が紹介されています。 http://static.googleusercontent.com/media/www.youtube.com/ja//yt/creators/medias/pdfs/yt-creator-playbook-jp.pdf <br />
<span style="color: #999999;">06:04</span></div>
</li>
</ul>
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/GoogleMap" title="GoogleMap">GoogleMap</a>にて、実際の距離を測定出来る様になりました。http://www.suzukikenichi.com/blog/measuring-distance-on-google-maps/ <br />
<span style="color: #999999;">10:44</span></div>
</li>
</ul>
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/SEO" title="SEO">SEO</a>における<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a>の品式評価ガイドラインが大幅に改定されました。バージョン5.0では、「専門性・権威性・信頼性」が重要視されるとのことです。http://www.suzukikenichi.com/blog/e-a-t/ <br />
<span style="color: #999999;">10:45</span></div>
</li>
</ul>
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
PhotoShopのファイルを監視して製作過程動画を作ってくれる『Schnapps』http://www.100shiki.com/archives/2014/07/schnapps.html <br />
<span style="color: #999999;">10:45</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a>検索順位決定アルゴリズムに影響があるとされる要素を約200個全て日本語に翻訳した情報が公開されています。http://coliss.com/articles/build-websites/operation/work/google-ranking-factors-by-backlinko.html <br />
<span style="color: #999999;">10:36</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a>のクローラーを制御するrobots.txtをウェブマスター上で簡単にテスト出来る様になりました。http://googlewebmastercentral-ja.blogspot.jp/2014/07/testing-robotstxt-files-made-easier.html <br />
<span style="color: #999999;">10:33</span></div>
</li>
</ul>
</div>
hamadayuu1http://www.blogger.com/profile/10488983600843387233noreply@blogger.com0tag:blogger.com,1999:blog-6756423740664287680.post-42006491872232277292014-07-03T07:47:00.000+09:002014-07-03T07:51:41.346+09:00サイズの大きなモーダルをスクロール可能にする方法<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-aXluVx5Dh4E/U7SKVpDvfxI/AAAAAAAAAn8/KM3Uy6PbSj0/s1600/OOK89_kabanni5000mannante20131223.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-aXluVx5Dh4E/U7SKVpDvfxI/AAAAAAAAAn8/KM3Uy6PbSj0/s1600/OOK89_kabanni5000mannante20131223.jpg" height="472" width="640" /></a></div>
<br />
最近良く見かけるモーダルウィンドウですが、<br />
モーダルのサイズが大きいと画面外にはみ出してしまい、全てを表示することが出来ません。<br />
スクロールしたとしても、モーダルの背景であるメインコンテンツがスクロールされてしまいます。<br />
<br />
そこで、モーダルが表示されている間のスクロール対象を、背景のメインコンテンツではなく、<br />
モーダル自身に与えてあげることで、画面外に広がったモーダルコンテンツを全て表示することが可能です。<br />
<br />
今回は、そんなスクロール可能なモーダルを手軽に構築する方法を解説します。<br />
<br />
また、そんなモーダルをスクロール可能にする一連の処理を<br />
<a href="http://web-terminal.blogspot.com/search/label/jQuery" title="jQuery">jQuery</a>のプラグインとして作成しましたので、宜しければお使い下さい。<br />
<br />
<ol>
<li><a href="http://web-terminal.blogspot.com/2014/07/jquery-modal.html#Implementation-of-modal-general">一般的なモーダルの実装</a></li>
<li><a href="http://web-terminal.blogspot.com/2014/07/jquery-modal.html#Problems-of-modal-general">一般的なモーダルの問題点</a></li>
<li><a href="http://web-terminal.blogspot.com/2014/07/jquery-modal.html#Site-of-larger-modal">大きいモーダルを扱うサイト</a></li>
<li><a href="http://web-terminal.blogspot.com/2014/07/jquery-modal.html#Concept-of-scrollable-modal">スクロール可能なモーダルの考え方</a></li>
<li><a href="http://web-terminal.blogspot.com/2014/07/jquery-modal.html#How-to-use-jQuery-modal-plug-in">jQueryモーダルプラグインの使い方</a></li>
<li><a href="http://web-terminal.blogspot.com/2014/07/jquery-modal.html#source-of-jQuery-modal-plug-in">jQueryモーダルプラグインのソース</a></li>
</ol>
<br />
<a name='more'></a><br />
<br />
<h3 id="Implementation-of-modal-general">
一般的なモーダルの実装</h3>
<br />
<br />
<br />
一般的に良く見られるモーダルの実装は、<a href="http://web-terminal.blogspot.com/search/label/CSS" title="CSS">CSS</a>のpositionでfixedを指定し、<br />
絶対位置にて表示することで、メインコンテンツの上にモーダルとしてコンテンツを表示させています。<br />
表示方法は、<a href="http://web-terminal.blogspot.com/search/label/JavaScript" title="JavaScript">JavaScript</a>で毎度作成する方法もありますし、<br />
予め<a href="http://web-terminal.blogspot.com/search/label/HTML" title="HTML">HTML</a>を構築しておいて、<a href="http://web-terminal.blogspot.com/search/label/CSS" title="CSS">CSS</a>のdisplayをnoneにしておき、<br />
デフォルトでは非表示、表示する際は<a href="http://web-terminal.blogspot.com/search/label/CSS" title="CSS">CSS</a>のdisplayをblockに変更することで表示さる方法を取ることもあります。<br />
<br />
私個人的には後者の<a href="http://web-terminal.blogspot.com/search/label/CSS" title="CSS">CSS</a>でdisplayの値によって表示・非表示を切り替える方法を取る事が多いです。<br />
ですので今回の解説でも、「<a href="http://web-terminal.blogspot.com/search/label/CSS" title="CSS">CSS</a>でdisplayの値によって表示・非表示を切り替える方法」を基準に解説していきます。<br />
<br />
<br />
<br />
<br />
<br />
<h3 id="Problems-of-modal-general">
一般的なモーダルの問題点</h3>
<br />
<br />
<br />
前述にて、一般的なモーダルの実装方法では<a href="http://web-terminal.blogspot.com/search/label/CSS" title="CSS">CSS</a>のpositionをfixedにて行うと解説しました。<br />
この方法では、とても手軽にモーダルを実装することが出来ますが、<br />
一つ問題点があります。<br />
<br />
それは、ブラウザ領域よりも大きいコンテンツをモーダルとして扱う事が出来ない事です。<br />
<br />
通常、ブラウザの画面サイズを超えたコンテンツはスクロールすることで閲覧可能ですが、<br />
positionのfixedは絶対位置の配置ですので、スクロールすることが出来ません。<br />
<br />
スクロールしようとすると、スクロールされるのはモーダルが表示されている背景の<br />
メインコンテンツがスクロールされてしまいます。<br />
<br />
この現象を問題視し、小さなモーダルに対して内部スクロール(overfrow:scroll)を実装しているサイトを<br />
頻繁に見かけますが、ちょっとUI的に扱いにくいと思います。<br />
また、背景がスクロールされてしまう現状も、出来れば防ぎたいはずです。<br />
<br />
<br />
<br />
<br />
<br />
<h3 id="Site-of-larger-modal">
大きいモーダルを扱うサイト</h3>
<br />
<br />
<br />
大きいモーダルを実装しているサイトでは、<br />
内部スクロール(overfrow:scroll)にて対応している事が多いと解説しました。<br />
<br />
しかし、中にはスクロール対象をモーダルに変更させて、<br />
上手くモーダル上のコンテンツをスクロール可能にしているサイトがあります。<br />
<br />
例を挙げますと、twitterのユーザー名をクリックした際に表示されるプロフィールも<br />
モーダル表示ですがモーダル領域自体がスクロールされます。<br />
<br />
他にも、GMailにて添付されたテキストファイルをGMail上で開く際も、<br />
同様にモーダルとして表示された内容がスクロール対象です。<br />
<br />
どちらも実装方法は異なりますし、<br />
内部スクロール(overfrow:scroll)を上手く使用しているサイトもあります。<br />
<br />
ですが、目的とする内容は同じで、<br />
<br />
「モーダルにて内容の多いコンテンツを表示させる際には<br />
モーダル自体をスクロール対象にしたい」<br />
<br />
かと思います。<br />
<br />
今回は、私なりに上記の目的を実現させる為に考えた方法について解説します。<br />
より簡単に実装出来るように<a href="http://web-terminal.blogspot.com/search/label/jQuery" title="jQuery">jQuery</a>のプラグインとして作成していますので、<br />
気に入って頂ければ自由にお使いいただいて構いません。<br />
<br />
<br />
<br />
<br />
<br />
<h3 id="Concept-of-scrollable-modal">
スクロール可能なモーダルの考え方</h3>
<br />
<br />
<br />
まず、通常良く見られるモーダルの実装方法では、<br />
「メインコンテンツの上にモーダルコンテンツを配置する」という考え方です。<br />
これは、あくまでもブラウザのメインとなる制御対象はメインコンテンツですので、<br />
スクロール対象もメインコンテンツとなります。<br />
<br />
ここで逆の発想をしてみます。<br />
「メインコンテンツの上にモーダルコンテンツを配置する」ではなく、<br />
「モーダルコンテンツの背景としてメインコンテンツを配置する」という考え方です。<br />
<br />
すると、メインとなる制御はモーダルコンテンツとなりますので、<br />
スクロール対象はモーダルコンテンツとなり、<br />
メインコンテンツはスクロールされずに留まります。<br />
<br />
しかし、そのまま実装するには問題点として下記が挙げられます。<br />
<br />
<ul>
<li>DOM構造を予めモーダルを意識した構造にする必要がある。</li>
<li>モーダル表示前のメインコンテンツのスクロール位置の保存と復帰</li>
</ul>
<br />
共に、<a href="http://web-terminal.blogspot.com/search/label/jQuery" title="jQuery">jQuery</a>のプラグインとして予め調整する処理を用意しておけば、<br />
問題点は解決されるはずです。<br />
<br />
後はどれだけ手軽に実装することが出来るかですが、<br />
次に今回は解説する<a href="http://web-terminal.blogspot.com/search/label/jQuery" title="jQuery">jQuery</a>プラグインの使い方について解説します。<br />
<br />
<br />
<br />
<br />
<br />
<h3 id="How-to-use-jQuery-modal-plug-in">
jQueryモーダルプラグインの使い方</h3>
<br />
<br />
<br />
使い方はとても簡単です。<br />
まず、下準備としてモーダルコンテンツを予め<a href="http://web-terminal.blogspot.com/search/label/HTML" title="HTML">HTML</a>上に作成しておき、<br />
<a href="http://web-terminal.blogspot.com/search/label/CSS" title="CSS">CSS</a>のdisplayをnoneにして非表示にしておきます。<br />
そしてメインコンテンツ全体を囲った要素を一つ用意しておきます。<br />
後は読み込んだ<a href="http://web-terminal.blogspot.com/search/label/jQuery" title="jQuery">jQuery</a>プラグインを読み込んで、<br />
メインコンテンツとモーダルコンテンツを指定して<br />
表示・非表示処理を実行します。<br />
<br />
具体的には下記のような使い方です。<br />
<br />
<pre class="brush:javascript" title="jQueryプラグインの使い方">// #mainに対して、モーダルとして#modal-layerを表示
$('#main').modalShow('#modal-layer');
// 表示すると共に、追加でCSSを指定する
$('#main').modalShow('#modal-layer',{'top':'100px'});
// メソッドチェインにてCSSを追加することも可能
$('#main').modalShow('#modal-layer').css('top':'100px');
// モーダルを非表示にする
$('#main').modalHidden('#modal-layer');
</pre>
<br />
<br />
また、モーダルの背景となる半透明のグレイアウトは自動的に構築されます。<br />
<br />
<br />
<br />
<br />
<br />
<h3 id="source-of-jQuery-modal-plug-in">
jQueryモーダルプラグインのソース</h3>
<br />
<br />
<br />
早速ですが、手軽にスクロール可能なモーダルを実装する<a href="http://web-terminal.blogspot.com/search/label/jQuery" title="jQuery">jQuery</a>プラグインのソースを公開します。<br />
解説の為にコメントを多めに書いていますので、お使いの際にはコメントを除去して頂ければ幸いです。<br />
また、デフォルトの設定や、より扱い易くする為に改変を加えても結構です。<br />
<br />
<pre class="brush:javascript" title="スクロール可能なモーダルを実現するjQueryプラグイン">;(function($) {
// モーダルを表示する
$.fn.modalShow = function( modal_selector, option_css ){
// デフォルト値を構築
var defaults = {
'display' : 'block',
'position' : 'absolute',
'z-index' : '9999',
};
// 引数とデフォルト値をマージしてモーダルのCSSとする
var css = $.extend( defaults, option_css );
// メインコンテンツのJQueryオブジェクト
$mainContent = this;
// モーダルのJQueryオブジェクト
$modal = $(modal_selector);
// グレイレイヤーのJQueryオブジェクト
$glayLayer = $('<div id="modal-gray-layer">
</div>
').css({
'position' : 'fixed',
'background-color' : 'rgb(0, 0, 0)',
'top' : '0px',
'left' : '0px',
'z-index' : '-1',
'width' : '100%',
'height' : '100%',
'min-height' : '100%',
'opacity' : '0.5',
});
// メインコンテンツの位置を固定する
$mainContent.css({
'position' : 'fixed',
'width' : '100%',
'top' : '-' + $(window).scrollTop() + 'px',
'left' : '-' + $(window).scrollLeft() + 'px',
});
// モーダルのDOM位置を移動する
$mainContent.after( $modal );
// モーダルのCSSをセット
$modal.css( css );
// グレイレイヤーを追加
$modal.prepend( $glayLayer );
// スクロール位置を初期化する
$(window).scrollTop(0);
$(window).scrollLeft(0);
// メソッドチェインの為にモーダルを対象としてjQueryオブジェクトを返却
return( $modal );
}
// モーダルを非表示にする
$.fn.modalHidden = function( modal_selector ){
// メインコンテンツのJQueryオブジェクト
$mainContent = this;
// モーダルのJQueryオブジェクト
$modal = $(modal_selector);
// メインコンテンツの位置を固定する
$mainContent.css({
'position' : 'static',
});
// モーダルを非表示にする
$modal.css({
'display' : 'none',
});
// グレイレイヤーを削除しておく
$modal.find('#modal-gray-layer').remove();
// モーダルのCSSをセット
$modal.css({
'display' : 'none',
});
// スクロール位置を復帰する
$(window).scrollTop( Math.abs( parseInt( $mainContent.css( 'top') ) ) );
$(window).scrollLeft(Math.abs( parseInt( $mainContent.css( 'left')) ) );
// メソッドチェインの為にモーダルを対象としてjQueryオブジェクトを返却
return( $modal );
}
})(jQuery);
</pre>
<br />
<br />
「もっとこうしたら汎用的だし手軽で良くなるよ!」<br />
「バグがあるよ!」<br />
<br />
など、今回公開したjQueryプラグインに対して様々なコメントを頂ければ幸いです。<br />
せっかく作成したので、どんどん使い易いようにしていきたいと思います。<br />
<br />
ご協力、宜しくお願い致します。<br />
<br />
<br />hamadayuu1http://www.blogger.com/profile/10488983600843387233noreply@blogger.com1tag:blogger.com,1999:blog-6756423740664287680.post-9765885319279444492014-07-03T07:25:00.000+09:002014-07-03T07:25:43.002+09:002014年6月のツイート履歴<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
Swift言語の簡易リファレンスを纏めたチートシートhttp://cdn2.raywenderlich.com/wp-content/uploads/2014/06/RW-Swift-Cheatsheet-0_3.pdf <br />
<span style="color: #999999;">15:38</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
#Swift Appleが公表した新プログラミング言語「Swift」についての資料を日本語化するプロジェクト https://github.com/swift-jp/swift-guide <br />
<span style="color: #999999;">15:14</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年5月のツイート履歴 http://web-terminal.blogspot.jp/2014/06/20145.html?utm_source=dlvr.it&utm_medium=twitter <br />
<span style="color: #999999;">11:09</span></div>
</li>
</ul>
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
「Mozc for Android」にて<a href="http://web-terminal.blogspot.com/search/label/Android" title="Android">Android</a>用のカスタムキーボードを作成することが可能です。その際の開発環境として、ビルドは<a href="http://web-terminal.blogspot.com/search/label/Linux" title="Linux">Linux</a>上で行う必要があります(「Ubuntu 12.04」が理想) <br />
<span style="color: #999999;">12:06</span></div>
</li>
</ul>
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
ApacheのTimeoutを0にて無制限としてもタイムアウトされてしまう場合は、max_input_timeの値を確認しましょう。Maximum execution time of 0 seconds exceeded in <br />
<span style="color: #999999;">18:56</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/PHP" title="PHP">PHP</a>のset_time_limit()や、php.iniのmax_execution_timeをhtaccessやphp.iniで直接設定してもタイムアウトが効かない場合は、ApacheのTimeoutやKeepAliveTimeoutの値も確認しましょう。 <br />
<span style="color: #999999;">16:50</span></div>
</li>
</ul>
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/Linux" title="Linux">Linux</a>のUbuntuにて、システムをシャットダウンする場合のコマンドは「sudo shutdown -h now」。再起動する場合のコマンドは「sudo shutdown -r now」です。 <br />
<span style="color: #999999;">13:57</span></div>
</li>
</ul>
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a>がビジネスオーナー向けの新しいサービスを開始「Google マイ ビジネス」 http://www.google.co.jp/business/?gmbsrc=jp-ja-et-pr-z-gmb-s-214-h~gb%7Cintl%7Cu&ppsrc=GMBB0&utm_campaign=jp-ja-et-pr-z-gmb-s-214-h~gb%7Cintl%7Cu&utm_source=gmb&utm_medium=et <br />
<span style="color: #999999;">12:19</span></div>
</li>
</ul>
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/Twitter" title="Twitter">Twitter</a>において、再びGIFアニメが使用出来る様になりました。http://www.itmedia.co.jp/news/articles/1406/19/news038.html <br />
<span style="color: #999999;">10:52</span></div>
</li>
</ul>
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
〔隠しコマンド〕Web版Twitterの検索窓でキーボードの↑↑↓↓←→←→BA(通称コナミコマンド)を打つと、上部のツイッターアイコンが回転します。 <br />
<span style="color: #999999;">12:43</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
マイクロソフトは開発者向けに、リリース前の<a href="http://web-terminal.blogspot.com/search/label/IE" title="IE">IE</a>をダウンロードすることの出来る「IE Developer Channel」を公開しました。http://devchannel.modern.ie/ <br />
<span style="color: #999999;">11:12</span></div>
</li>
</ul>
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a>の検索結果に表示される著者画像とGoogle+のフォロワー数は、モバイルを意識した改革の為に廃止となります。http://www.suzukikenichi.com/blog/no-more-pictures-in-authorship/ <br />
<span style="color: #999999;">16:21</span></div>
</li>
</ul>
</div>
hamadayuu1http://www.blogger.com/profile/10488983600843387233noreply@blogger.com0tag:blogger.com,1999:blog-6756423740664287680.post-42573967867592043112014-06-04T10:40:00.000+09:002014-06-06T10:46:39.705+09:002014年5月のツイート履歴<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
「JUnit速効レシピ」が本日「2014/05/29」に全国書店、およびAmazonなどのネットショップにて発売されました。<a href="http://web-terminal.blogspot.jp/2014/05/java-test-junit.html">http://web-terminal.blogspot.jp/2014/05/java-test-junit.html</a> <br />
<span style="color: #999999;">11:43</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
GMailの中から未読メールを探すには、検索窓に「is:unread」と入力し、検索を実行することで奥深くに入ってしまって見つけられない未読メールも見つけることが出来ます。 <br />
<span style="color: #999999;">11:24</span></div>
</li>
</ul>
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
XCode5.0では、iOS7.1を認識出来ないようです。iOS7.1にて実機テストを行う場合は、XCode5.1にアップデートする必要があります。XCode5.0では「iOS7.1 SDK」を持っていないことが原因のようです。 <br />
<span style="color: #999999;">12:32</span></div>
</li>
</ul>
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a>のWebページ認識能力が高くなりました。http://googlewebmastercentral-ja.blogspot.jp/2014/05/understanding-web-pages-better.html <br />
<span style="color: #999999;">11:22</span></div>
</li>
</ul>
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a>、パンダアップデート4.0 & ペイデイローンアップデート2.0を実施http://www.suzukikenichi.com/blog/panda-update-4-0-and-payday-loan-update-2-0/ <br />
<span style="color: #999999;">11:17</span></div>
</li>
</ul>
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a> <a href="http://web-terminal.blogspot.com/search/label/HTML" title="HTML">HTML</a>/<a href="http://web-terminal.blogspot.com/search/label/CSS" title="CSS">CSS</a> Style Guide まとめhttp://qiita.com/Sugima/items/785644372397595644ba?utm_source=Qiita%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%B9&utm_campaign=c4a71b7b6d-Qiita_newsletter_105_21_5_2014&utm_medium=email&utm_term=0_e44feaa081-c4a71b7b6d-32802997 <br />
<span style="color: #999999;">10:30</span></div>
</li>
</ul>
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
【便利】Webディレクターにおすすめ<a href="http://web-terminal.blogspot.com/search/label/Chrome" title="Chrome">Chrome</a>アドオン10選(基本編)http://lab.sonicmoov.com/direction/chrome-addon/ <br />
<span style="color: #999999;">13:54</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
文章校正など、ブログ記事作成に役立つ無料ツール9選http://liskul.com/proofreading_tool9-2209 <br />
<span style="color: #999999;">11:05</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
綺麗なデザインの管理画面が沢山紹介されています。http://blog.8bit.co.jp/?p=10607 <br />
<span style="color: #999999;">10:52</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/Java" title="Java">Java</a>開発時のユニットテストを加速する「JUnit速効レシピ」 <a href="http://web-terminal.blogspot.jp/2014/05/java-test-junit.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/05/java-test-junit.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">08:31</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年5月15日(木)のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/05/2014515.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/05/2014515.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">08:01</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年4月のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/05/20144.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/05/20144.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">08:01 </span></div>
</li>
</ul>
</div>
hamadayuu1http://www.blogger.com/profile/10488983600843387233noreply@blogger.com0tag:blogger.com,1999:blog-6756423740664287680.post-53567219002712208082014-05-16T08:00:00.000+09:002014-05-29T11:40:44.214+09:00Java開発時のユニットテストを加速する「JUnit速効レシピ」<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-enr0tygt2bM/U3VF3AqcfyI/AAAAAAAAAnY/KHjrJk_MKpE/s1600/cover_JUnit_OL_out.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-enr0tygt2bM/U3VF3AqcfyI/AAAAAAAAAnY/KHjrJk_MKpE/s1600/cover_JUnit_OL_out.jpg" height="640" width="450" /></a></div>
<br />
二冊目の著書である「JUnit速効レシピ」が2014年5月29日(木)に全国書店にて発売されます。<br />
<br />
「JUnit速効レシピ」は、<a href="http://web-terminal.blogspot.com/search/label/Java" title="Java">Java</a>開発時に行うユニットテストを効率良く行う為に開発された<br />
テスティングフレームワークです。<br />
<br />
そんなJUnitについて、逆引きリファレンスを基本軸に、<br />
細かいコツや考え方を含みながら分かりやすく解説しています。<br />
<br />
JUnitのチュートリアルを含め、機能の説明ごとにサンプルコードを載せていますので、<br />
実際にシステムへ導入するイメージがわきやすく、<br />
内容もレアな関数の解説から、「JUnit」を「Eclipse」へ導入する方法など、<br />
初心者の方から上級者の方まで長くお使いいただける構成となっています。<br />
<br />
単なる関数リファレンスではなく、「ユニットテストとは?」「なぜテストを行うの?」など<br />
テスト駆動開発の基本から、テストを行う考え方まで<br />
読めば読むほど学んで行くことが出来るのも特徴の一つです。<br />
<br />
<a href="http://web-terminal.blogspot.com/search/label/Java" title="Java">Java</a>による開発を行っている方に「とてもオススメするJUnit」について、<br />
最新かつ最良の内容をそろえましたので、<br />
是非とも宜しくお願い致します。<br />
<br />
<ol>
<li><a href="http://web-terminal.blogspot.com/2014/05/java-test-junit.html#Book-information-thorough-explanation-junit">『JUnit速効レシピ』書籍情報</a></li>
<li><a href="http://web-terminal.blogspot.com/2014/05/java-test-junit.html#Table-of-contents">『JUnit速効レシピ』目次</a></li>
</ol>
<br />
<a name='more'></a><br /><br />
<br />
<br />
<br />
<br />
<h3 id="Book-information-thorough-explanation-junit">
『JUnit速効レシピ』書籍情報</h3>
<br />
<br />
<br />
本書では、最新の「JUnit4.11」を元に解説しています。<br />
<br />
本書の構成は「逆引き」に近い形をとっており、目的の機能を素早く調べることができます。<br />
ですが、単なる「逆引きリファレンス」とは異なり、随所にテストに関するヒントを含めて解説していますので、<br />
本書を使って機能を調べていくと、テスト駆動開発のコツや、テストについての考え方、<br />
ユニットテストを効率良く行う方法まで、自然と身につくことでしょう。<br />
<br />
機能説明だけでなく、機能を使ううえで気にすべきことや、<br />
注意点などについても触れていますので、調べれば調べるほど、読めば読むほど、<br />
テスト駆動開発を学んで行くことができます。<br />
<br />
機能や目的、メソッド名等から目的の解説を探すことが出来ますので、<br />
永くお手元にて活躍する事でしょう。<br />
<br />
<table>
<tbody>
<tr>
<th>書籍名</th><td><a href="http://www.amazon.co.jp/gp/product/4798041270/ref=as_li_tf_tl?ie=UTF8&camp=247&creative=1211&creativeASIN=4798041270&linkCode=as2&tag=sonicport-22">JUnit速効レシピ</a><img src="http://ir-jp.amazon-adsystem.com/e/ir?t=sonicport-22&l=as2&o=9&a=4798041270" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
</td>
</tr>
<tr>
<th>ISBN13桁</th><td>978-4-7980-4127-8</td>
</tr>
<tr>
<th>頁数</th><td>316頁</td>
</tr>
<tr>
<th>本体価格</th><td>2,600円</td>
</tr>
<tr>
<th>発売日</th><td>2014年05月29日</td>
</tr>
<tr>
<th>著者名</th><td>濱田 優(当ブログの管理人)</td>
</tr>
</tbody></table>
<br />
<br />
<iframe src="http://rcm-fe.amazon-adsystem.com/e/cm?t=sonicport-22&o=9&p=8&l=as1&asins=4798041270&ref=tf_til&fc1=000000&IS2=1<1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
<br />
<br />
<h3 id="Table-of-contents">
『JUnit速効レシピ』目次</h3>
<br />
<br />
<br />
<h4>
はじめに</h4>
<br />
<h4>
Chapter1.テスト駆動開発について</h4>
<br />
<ul>
<li>1-1.テスト駆動開発とは?</li>
<li>1-2.テストコードを作成するのは面倒?</li>
<li>1-3.JUnitとは?</li>
<li>1-4.JUnitによるテスト駆動開発</li>
</ul>
<br />
<h4>
Chapter2.環境設定</h4>
<br />
<ul>
<li>2-1.JDKを入手したい</li>
<li>2-2.JDKをWindowsへインストールしたい</li>
<li>2-3.JDKをMacへインストールしたい</li>
<li>2-4.Eclipseをインストールしたい</li>
<li>2-5.JUnitをEclipseへ導入したい</li>
<li>2-6.hamcrestをEclipseへ導入したい</li>
</ul>
<br />
<h4>
Chapter3.テストの作成</h4>
<br />
<ul>
<li>3-1.テスト用のソースフォルダを作成したい</li>
<li>3-2.テストクラスを作成したい</li>
<li>3-3.テストを宣言したい</li>
<li>3-4.指定の例外を成功とみなしたい</li>
<li>3-5.テストの実行に制限時間を設けたい</li>
<li>3-6.テスト対象から除外したい</li>
<li>3-7.テストの事前処理を定義したい</li>
<li>3-8.テストの事後処理を定義したい</li>
<li>3-9.テストクラスの事前処理を定義したい</li>
<li>3-10.テストクラスの事後処理を定義したい</li>
<li>3-11.テストスイートクラスを宣言したい</li>
</ul>
<br />
<h4>
Chapter4.テストのカテゴリ化</h4>
<br />
<ul>
<li>4-1.カテゴリを作成したい</li>
<li>4-2.カテゴリに属することを宣言したい</li>
<li>4-3.カテゴリに属するテストを実行対象としたい</li>
<li>4-4.カテゴリに属するテストを実行対象から除外したい</li>
</ul>
<br />
<h4>
Chapter5.パラメータテストの定義</h4>
<br />
<ul>
<li>5-1.パラメータテストとは?</li>
<li>5-2.引数をとるテストメソッドを宣言したい</li>
<li>5-3.テストするパラメータを定義したい</li>
<li>5-4.テストするパラメータを複数定義したい</li>
</ul>
<br />
<h4>
Chapter6.実行方法の設定</h4>
<br />
<ul>
<li>6-1.テストランナーとは?</li>
<li>6-2.テストクラス内のすべてのテストを実行したい</li>
<li>6-3.複数のテストクラスを実行したい</li>
<li>6-4.構造化されたテストクラスを実行したい</li>
<li>6-5.引数を持つテストを実行したい</li>
<li>6-6.カテゴリを考慮したテストを実行したい</li>
<li>6-7.独自のテストランナーを作成したい</li>
</ul>
<br />
<h4>
Chapter7.テストの実行</h4>
<br />
<ul>
<li>7-1.Eclipse上でテストを実行したい</li>
<li>7-2.コマンドラインからテストを実行したい</li>
<li>7-3.テストクラス内からテストを実行したい</li>
</ul>
<br />
<h4>
Chapter8.期待値と実測値の検証</h4>
<br />
<ul>
<li>8-1.汎用的に一致することを調べたい</li>
<li>8-2.一致することを調べたい</li>
<li>8-3.trueであることを調べたい</li>
<li>8-4.falseであることを調べたい</li>
<li>8-5.nullでないことを調べたい</li>
<li>8-6.nullであることを調べたい</li>
<li>8-7.配列が一致することを調べたい</li>
<li>8-8.オブジェクトが一致することを調べたい</li>
<li>8-9.オブジェクトが一致しないことを調べたい</li>
<li>8-10.テストを失敗させたい</li>
</ul>
<br />
<h4>
Chapter9.前提条件の検証</h4>
<br />
<ul>
<li>9-1.汎用的に一致することを調べたい</li>
<li>9-2.trueであることを調べたい</li>
<li>9-3.nullでないことを調べたい</li>
<li>9-4.例外でないことを調べたい</li>
</ul>
<br />
<h4>
Chapter10.Matcherオブジェクトによる実測値の取り扱い</h4>
<br />
<ul>
<li>10-1.Matcherとは?</li>
<li>10-2.別のMatcherや値が一致することを調べたい</li>
<li>10-3.同じ値であることを調べたい</li>
<li>10-4.すべてのMatcherが一致することを調べたい</li>
<li>10-5.いずれかのMatcherが一致することを調べたい</li>
<li>10-6.複数のMatcherをANDで連結したい</li>
<li>10-7.複数のMatcherをORで連結したい</li>
<li>10-8.nullであることを調べたい</li>
<li>10-9.nullでないことを調べたい</li>
<li>10-10.同じインスタンスであることを調べたい1</li>
<li>10-11.同じインスタンスであることを調べたい2</li>
<li>10-12.指定クラスのインスタンスであることを調べたい1</li>
<li>10-13.指定クラスのインスタンスであることを調べたい2</li>
<li>10-14.指定クラスのインスタンスであることを調べたい3</li>
<li>10-15.文字列が含まれているか調べたい</li>
<li>10-16.文字列の最初が一致するか調べたい</li>
<li>10-17.文字列の最後が一致するか調べたい</li>
<li>10-18.コレクション内のすべての要素と一致するか調べたい</li>
<li>10-19.コレクション内に期待する値が含まれるか調べたい</li>
<li>10-20.コレクション内に複数の期待する値が含まれるか調べたい</li>
<li>10-21.かならず一致させたい</li>
<li>10-22.一致しない場合に成功としたい</li>
<li>10-23.失敗時のメッセージを上書きしたい</li>
</ul>
<br />
<h4>
Chapter11.独自のMatcherオブジェクト</h4>
<br />
<ul>
<li>11-1.独自のMatcherを作成したい</li>
<li>11-2.ファクトリメソッドを作成したい</li>
<li>11-3.値の比較検証を行いたい</li>
<li>11-4.比較に失敗した場合の処理を定義したい</li>
<li>11-5.文字列をエラーメッセージに追加したい</li>
<li>11-6.オブジェクトをエラーメッセージに追加したい</li>
<li>11-7.複数の値をエラーメッセージに追加したい</li>
</ul>
<br />
<h4>
Chapter12.ルールの利用</h4>
<br />
<ul>
<li>12-1.ルールとは?</li>
<li>12-2.テストのルールを宣言したい</li>
<li>12-3.テストクラスのルールを宣言したい</li>
<li>12-4.一時的なフォルダの作成と解放を行いたい</li>
<li>12-5.一時的なフォルダを取得したい</li>
<li>12-6.一時的なフォルダ配下に新しいファイルを作成したい</li>
<li>12-7.一時的なフォルダ配下に新しいフォルダを作成したい</li>
<li>12-8.一時的なフォルダ配下を削除したい</li>
<li>12-9.外部リソースを準備し、テスト実行後に解放したい</li>
<li>12-10.テストの事後検証を行いたい</li>
<li>12-11.テストが失敗した情報やエラーを蓄積したい</li>
<li>12-12.一致性をしらべ、失敗と評価されてもテストを継続したい</li>
<li>12-13.別タスクで発生した例外を収集したい</li>
<li>12-14.エラーを収集したい</li>
<li>12-15.発生した例外を検証したい</li>
<li>12-16.例外の型を検証したい</li>
<li>12-17.例外のメッセージを検証したい</li>
<li>12-18.例外の原因が同じであるか調べたい</li>
<li>12-19.テストのタイムアウトを設定したい</li>
<li>12-20.任意のタイミングで処理を追加したい</li>
<li>12-21.実行中のテスト名を取得したい</li>
<li>12-22.複数定義されたルールの実行順序を制御したい</li>
<li>12-23.独自のルールを作成したい</li>
</ul>
<br />
<h4>
Chapter13.テスト項目作成のヒント</h4>
<br />
<ul>
<li>13-1.予め必要なテスト用フォルダを準備したい</li>
<li>13-2.Fixtureオブジェクトを使ってパラメータテストの可読性を上げたい</li>
<li>13-3.クラス内でランナーや目的別に分類したい</li>
<li>13-4.テストケース抽出のコツ</li>
<li>13-5.テストコード作成のコツ</li>
</ul>
<br />
<h4>
Chapter14 用語集</h4>
<br />
<ul>
<li>14-1.用語集</li>
</ul>
<br />
<h4>
索引</h4>
<br />
<br />
<h4>
おわりに</h4>
<br />
<br />
<br />
<iframe src="http://rcm-fe.amazon-adsystem.com/e/cm?t=sonicport-22&o=9&p=8&l=as1&asins=4798041270&ref=tf_til&fc1=000000&IS2=1<1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
<br />hamadayuu1http://www.blogger.com/profile/10488983600843387233noreply@blogger.com0tag:blogger.com,1999:blog-6756423740664287680.post-80411553696411049932014-05-16T07:43:00.000+09:002014-05-16T07:43:00.235+09:002014年4月のツイート履歴<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
アドセンスに新機能!「上位の惑星と衛星」 <a href="http://web-terminal.blogspot.jp/2014/04/GoogleAdSense.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/04/GoogleAdSense.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">09:15</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
エイプリルフールということで、アドセンスでは「上位の惑星と衛星」という項目が出現し、アクセスのあった惑星を調べることが出来ます。「2014年4月1日現在」 <br />
<span style="color: #999999;">08:41</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年3月19日(水)のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/03/2014319.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/03/2014319.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">11:32</span></div>
</li>
</ul>
</div>
<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<input type="file">を装飾する方法について<a href="http://web-terminal.blogspot.com/search/label/IE" title="IE">IE</a>対策でLabelを使う方法を追記しました。 <a href="http://web-terminal.blogspot.jp/2013/07/jquery.html">http://web-terminal.blogspot.jp/2013/07/jquery.html</a> <br />
<span style="color: #999999;">18:11</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年3月のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/04/20143.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/04/20143.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">10:51</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年4月1日(火)のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/04/201441.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/04/201441.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">10:51</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/IE" title="IE">IE</a>の<a href="http://web-terminal.blogspot.com/search/label/HTML" title="HTML">HTML</a>5対応状況一覧です。http://status.modern.ie/webglsharedresources <br />
<span style="color: #999999;">10:23</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
アクセスするだけで、自分のOSやブラウザ、モニタサイズやIPアドレスなど、PCの利用環境を確認出来るサービス「ご利用環境チェックツール」http://mysys-check.com/ <br />
<span style="color: #999999;">10:43</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/Android" title="Android">Android</a>アプリを開発するうえで、UX的によろしくないアンチパターンについて、<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a>が解説動画を公開しています。 #t=96">https://www.youtube.com/watch?v=x_gxZd9kL</div>
</li>
</ul>
</div>
<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
フロントエンド開発を裏から支えるデバッグアプリケーション4選 http://liginc.co.jp/web/tool/other-tool/84329 <br />
<span style="color: #999999;">10:37</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
世界に発信!Webデザイナー向けコミュニティーサイトいろいろ http://www.webcreatorbox.com/inspiration/web-designer-sns/ <br />
<span style="color: #999999;">10:36</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a>トレンドにメール配信機能が備わりました!定期チェックに加え、受動的に検索動向を把握することが出来るので、とても便利です。http://insidesearch.blogspot.jp/2014/04/the-hottest-topics-on-google-delivered.html <br />
<span style="color: #999999;">10:32</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
「<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a> <a href="http://web-terminal.blogspot.com/search/label/JavaScript" title="JavaScript">JavaScript</a> Style Guide」に則ったコーディングか検証する<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a>製の文法チェックツール「Closure Linter」https://developers.google.com/closure/utilities/docs/linter_howto?csw=1 <br />
<span style="color: #999999;">10:15</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a>が提唱する<a href="http://web-terminal.blogspot.com/search/label/JavaScript" title="JavaScript">JavaScript</a>のコーディングルール「<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a> JavaScript Style Guide」https://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml <br />
<span style="color: #999999;">10:15</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
[<a href="http://web-terminal.blogspot.com/search/label/JavaScript" title="JavaScript">JavaScript</a>]子クラスから親クラスの同名メソッドを呼び出す方法 <a href="http://web-terminal.blogspot.jp/2014/04/javascript-sub-super-method.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/04/javascript-sub-super-method.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">07:54 </span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
[<a href="http://web-terminal.blogspot.com/search/label/PHP" title="PHP">PHP</a>]PEARを使わない添付ファイル付きメール送信クラスを公開 <a href="http://web-terminal.blogspot.jp/2014/04/php-file-mail-pear.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/04/php-file-mail-pear.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">09:21</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/PHP" title="PHP">PHP</a>開発時に役立つ、デベロッパーツールの様な操作性!メッセージやリクエスト、発行クエリをいつでも手軽に確認出来るオープンソースのデバッグツールバー「DebugBar」http://phpdebugbar.com/ <br />
<span style="color: #999999;">07:01</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/PHP" title="PHP">PHP</a>標準のZipArchiveにてディレクトリを丸っとZIP圧縮・展開する方法 <a href="http://web-terminal.blogspot.jp/2014/04/phpziparchivezip.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/04/phpziparchivezip.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">13:52</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
5人まで無料で使える日本製の高機能プロジェクト管理ツール「Brabio!」http://brabio.jp/ <br />
<span style="color: #999999;">18:42</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年4月14日(月)のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/04/2014414.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/04/2014414.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">10:45</span></div>
</li>
</ul>
</div>
<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
世界中のクリエイター・デザイナー・エンジニアのデスクを紹介したギャラリーサイト「DESK」http://desk.cmiscm.com/ <br />
<span style="color: #999999;">10:36</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年4月23日(水)のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/04/2014423.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/04/2014423.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">07:39</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
[<a href="http://web-terminal.blogspot.com/search/label/JavaScript" title="JavaScript">JavaScript</a>]子クラスから親クラスを引数付きで初期化する方法 <a href="http://web-terminal.blogspot.jp/2014/04/JavaScript-Super-Constructor-param.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/04/JavaScript-Super-Constructor-param.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">07:39</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
ブログ記事を外注している方には重宝することでしょう。コピーコンテンツチェックツール「KAGE-MUSYA」https://kagemusya.biz-samurai.com/ <br />
<span style="color: #999999;">06:12</span></div>
</li>
</ul>
</div>
hamadayuu1http://www.blogger.com/profile/10488983600843387233noreply@blogger.com0tag:blogger.com,1999:blog-6756423740664287680.post-69302439583070285992014-05-16T07:35:00.000+09:002014-05-16T07:44:56.489+09:002014年5月15日(木)のツイート履歴<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年4月24日(木)のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/04/2014424.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/04/2014424.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">06:34</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a>が定義するサイトの品質について、Webマスター向けガイドラインが更新されました!https://support.google.com/webmasters/answer/35769 <br />
<span style="color: #999999;">10:46</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
閲覧しているページの構造化データ情報を丸見えにする<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a> <a href="http://web-terminal.blogspot.com/search/label/Chrome" title="Chrome">Chrome</a>の4つの拡張機能 http://www.suzukikenichi.com/blog/4-chrome-extentions-to-reveal-structured-data-on-the-page/ <br />
<span style="color: #999999;">10:21</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
二冊目の著書「JUnit速攻レシピ」が5月29日(木)に全国書店にて発売されます。ご興味のある方は是非ともよろしくお願いします。 https://twitter.com/hamadayuu1/status/466918396194349057/photo/1 <br />
<span style="color: #999999;">21:29</span><br />
<br /></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
モダンブラウザでコーディングするときの詰んでるバグ&仕様と解決方法http://liginc.co.jp/web/js/jquery/86972 <br />
<span style="color: #999999;">11:43</span></div>
</li>
</ul>
</div>
hamadayuu1http://www.blogger.com/profile/10488983600843387233noreply@blogger.com0tag:blogger.com,1999:blog-6756423740664287680.post-56470241410960624712014-04-30T06:23:00.000+09:002014-04-30T06:23:36.202+09:002014年4月24日(木)のツイート履歴<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
世界中のクリエイター・デザイナー・エンジニアのデスクを紹介したギャラリーサイト「DESK」http://desk.cmiscm.com/ <br />
<span style="color: #999999;">10:36</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年4月23日(水)のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/04/2014423.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/04/2014423.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">07:39</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
[JavaScript]子クラスから親クラスを引数付きで初期化する方法 <a href="http://web-terminal.blogspot.jp/2014/04/JavaScript-Super-Constructor-param.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/04/JavaScript-Super-Constructor-param.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">07:39</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
ブログ記事を外注している方には重宝することでしょう。コピーコンテンツチェックツール「KAGE-MUSYA」https://kagemusya.biz-samurai.com/ <br />
<span style="color: #999999;">06:12</span></div>
</li>
</ul>
</div>
hamadayuu1http://www.blogger.com/profile/10488983600843387233noreply@blogger.com0tag:blogger.com,1999:blog-6756423740664287680.post-47250615888478745982014-04-24T07:36:00.002+09:002014-04-24T07:36:46.587+09:002014年4月23日(水)のツイート履歴<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
フロントエンド開発を裏から支えるデバッグアプリケーション4選 http://liginc.co.jp/web/tool/other-tool/84329 <br />
<span style="color: #999999;">10:37</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
世界に発信!Webデザイナー向けコミュニティーサイトいろいろ http://www.webcreatorbox.com/inspiration/web-designer-sns/ <br />
<span style="color: #999999;">10:36</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
Googleトレンドにメール配信機能が備わりました!定期チェックに加え、受動的に検索動向を把握することが出来るので、とても便利です。http://insidesearch.blogspot.jp/2014/04/the-hottest-topics-on-google-delivered.html <br />
<span style="color: #999999;">10:32</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
「Google JavaScript Style Guide」に則ったコーディングか検証するGoogle製の文法チェックツール「Closure Linter」https://developers.google.com/closure/utilities/docs/linter_howto?csw=1 <br />
<span style="color: #999999;">10:15</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
Googleが提唱するJavaScriptのコーディングルール「Google JavaScript Style Guide」https://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml <br />
<span style="color: #999999;">10:15</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
[JavaScript]子クラスから親クラスの同名メソッドを呼び出す方法 <a href="http://web-terminal.blogspot.jp/2014/04/javascript-sub-super-method.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/04/javascript-sub-super-method.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">07:54 </span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
[PHP]PEARを使わない添付ファイル付きメール送信クラスを公開 <a href="http://web-terminal.blogspot.jp/2014/04/php-file-mail-pear.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/04/php-file-mail-pear.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">09:21</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
PHP開発時に役立つ、デベロッパーツールの様な操作性!メッセージやリクエスト、発行クエリをいつでも手軽に確認出来るオープンソースのデバッグツールバー「DebugBar」http://phpdebugbar.com/ <br />
<span style="color: #999999;">07:01</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
PHP標準のZipArchiveにてディレクトリを丸っとZIP圧縮・展開する方法 <a href="http://web-terminal.blogspot.jp/2014/04/phpziparchivezip.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/04/phpziparchivezip.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">13:52</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
5人まで無料で使える日本製の高機能プロジェクト管理ツール「Brabio!」http://brabio.jp/ <br />
<span style="color: #999999;">18:42</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年4月14日(月)のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/04/2014414.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/04/2014414.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">10:45</span></div>
</li>
</ul>
</div>
hamadayuu1http://www.blogger.com/profile/10488983600843387233noreply@blogger.com0tag:blogger.com,1999:blog-6756423740664287680.post-38830185163190838372014-04-24T07:20:00.001+09:002014-04-24T07:20:45.015+09:00[JavaScript]子クラスから親クラスを引数付きで初期化する方法<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-bl5ntsH8w4M/U1g7gGeQz8I/AAAAAAAAAnE/j_iyRwXjBaQ/s1600/PAK85_chokoageruwagiri1039.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-bl5ntsH8w4M/U1g7gGeQz8I/AAAAAAAAAnE/j_iyRwXjBaQ/s1600/PAK85_chokoageruwagiri1039.jpg" height="432" width="640" /></a></div>
<br />
<a href="http://web-terminal.blogspot.com/search/label/JavaScript" title="JavaScript">JavaScript</a>では、親クラスを継承するのに下記のような方法をとります。<br />
<br />
<pre class="brush:javascript" title="一般的なJavaScriptでの継承">SubClass.prototype = new SuperClass();
</pre>
<br />
しかし、この方法だとコンストラクタに引数を必要とする場合、<br />
子クラスにはインスタンス化の際に指定することが出来ますが、<br />
親クラスに指定する術がありません。<br />
<br />
<a href="http://web-terminal.blogspot.com/search/label/JavaScript" title="JavaScript">JavaScript</a>では、子クラスをインスタンス化した際に指定した引数を<br />
親クラスのコンストラクタにて使用したい場合は、<br />
少し工夫が必要です。<br />
今回は、そんな親クラスへ引数を渡す方法について解説します。<br />
<br />
その前に、<a href="http://web-terminal.blogspot.com/search/label/JavaScript" title="JavaScript">JavaScript</a>でのクラス定義方法を確認したい方は下記を参照してください。<br />
<br />
<a href="http://web-terminal.blogspot.com/2013/08/javascript-class.html" target="_blank" title="JavaScriptのクラス定義方法を徹底解説">JavaScriptのクラス定義方法を徹底解説!!</a><br />
<br />
また、今回のテーマと同様に、継承関係にある親子クラスの扱い方として、親クラスの同名メソッドを呼ぶ方法についても<br />
下記にて確認することが出来ます。<br />
<br />
<a href="http://web-terminal.blogspot.com/2014/04/javascript-sub-super-method.html" target="_blank" title="[JavaScript]子クラスから親クラスの同名メソッドを呼び出す方法">[JavaScript]子クラスから親クラスの同名メソッドを呼び出す方法</a><br />
<br />
<br />
これらの事前知識を踏まえた上で読み進めて下さい。<br />
<br />
<br />
<br />
<ol>
<li><a href="http://web-terminal.blogspot.com/2014/04/JavaScript-Super-Constructor-param.html#I-want-to-register-a-function-object-to-the-properties-of-the-prototype">prototypeのプロパティに関数オブジェクトを登録する</a></li>
<li><a href="http://web-terminal.blogspot.com/2014/04/JavaScript-Super-Constructor-param.html#Implementation-specific-to-pass-arguments-to-the-constructor-of-the-parent-class-from-child-class">子クラスから親クラスのコンストラクタへ引数を渡す具体的な実装例</a></li>
</ol>
<br />
<a name='more'></a><br />
<br />
<br />
<h3 id="I-want-to-register-a-function-object-to-the-properties-of-the-prototype">
prototypeのプロパティに関数オブジェクトを登録する</h3>
<br />
<br />
<br />
通常、<a href="http://web-terminal.blogspot.com/search/label/JavaScript" title="JavaScript">JavaScript</a>の継承を行う際には、多くのブログでは下記の様に紹介されています。<br />
<br />
<pre class="brush:javascript" title="一般的なJavaScriptでの継承">SubClass.prototype = new SuperClass();
</pre>
<br />
しかし、これでは親クラスをインスタンス化しているのがオブジェクト外ですので、<br />
親クラスのインスタンス化時に引数を指定することが出来ません。<br />
<br />
中には、親クラスと子クラスを包むラッパークラスを作成して対応している方もいますが、<br />
それでは継承の意味があまり無く、だったら一つのクラスに纏めてしまえば?といった感覚です。<br />
<br />
親クラスへ引数を渡す際に、上記のコードで問題となるのが、動的な引数を渡す必要があるのに、<br />
処理が通るのが初回の構文解析時の一回だけと言う事です。<br />
<br />
解決策としては、子クラスのprototypeにプロパティを作成し、そこへ親クラスのインスタンスではなく<br />
親クラスの関数オブジェクトを指定します。<br />
<br />
そして、自分の参照先の一つでもあるprototypeを通して設定したプロパティにアクセスし、<br />
親クラスのコンストラクタへ引数を指定して起動します。<br />
<br />
すると、親クラスのコンストラクタへ引数を指定出来、自分の状態を維持することが出来ます。<br />
<br />
<br />
<br />
<br />
<br />
<h3 id="Implementation-specific-to-pass-arguments-to-the-constructor-of-the-parent-class-from-child-class">
子クラスから親クラスのコンストラクタへ引数を渡す具体的な実装例</h3>
<br />
<br />
<br />
これまで解説してきた内容を踏まえ、実際にテストコードを作成してみました。<br />
具体的には、下記のような処理です。<br />
<br />
<br />
<pre class="brush:javascript" title="JavaScript実装例">/* 親クラス
------------------------------------------------*/
function SuperClass( val ){
// メンバに保持
this.superClassVal = "superClass="+val;
}
/* 子クラス
------------------------------------------------*/
function SubClass( val ){
// 親クラスの初期化
this.superClass( val );
// メンバに保持
this.subClassVal = "subClass="+val;
}
// 親クラスの関数オブジェクトを子クラスのprototypeに対して
// プロパティを設け、登録する
SubClass.prototype.superClass = SuperClass;
// 子クラスを引数付きでインスタンス化し、
// それぞれのプロパティを確認してみる
var sub_class = new SubClass( "testData" );
console.log(sub_class.subClassVal);
console.log(sub_class.superClassVal);
</pre>
<br />
<br />
上記の実行結果としては、下記の様になるかと思います。<br />
<br />
<b>subClass=testData</b><br />
<b>superClass=testData</b><br />
<br />
<br />
まず、親クラスを子クラスへ継承させる際に、<br />
子クラスのprototypeにプロパティを設け、親クラスの関数オブジェクトを指定します。<br />
<br />
<pre class="brush:javascript" title="親クラスの関数オブジェクトを登録">SubClass.prototype.superClass = SuperClass;
</pre>
<br />
<br />
すると、親クラスのコンストラクタ自体は<br />
子クラスのコンストラクタ内にて下記の様に呼び出すことが出来ます。<br />
<br />
<br />
<pre class="brush:javascript" title="親クラスの初期化">this.superClass( val );
</pre>
<br />
<br />
通常のメソッドコールと同じ様に扱いますので、子クラスのコンストラクタへ渡された引数を<br />
そのまま親クラスへ渡すことが可能となります。<br />
<br />
<br />
<a href="http://web-terminal.blogspot.com/search/label/JavaScript" title="JavaScript">JavaScript</a>はとても柔軟な言語ですので、もっと良いやり方が他にもあるかも知れません。<br />
もし、他の方法をご存知の方がいらっしゃいましたら、是非ともコメントにて<br />
ご報告頂ければ幸いです。<br />
<br />
<br />hamadayuu1http://www.blogger.com/profile/10488983600843387233noreply@blogger.com0tag:blogger.com,1999:blog-6756423740664287680.post-65274765325154747882014-04-23T07:53:00.000+09:002014-04-24T07:28:40.424+09:00[JavaScript]子クラスから親クラスの同名メソッドを呼び出す方法<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-_1MwPuZWsX4/U1bxl4mIcRI/AAAAAAAAAm0/JgxHJFn9OOc/s1600/N885_katagurumaoyako.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-_1MwPuZWsX4/U1bxl4mIcRI/AAAAAAAAAm0/JgxHJFn9OOc/s1600/N885_katagurumaoyako.jpg" height="426" width="640" /></a></div>
<br />
<a href="http://web-terminal.blogspot.com/search/label/JavaScript" title="JavaScript">JavaScript</a>では他の言語と異なり、<br />
正確には「クラス」というものは存在しません。あるのは「function」です。<br />
しかし、この「function」はオブジェクト化することが出来ますので、<br />
クラスの様に振る舞い、扱うことが出来ます。<br />
<br />
<a href="http://web-terminal.blogspot.com/search/label/JavaScript" title="JavaScript">JavaScript</a>の基本的なクラスとしての考え方は、下記を参照してください。<br />
<br />
<a href="http://web-terminal.blogspot.com/2013/08/javascript-class.html" target="_blank" title="JavaScriptのクラス定義方法を徹底解説">JavaScriptのクラス定義方法を徹底解説!!</a>
<br />
<br />
そして、今回のテーマと同じように、継承関係にある親子クラスの取り扱いとして、<br />
親クラスに対してパラメータ付きで初期化したい場合は下記の記事も参照してください。<br />
<br />
<a href="http://web-terminal.blogspot.com/2014/04/JavaScript-Super-Constructor-param.html" target="_blank" title="[JavaScript]子クラスから親クラスを引数付きで初期化する方法">[JavaScript]子クラスから親クラスを引数付きで初期化する方法</a><br />
<br />
<br />
ただ、<a href="http://web-terminal.blogspot.com/search/label/JavaScript" title="JavaScript">JavaScript</a>でのクラスは、正確には完璧なるクラスではありませんので、<br />
ちょっとしたことで「どうやるんだっけ?」と、悩むことが多いかと思います。<br />
<br />
今回は、<a href="http://web-terminal.blogspot.com/search/label/JavaScript" title="JavaScript">JavaScript</a>では単純に用意されていない機能を、自身で実装していきます。<br />
テーマとして、子クラスから親クラスを参照し、親クラスの同名メソッドを呼び出す方法について解説します。<br />
<br />
<br />
<ol>
<li><a href="http://web-terminal.blogspot.com/2014/04/javascript-sub-super-method.html#Not-refer-to-the-parent-class-is-super-in-the-JavaScript">JavaScriptには親クラスを参照する「super」が無い</a></li>
<li><a href="http://web-terminal.blogspot.com/2014/04/javascript-sub-super-method.html#I-call-the-same-name-of-the-parent-class-method-from-child-class">子クラスから親クラスの同名メソッドを呼び出す</a></li>
</ol>
<br />
<a name='more'></a><br />
<br />
<br />
<h3 id="Not-refer-to-the-parent-class-is-super-in-the-JavaScript">
JavaScriptには親クラスを参照する「super」が無い</h3>
<br />
<br />
<br />
他のオブジェクト指向言語では「super」などの予約語を使用して親クラスを参照し、<br />
親クラスのメソッドを起動することが出来ますが、<br />
<a href="http://web-terminal.blogspot.com/search/label/JavaScript" title="JavaScript">JavaScript</a>には、そのような機能はありません。<br />
<br />
そこで弊害となるのが同名メソッドです。<br />
<a href="http://web-terminal.blogspot.com/search/label/JavaScript" title="JavaScript">JavaScript</a>では、親クラスと異なる名前のメソッドの場合は、<br />
そのまま自身を参照することで親クラスのメソッドも起動することが出来ますが、<br />
子クラスと親クラスで同じ名前のメソッドが有った場合、子クラスにてオーバーライドされてしまうので、<br />
通常では親クラスの同名メソッドを呼び出すことは出来ません。<br />
スタティックメソッドとして呼び出すことは可能ですが、インスタンス内に設定したプロパティを<br />
引き継ぐことが出来ません。<br />
<br />
ですが、クラスを継承するというのは、親クラスに対して「拡張」したい場合がほとんどです。<br />
拡張対象はプロパティやメソッドの他にも、親クラスのメソッド自体を拡張したい事があります。<br />
具体的には、親クラスのメソッドの事前処理を追加したい場合に、子クラスのメソッド内にて事前処理を行った後に<br />
親クラスのメソッドを起動します。<br />
その際、メソッド名を分けてオーバーライドさせない様にするか?オーバーライドしつつ親クラスのメソッド処理を<br />
コピペで持ってくるか?と考えてしまいますが、どちらもよろしくありません。<br />
出来れば、同名メソッドにてオーバーライドし、かつ内部で親クラスのメソッドをインスタンスを保持しながら<br />
起動出来ることが理想です。<br />
<br />
続いて、上記のような子クラスのメソッド内から親クラスの同名メソッドを<br />
インスタンスを保持した状態で起動する方法について解説します。<br />
<br />
<br />
<br />
<br />
<br />
<h3 id="I-call-the-same-name-of-the-parent-class-method-from-child-class">
子クラスから親クラスの同名メソッドを呼び出す</h3>
<br />
<br />
<br />
子クラスから親クラスの同名メソッドを呼び出すには、<br />
通常の「prototype」による継承に加え、親となるクラスの「prototype」をプロパティとして保持します。<br />
サブクラス内から同名の親クラスメソッドを呼ぶ場合には、保持した親クラスの「prototype」を経由して起動します。<br />
そうすることで、サブクラスのインスタンス情報を保持したまま親クラスのメソッドを呼ぶ事が出来ますので、<br />
同じプロパティを参照することが出来ます。<br />
<br />
具体的には、下記コードをご覧ください。<br />
<br />
<br />
<pre class="brush:javascript" title="JavaScriptサンプルコード">/* 親クラス
----------------------------------------------------*/
function SuperClass(){
}
// 親クラスのメソッド
SuperClass.prototype.testMethod = function(){
console.log( 'superClassLog=' + this.name );
}
/* 子クラス
----------------------------------------------------*/
function SubClass(){
this.name = 'hamada';
this.super = SuperClass.prototype;
}
// 親クラスを継承
SubClass.prototype = new SuperClass();
// 子クラスのメソッド
SubClass.prototype.testMethod = function(){
console.log( 'subClassLog=' + this.name );
// 親クラスの同メソッドを起動
this.super.testMethod.call( this );
}
// 子クラスをインスタンス化してメソッドを起動する
var subClass = new SubClass();
subClass.testMethod();
</pre>
<br />
<br />
上記コードを実行すると、コンソール上には下記のように表示されます。<br />
<br />
<b>subClassLog=hamada</b><br />
<b>superClassLog=hamada</b><br />
<br />
まず、子クラスをインスタンス化し、自身のメソッドを起動します。<br />
すると、自身のコンストラクタ上で設定した値「hamada」と共に、<br />
「console.log( 'subClassLog=' + this.name );」にてログが出力されます。<br />
<br />
次に、「this.super.testMethod.call( this );」にて親クラスの同名メソッドを起動しますが、<br />
予め保持しておいた親クラスの「prototype」を経由してメソッドを読んでいることがポイントです。<br />
その際、インスタンスを継続させる為に、「call()」にてメソッドを起動しています。<br />
「call()」は、メソッドを起動させることの出来る<a href="http://web-terminal.blogspot.com/search/label/JavaScript" title="JavaScript">JavaScript</a>標準の関数です。<br />
第一引数には、呼び出し先のメソッド内で使用される「this」の値を設定することができ、<br />
第二引数以降はメソッドに渡したい引数を指定します。<br />
今回の例では、第一引数に「this」を指定していますので、<br />
呼び出し先である親クラスのメソッド内で「this」を使用すると、子クラスのインスタンスが参照出来るようになります。<br />
もちろん、継承していれば親クラスのプロパティも子クラスのインスタンスから参照出来ますので、<br />
通常通り「this」の値を扱うことが出来ます。<br />
<br />
ですので、親クラス内で「console.log( 'superClassLog=' + this.name );」としても、<br />
子クラスのコンストラクタ内で設定された値を参照することができ、<br />
コンソール上に「superClassLog=hamada」と表示させることが出来ます。<br />
<br />
これで、子クラスのメソッド内からインスタンス情報を保持したまま<br />
親クラスの同名メソッドを起動出来る様になりました。<br />
<a href="http://web-terminal.blogspot.com/search/label/JavaScript" title="JavaScript">JavaScript</a>は、とても柔軟で扱いやすいですが、他の言語に比べ用意されていないものが多いですので、<br />
必要に応じて自分で自作する必要があります。<br />
<br />
<a href="http://web-terminal.blogspot.com/search/label/JavaScript" title="JavaScript">JavaScript</a>では、こういった手法を知っている人と知っていない人では、<br />
コード設計がまったく異なってしまいますので、なるべく知識を共有出来ればと思います。<br />
<br />
今回紹介した方法以外にも、同じことが出来る方法がありましたら<br />
コメントにて教えて頂ければ幸いです。<br />
<br />
何卒、よろしくお願い致します。<br />
<br />hamadayuu1http://www.blogger.com/profile/10488983600843387233noreply@blogger.com0tag:blogger.com,1999:blog-6756423740664287680.post-64461858055347021272014-04-22T09:20:00.000+09:002014-08-04T10:33:15.587+09:00[PHP]PEARを使わない添付ファイル付きメール送信クラスを公開<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-_HwAWLgC5hY/U1W04QvwZpI/AAAAAAAAAmk/Ww-ORNIP8H0/s1600/ELLY95_hanatotegami.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-_HwAWLgC5hY/U1W04QvwZpI/AAAAAAAAAmk/Ww-ORNIP8H0/s1600/ELLY95_hanatotegami.jpg" height="424" width="640" /></a></div>
<br />
PEARの様に依存せずに添付ファイルメールを送る方法を<br />
私が使用するクラスをまるっと公開すると共に解説します。<br />
<br />
内部的には、<a href="http://web-terminal.blogspot.com/search/label/PHP" title="PHP">PHP</a>の標準関数鵜「mail()」を使用し、<br />
追加ヘッダにて添付ファイルを認識させる処理を追加しています。<br />
今回公開するクラスは、ファイルを複数添付することができ、添付ファイル名も指定することが出来ます。<br />
また、送信形式はCCもBCCも対応しています。<br />
<br />
もちろん件名もファイル名も日本語OKです。<br />
添付ファイル無しの通常メールも送信出来ます。<br />
<br />
そのままクラスごとコピペしてもらえれば使えるかと思いますので、<br />
じゃんじゃん使って頂いて、「もう少しこうしたら良いよ!」等のご意見が有れば<br />
フィードバック頂ければ幸いです。<br />
<br />
<ol>
<li><a href="http://web-terminal.blogspot.com/2014/04/php-file-mail-pear.html#How-to-use-the-class-to-be-able-to-send-attachments-with-e-mail">添付ファイル付きメールを送れるクラスの使い方</a></li>
<li><a href="http://web-terminal.blogspot.com/2014/04/php-file-mail-pear.html#Mechanism-of-attachment">添付ファイルの仕組み</a></li>
<li><a href="http://web-terminal.blogspot.com/2014/04/php-file-mail-pear.html#Source-of-class-to-be-able-to-send-attachments-with-e-mail">添付ファイル付きメールを送れるクラスのソース</a></li>
</ol>
<br />
<a name='more'></a><br />
<br />
<br />
<br />
<br />
<h3 id="How-to-use-the-class-to-be-able-to-send-attachments-with-e-mail">
添付ファイル付きメールを送れるクラスの使い方</h3>
<br />
<br />
<br />
コンストラクタでは通常の「mail()」と同じ様に、<br />
引数として<br />
第一引数に宛先<br />
第二引数に件名<br />
第三引数に本文<br />
第四引数に追加ヘッダ<br />
第五引数にパラメータ<br />
を受け付けることが出来ます。<br />
<br />
いずれも必須では無く、後にセッターメソッドにて追加することも出来ます。<br />
<br />
生成メソッドも用意していますので、メソッドチェインにて設定したい方は<br />
下記の様に使用出来ます。<br />
<br />
<br />
<pre class="brush:php" title="添付ファイル付メール使用例">if( ! Mail::create()
->name( "送信者名" )
->from( "送信元アドレス" )
->to( "送信先アドレス" )
->title( "件名" )
->body( "本文" )
->header( "追加ヘッダ" )
->param( "追加パラメータ" )
->cc( array("アドレス1","アドレス2") )
->bcc( array("アドレス1","アドレス2") )
->files( array( "添付ファイル表示名"=>"添付ファイルパス" ) )
->send()
){
// メール送信失敗
}
</pre>
<br />
<br />
基本的に、いずれのメソッドも自分のインスタンスを返却しますので、<br />
メソッドチェインにて次々にプロパティを設定することが可能です。<br />
また、引数を指定しなければ自動的にゲッターとなりますので、<br />
現在の設定値を取得することも可能です。<br />
<br />
また、メールアドレスを設定する「from()」「to()」「cc()」「bcc()」では、<br />
デフォルトでメールアドレスの形式チェックを下記の正規表現にて行っています<br />
<br />
<br />
<pre class="brush:php" title="メールアドレスの形式を正規表現でチェック">preg_match( "/^([a-zA-Z0-9])+([a-zA-Z0-9\._-])*@([a-zA-Z0-9_-])+([a-zA-Z0-9\._-]+)+$/", $addr );
</pre>
<br />
<br />
第二引数に「false」を指定することによって、チェック処理を除外することが出来ますので、<br />
宛先に名前を付けたい場合などに使用してください。<br />
<br />
同じ様に、添付ファイルを設定する「files()」でも、デフォルトでファイルの存在確認を行っています。<br />
チェック処理を除外したい時は、第二引数に「false」を指定して下さい。<br />
<br />
セッターメソッドによってプロパティをセットしましたら、<br />
最終的に「send()」メソッドにてメールを送信します。<br />
内部的には、設定されたプロパティを組み立て、「mail()」関数にてメールを送信し、<br />
戻り値を、そのまま「send()」メソッドの戻り値としていますので、<br />
メール送信失敗の判定は通常の「mail()」関数と同じ様に行います。<br />
<br />
<br />
<br />
<br />
<br />
<h3 id="Mechanism-of-attachment">
添付ファイルの仕組み</h3>
<br />
<br />
<br />
「mail()」関数にて、メールに添付ファイルを付けるには、「boundary」という考え方が必要です。<br />
<br />
通常のメールでは、メール本文の「Content-Type」を「text/plain」として送信しますが、<br />
添付ファイルをメールに付けるにはマルチパートで送信する必要があるので「multipart/mixed」とします。<br />
その際に、「boundary」を指定することになりますが、この「boundary」という属性は、<br />
異なる「Content-Type」同士の境界を示す「仕切り」の様なものです。<br />
設定する値は任意の値で問題ありません。<br />
「--boundary文字列」から「--boundary文字列--」までの間を一つのコンテンツとみなし、<br />
ヘッダーを設定することが出来ます。<br />
<br />
ですので、本文の「Content-Type」は「text/plain」<br />
添付ファイル部分の「Content-Type」は「application/octet-stream」<br />
という様に、内容によって正しい「Content-Type」を設定する必要が有ります。<br />
<br />
この考え方は、HTMLメールにも言える事です。その場合、「Content-Type」は「text/html」になるでしょう。<br />
<br />
また、日本語を可能性のある箇所は、"ISO-2022-JP"としないと文字化けしてしまうので、<br />
MIMEに対応したエンコードを行う必要が有ります。<br />
<br />
<br />
<pre class="brush:php" title="日本語をMIMEエンコード">mb_encode_mimeheader( $file_name, "ISO-2022-JP", "B" );
</pre>
<br />
<br />
注意点として、結構あちこちのブログでの解説では<br />
ヘッダ要素にエンコードしたものをセットする際に、クオーテーションを省略していますが、<br />
これはメーラーによっては正しく認識されないので、必ずクオーテーションで括って下さい。<br />
MIMEエンコードしたとしても、属性に対する値は、MIMEエンコードされた「文字列」ですので、<br />
クオーテーションで括らないとパーサーによっては上手く動作しません。<br />
特に、スマートフォンで文字化けしてしまう可能性が有ります。<br />
<br />
<br />
<pre class="brush:php" title="クオーテーションをつけよう!">$header .= "name=\"" . mb_encode_mimeheader( $file_name, "ISO-2022-JP", "B" ) . "\"\n";
$header .= "filename=\"" . mb_encode_mimeheader( $file_name, "ISO-2022-JP", "B" ) . "\"\n";
</pre>
<br />
<br />
ファイルの添付自体は、「file_get_contents()」にて添付ファイルを取得し、<br />
「base64」にエンコードします。<br />
そして、「chunk_split()」によって「RFC 2045」に順守した形式に変換し、含めます。<br />
<br />
<br />
<pre class="brush:php" title="「RFC 2045」に順守した形式に変換">chunk_split( base64_encode( file_get_contents( $file_path ) ) )
</pre>
<br />
<br />
纏めますと、ファイル添付部分は下記のようになります。<br />
<br />
<br />
<pre class="brush:php" title="ファイル添付コード例">$info = pathinfo( $file_path );
$content = "application/octet-stream";
$filename = mb_encode_mimeheader( $file_name, "ISO-2022-JP", "B" );
$in_file_body .= "\n";
$in_file_body .= "--" . $this->boundary() . "\n";
$in_file_body .= "Content-Type: " . $content . "; charset=\"iso-2022-jp\" name=\"" . $filename . "\"\n";
$in_file_body .= "Content-Transfer-Encoding: base64\n";
$in_file_body .= "Content-Disposition: attachment; filename=\"" . $filename . "\"\n";
$in_file_body .= "\n";
$in_file_body .= chunk_split( base64_encode( file_get_contents( $file_path ) ) ) . "\n";
</pre>
<br />
<br />
また、上記はメールの本文にて設定するヘッダでしたが、<br />
メール自体のヘッダには「Content-Type」が「multipart/mixed」であること、<br />
そして「boundary」の識別子として使用した文字列を設定する必要が有ります。<br />
<br />
<br />
<pre class="brush:php" title="メールヘッダ例">$header .= "Content-Type: multipart/mixed; boundary=\"" . $this->boundary() . "\"\n";
</pre>
<br />
<br />
<br />
<br />
<br />
<h3 id="Source-of-class-to-be-able-to-send-attachments-with-e-mail">
添付ファイル付きメールを送れるクラスのソース</h3>
<br />
<br />
<br />
これらの解説を踏まえ、早速クラスのソースを見てみましょう。<br />
解説した箇所が、どの様に設定されているか?処理の流れを把握して下さい。<br />
下記のクラスは、コピペでそのまま導入しても動くかと思いますので、<br />
お気軽にお持ちください。<br />
もし、何か不具合が有りましたらフィードバック頂ければ幸いです。<br />
何卒、よろしくお願いいたします。<br />
<br />
<br />
<pre class="brush:php" title="添付ファイル付メールを送信可能なメールクラス">class Mail
{
const ENCODING = "UTF-8";
private $name = "";
private $from = "";
private $to = "";
private $title = "";
private $body = "";
private $cc = array();
private $bcc = array();
private $header = "";
private $param = "";
private $files = array();
private $boundary = "";
/* コンストラクタ
--------------------------------------------------------------------------*/
public function construct( $to="", $subject="", $message="", $additional_headers="", $additional_parameters="" )
{
$this->to = $to;
$this->title = $subject;
$this->body = $message;
$this->header = $additional_headers;
$this->param = $additional_parameters;
}
/* 生成
--------------------------------------------------------------------------*/
public static function create( $to="", $subject="", $message="", $additional_headers="", $additional_parameters="" )
{
return new self( $to, $subject, $message, $additional_headers, $additional_parameters );
}
/* メールアドレスの形式チェック
--------------------------------------------------------------------------*/
public static function mailAddressValidation( $addr )
{
if( strlen( $addr ) <=0 ) return false;
$result = preg_match( "/^([a-zA-Z0-9])+([a-zA-Z0-9\._-])*@([a-zA-Z0-9_-])+([a-zA-Z0-9\._-]+)+$/", $addr );
if( $result === false || $result === 0 ) return false;
return true;
}
/* 送信者名
--------------------------------------------------------------------------*/
public function name( $name=null )
{
if( is_null( $name ) ){
return $this->name;
}
else{
$this->name = $name;
return $this;
}
}
/* 送信元アドレス
--------------------------------------------------------------------------*/
public function from( $addr=null, $is_valid=true )
{
if( is_null( $addr ) ){
return $this->from;
}
else{
if( $is_valid === true ){
if( self::mailAddressValidation( $addr ) === false ){
throw new Exception( 'Format of the e-mail address is invalid' );
return false;
}
}
$this->from = $addr;
return $this;
}
}
/* 送信先アドレス
--------------------------------------------------------------------------*/
public function to( $addr=null, $is_valid=true )
{
if( is_null( $addr ) ){
return $this->to;
}
else{
if( $is_valid === true ){
if( self::mailAddressValidation( $addr ) === false ){
throw new Exception( 'Format of the e-mail address is invalid' );
return false;
}
}
$this->to = $addr;
return $this;
}
}
/* 件名
--------------------------------------------------------------------------*/
public function title( $title=null )
{
if( is_null( $title ) ){
return $this->title;
}
else{
$this->title = $title;
return $this;
}
}
/* 本文
--------------------------------------------------------------------------*/
public function body( $body=null )
{
if( is_null( $body ) ){
return $this->body;
}
else{
$this->body = $body;
return $this;
}
}
/* ヘッダ
--------------------------------------------------------------------------*/
public function header( $header=null )
{
if( is_null( $header ) ){
return $this->header;
}
else{
$this->header = $header;
return $this;
}
}
/* パラメータ(オプション)
--------------------------------------------------------------------------*/
public function param( $param=null )
{
if( is_null( $param ) ){
return $this->param;
}
else{
$this->param = $param;
return $this;
}
}
/* 添付ファイル array("ファイル名"=>"ファイルパス")
--------------------------------------------------------------------------*/
public function files( $files=null, $is_valid=true )
{
if( is_null( $files ) ){
return $this->files;
}
else{
if( $is_valid === true ){
foreach( $files as $key => $path ){
if( ! file_exists( $path ) ){
throw new Exception( 'The specified file does not exist' );
return false;
}
}
}
$this->files = $files;
return $this;
}
}
/* CC array(addr,addr)
--------------------------------------------------------------------------*/
public function cc( $cc=null, $is_valid=true )
{
if( is_null( $cc ) ){
return $this->cc;
}
else{
if( $is_valid === true ){
foreach( $cc as $index => $addr ){
if( self::mailAddressValidation( $addr ) === false ){
throw new Exception( 'Format of the e-mail address is invalid' );
return false;
}
}
}
$this->cc = $cc;
return $this;
}
}
/* BCC array(addr,addr)
--------------------------------------------------------------------------*/
public function bcc( $bcc=null, $is_valid=true )
{
if( is_null( $bcc ) ){
return $this->bcc;
}
else{
if( $is_valid === true ){
foreach( $bcc as $index => $addr ){
if( self::mailAddressValidation( $addr ) === false ){
throw new Exception( 'Format of the e-mail address is invalid' );
return false;
}
}
}
$this->bcc = $bcc;
return $this;
}
}
/* boundary
--------------------------------------------------------------------------*/
public function boundary( $boundary=null )
{
if( is_null( $boundary ) ){
if( strlen( $this->boundary ) <= 0 ){
$this->boundary = md5( uniqid( rand(), true ) );
}
return $this->boundary;
}
else{
$this->boundary = $boundary;
return $this;
}
}
/* 送信
--------------------------------------------------------------------------*/
public function send()
{
mb_language( "ja" );
mb_internal_encoding( self::ENCODING );
return mail(
$this->to(),
mb_encode_mimeheader( $this->title(), "ISO-2022-JP", "B" ),
$this->buildBody(),
$this->buildHeader(),
$this->buildParam()
);
}
/* 本文の構築
--------------------------------------------------------------------------*/
private function buildBody()
{
$body = mb_convert_encoding( $this->body(), 'JIS', self::ENCODING );
if( count( $this->files() ) <= 0 ){
return $body;
}
else{
return $this->appendFiles( $body );
}
}
/* ファイルを添付
--------------------------------------------------------------------------*/
private function appendFiles( $body )
{
$in_file_body = "";
$in_file_body .= "--" . $this->boundary() . "\n";
$in_file_body .= "Content-Type: text/plain; charset=\"iso-2022-jp\"\n";
$in_file_body .= "Content-Transfer-Encoding: 7bit\n";
$in_file_body .= "\n";
$in_file_body .= $body . "\n";
foreach( $this->files() as $file_name => $file_path ){
if( ! file_exists( $file_path ) ){
trigger_error( 'I was not able to attach the file', E_USER_NOTICE );
continue;
}
$info = pathinfo( $file_path );
$content = "application/octet-stream";
$filename = mb_encode_mimeheader( $file_name, "ISO-2022-JP", "B" );
$in_file_body .= "\n";
$in_file_body .= "--" . $this->boundary() . "\n";
$in_file_body .= "Content-Type: " . $content . "; charset=\"iso-2022-jp\" name=\"" . $filename . "\"\n";
$in_file_body .= "Content-Transfer-Encoding: base64\n";
$in_file_body .= "Content-Disposition: attachment; filename=\"" . $filename . "\"\n";
$in_file_body .= "\n";
$in_file_body .= chunk_split( base64_encode( file_get_contents( $file_path ) ) ) . "\n";
}
$in_file_body .= '--' . $this->boundary() . '--';
return $in_file_body;
}
/* Fromの構築
--------------------------------------------------------------------------*/
private function buildFrom()
{
$from = "";
if( strlen( $this->name() ) <= 0 ){
$from .= $this->from();
}
else{
$from .= mb_encode_mimeheader( $this->name(), "ISO-2022-JP", "B" ) . " <" . $this->from() . ">";
}
return $from;
}
/* Ccの構築
--------------------------------------------------------------------------*/
private function buildCc()
{
$cc = "";
if( count( $this->cc() ) > 0 ){
$cc .= "Cc: " . implode( ",", $this->cc() ) . "\r\n";
}
return $cc;
}
/* Bccの構築
--------------------------------------------------------------------------*/
private function buildBcc()
{
$bcc = "";
if( count( $this->bcc() ) > 0 ){
$bcc .= "Bcc: " . implode( ",", $this->bcc() ) . "\r\n";
}
return $bcc;
}
/* ヘッダの構築
--------------------------------------------------------------------------*/
private function buildHeader()
{
$header = "";
// デフォルト
$header .= "X-Mailer: PHP5\r\n";
$header .= "From: " . $this->buildFrom() . "\r\n";
$header .= "Return-Path: " . $this->buildFrom() . "\r\n";
$header .= $this->buildCc();
$header .= $this->buildBcc();
$header .= "MIME-Version: 1.0\r\n";
$header .= "Content-Transfer-Encoding: 7bit\r\n";
if( count( $this->files() ) <= 0 ){
$header .= "Content-Type: text/plain; charset=\"iso-2022-jp\"\n";
}
else {
$header .= "Content-Type: multipart/mixed; boundary=\"" . $this->boundary() . "\"\n";
}
// ユーザ定義
$header .= $this->header();
return $header;
}
/* パラメータ構築
--------------------------------------------------------------------------*/
private function buildParam()
{
$param = "";
// デフォルト
$param .= "-f " . $this->from();
// ユーザ定義
$param .= $this->param();
return $param;
}
}
</pre>hamadayuu1http://www.blogger.com/profile/10488983600843387233noreply@blogger.com5tag:blogger.com,1999:blog-6756423740664287680.post-29947781712500699882014-04-20T13:47:00.000+09:002014-04-20T13:47:33.401+09:00PHP標準のZipArchiveにてディレクトリを丸っとZIP圧縮・展開する方法<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-7Xpbr3MmAXE/U1NP0c70qDI/AAAAAAAAAmU/_TZK0Rzla9U/s1600/OOK92_kabannioshikomou20131223.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-7Xpbr3MmAXE/U1NP0c70qDI/AAAAAAAAAmU/_TZK0Rzla9U/s1600/OOK92_kabannioshikomou20131223.jpg" height="500" width="640" /></a></div>
<br />
<br />
ディレクトリの圧縮は、<a href="http://web-terminal.blogspot.com/search/label/Linux" title="Linux">Linux</a>コマンドが使える環境ではコマンド一発で圧縮出来ますが、<br />
<a href="http://web-terminal.blogspot.com/search/label/Windows" title="Windows">Windows</a>サーバーや、開発環境を<a href="http://web-terminal.blogspot.com/search/label/Windows" title="Windows">Windows</a>に<a href="http://web-terminal.blogspot.com/search/label/XAMPP" title="XAMPP">XAMPP</a>をのせて構築している場合などでは、<br />
Linuxコマンドが使えないため、1コマンドで圧縮というわけには行きません。<br />
そこで、今回は<a href="http://web-terminal.blogspot.com/search/label/Windows" title="Windows">Windows</a>でも動作させるために、<br />
<a href="http://web-terminal.blogspot.com/search/label/PHP" title="PHP">PHP</a>5.2から導入された標準クラス「ZipArchive」を使ってディレクトリを丸っと圧縮したいと思います。<br />
汎用的に使い回せる様にメソッド化していますので、コピペで使用出来ますよ!。<br />
<br />
<ol>
<li><a href="http://web-terminal.blogspot.com/2014/04/phpziparchivezip.html#Directory-compression-in-PHP-that-does-not-go-by-ordinary-means">一筋縄では行かないPHPでのディレクトリ圧縮</a></li>
<li><a href="http://web-terminal.blogspot.com/2014/04/phpziparchivezip.html#I-open-a-stream-of-ZipArchive">ZipArchiveのストリームを開く</a></li>
<li><a href="http://web-terminal.blogspot.com/2014/04/phpziparchivezip.html#ZIP-compression-of-directory">ディレクトリのZIP圧縮</a></li>
<li><a href="http://web-terminal.blogspot.com/2014/04/phpziparchivezip.html#I-will-expand-the-ZIP-file-compression">ZIP圧縮ファイルを展開する</a></li>
</ol>
<br />
<a name='more'></a><br />
<br />
<h3 id="Directory-compression-in-PHP-that-does-not-go-by-ordinary-means">
一筋縄では行かないPHPでのディレクトリ圧縮</h3>
<br />
<br />
<br />
「ZipArchive」にてディレクトリを丸っと圧縮することは、実は一工夫必要です。<br />
なぜなら、「ZipArchive」は圧縮用のストリームを作成し、その中にディレクトリやファイルを<br />
追加し、ストリームを閉じることによって圧縮が完了する形をとります。<br />
ですので、ディレクトリ内のファイルを解析して、ストリームへ再起的に追加していく仕組みが必要です。<br />
ストリーム内での新しいディレクトリの作成等も自分で行わなければならないので、<br />
毎回対象に合わせて作っていては大変です。<br />
<br />
そこで、指定ディレクトリ内の一覧を配列として返却してくれるメソッドを<br />
まずは下記のように用意しました。<br />
<br />
<pre class="brush:php" title="ディレクトリ内の一覧を取得する">public static function get_inner_path_of_directory( $dir_path )
{
$file_array = array();
if( is_dir( $dir_path ) ){
if( $dh = opendir( $dir_path ) ){
while( ( $file = readdir( $dh ) ) !== false ){
if( $file == "." || $file == ".." ){
continue;
}
$file_array[] = $file;
}
closedir( $dh );
}
}
sort( $file_array );
return $file_array;
}
</pre>
<br />
引数として、指定ディレクトリまでのパスを受け取り、ディレクトリ内を探りながら配列に入れています。<br />
最後に、順序を整える為にソート処理を実行しています。<br />
このメソッドで取得した情報を元に、zipストリームへ内容を追加して行きます。<br />
ディレクトリ内は、更にディレクトリが存在する可能性があり、再起的にチェックする必要がありますので、<br />
この様にメソッド化し、どの階層のディレクトリでも呼び出せる様にしています。<br />
<br />
<br />
<br />
<br />
<br />
<h3 id="I-open-a-stream-of-ZipArchive">
ZipArchiveのストリームを開く</h3>
<br />
<br />
<br />
それでは、ZipArchiveのストリームを実際に開き、ファイルを追加して行きましょう。<br />
ZipArchiveのストリームを開くには、ZipArchiveのインスタンスメソッド「open()」にて開き、<br />
追加が終了したら『close()』にてストリームを保存し、閉じます。<br />
「open()」メソッドは、第一引数にzipを作成する場所までのパスを指定します。<br />
ストリームを開いた時点でzip圧縮ファイルが指定パスへ作られ、そこにファイルを追加して行くイメージです。<br />
ですのでストリームを開く際には、新規で開くのか?既存のzipファイルを開くのか?などを指定することが出来ます。<br />
<br />
そういった開き方を指定するには、「open()」メソッドに対して、<br />
予め用意されている定数を第二引数として指定します。<br />
主な定数は下記の通りです。<br />
<br />
<table>
<tbody>
<tr>
<th>ZipArchive::CREATE</th>
<td>既にzipが存在していれば存在しているものを開き、無ければ新規で作成します。</td>
</tr>
<tr>
<th>ZipArchive::OVERWRITE</th>
<td>常に新規でストリームを作成し、既にzipが存在している場合は上書きします。</td>
</tr>
<tr>
<th>ZipArchive::EXCL</th>
<td>既にzipが存在している場合はエラーとします。</td>
</tr>
<tr>
<th>ZipArchive::CHECKCONS</th>
<td>一貫性チェックを行い、失敗時にはエラーとします。</td>
</tr>
</tbody></table>
<br />
<br />
開かれたストリームに対して、ファイルを追加するには<br />
「addFile()」メソッドに対して、第一引数に追加したい対象ファイルのパスを指定します。<br />
第二引数には、任意でストリーム内でのパスを指定します。<br />
<br />
ストリーム内にて、新しいディレクトリを作成したい場合は「addEmptyDir()」メソッドにて<br />
引数に作成するディレクトリのパスを指定します。<br />
<br />
これらのメソッドを使用し、既に存在するディレクトリを丸っとzipとして圧縮してみましょう。<br />
<br />
<br />
<br />
<br />
<br />
<h3 id="ZIP-compression-of-directory">
ディレクトリのZIP圧縮</h3>
<br />
<br />
<br />
まずはディレクトリを圧縮する為のエントリーポイントとなるメソッドを作成します。<br />
今回は、ZIPとして圧縮させたいディレクトリまでのパスと、作成したZIPの配置場所までのパスを<br />
引数としてとり、内部的に対象ディレクトリの解析、ストリーム内でのディレクトリ作成、<br />
ファイルの追加を行います。<br />
<br />
下記のエントリーポイントでは、ストリームを上書き指定で開き、別個に用意したファイル追加用の<br />
メソッドを呼び出し、ストリームを閉じています。<br />
zip化処理中に何か問題が発生した場合には、例外が送出されますので、<br />
try-catchにて括っています。<br />
<br />
<pre class="brush:php" title="ディレクトリごとZIP圧縮">public static function all_zip( $dir_path, $new_dir )
{
$zip = new ZipArchive();
if( $zip->open( $new_dir, ZipArchive::OVERWRITE ) === true ){
self::add_zip( $zip, $dir_path, "" );
$zip->close();
}
else{
throw new Exception('It does not make a zip file');
}
}
</pre>
<br />
<br />
次に、別個に外だししたファイル追加処理、<br />
上記では「self::add_zip( $zip, $dir_path, "" );」の部分にあたるメソッドは下記の通りです。<br />
<br />
<br />
<pre class="brush:php" title="再起的にディレクトリかファイルを判断し、ストリームに追加する">private static function add_zip( $zip, $dir_path, $new_dir )
{
if( ! is_dir( $new_dir ) ){
$zip->addEmptyDir( $new_dir );
}
foreach( self::get_inner_path_of_directory( $dir_path ) as $file ){
if( is_dir( $dir_path . "/" . $file ) ){
self::add_zip( $zip, $dir_path . "/" . $file, $new_dir . "/" . $file );
}
else{
$zip->addFile( $dir_path . "/" . $file, $new_dir . "/" . $file );
}
}
}
</pre>
<br />
第一引数には開かれたストリームのインスタンスを受け取り、<br />
第二引数にはZIP対象となるディレクトリのパス<br />
第三引数には、新しく追加するディレクトリのパスを指定します。<br />
<br />
処理の内容としては、まず始めに新しく追加するディレクトリが存在していなければディレクトリを作成します。<br />
そして、本記事の冒頭で作成したディレクトリ内を配列として取得する為のメソッドを活用し、<br />
ディレクトリ内の一覧を順に取り出していきます。<br />
取り出した内容がディレクトリであれば、再度自分自身を再起的に呼び出し、<br />
新しいディレクトリまでのパスを第三引数に指定します。<br />
ファイルの場合は、そのままストリームに対して「addFile()」メソッドにて追加します。<br />
<br />
まず、ディレクトリの作成が必要かを判断し、その中にある内容をチェック、<br />
ディレクトリで有れば再度ディレクトリを作成して中身をチェックする作業を再起的に繰り返し、<br />
ファイルであれば、現在指しているパス上にファイルを追加して行く。<br />
この作業を指定ディレクトリ内を掘り進めながら再起的に行っています。<br />
<br />
これで、エントリーポイントとなる「all_zip( $dir_path, $new_dir )」メソッドを起動するだけで、<br />
目的のディレクトリがZIP圧縮され、指定場所へ配置される様になります。<br />
<br />
最後に、今回作成したメソッドを纏めて下記に記しますので、<br />
コピペにて使用して頂ければ幸いです。(クラスに含まれるメソッドとしての使用を想定しています。)<br />
<br />
<br />
<pre class="brush:php" title="">//--------------------------------------------------------------------------
// ディレクトリZIP圧縮
//--------------------------------------------------------------------------
public static function all_zip( $dir_path, $new_dir )
{
$zip = new ZipArchive();
if( $zip->open( $new_dir, ZipArchive::OVERWRITE ) === true ){
self::add_zip( $zip, $dir_path, "" );
$zip->close();
}
else{
throw new Exception('It does not make a zip file');
}
}
//--------------------------------------------------------------------------
// 再起的にディレクトリかファイルを判断し、ストリームに追加する
//--------------------------------------------------------------------------
private static function add_zip( $zip, $dir_path, $new_dir )
{
if( ! is_dir( $new_dir ) ){
$zip->addEmptyDir( $new_dir );
}
foreach( self::get_inner_path_of_directory( $dir_path ) as $file ){
if( is_dir( $dir_path . "/" . $file ) ){
self::add_zip( $zip, $dir_path . "/" . $file, $new_dir . "/" . $file );
}
else{
$zip->addFile( $dir_path . "/" . $file, $new_dir . "/" . $file );
}
}
}
//--------------------------------------------------------------------------
// ディレクトリ内の一覧を取得する
//--------------------------------------------------------------------------
public static function get_inner_path_of_directory( $dir_path )
{
$file_array = array();
if( is_dir( $dir_path ) ){
if( $dh = opendir( $dir_path ) ){
while( ( $file = readdir( $dh ) ) !== false ){
if( $file == "." || $file == ".." ){
continue;
}
$file_array[] = $file;
}
closedir( $dh );
}
}
sort( $file_array );
return $file_array;
}
</pre>
<br />
<br />
<br />
<br />
<br />
<h3 id="I-will-expand-the-ZIP-file-compression">
ZIP圧縮ファイルを展開する</h3>
<br />
<br />
<br />
既に存在するzipファイルを展開する時も、ZipArchiveを使用すれば簡単に行うことが出来ます。<br />
まずは圧縮の時と同じ様にストリームを開きます。<br />
その際に、「open()」メソッドにはzipファイルまでのパスを指定します。<br />
そして、開かれたストリームに対して「extractTo()」メソッドにて展開します。<br />
引数には展開先のパスを指定します。<br />
最後に「close()」メソッドにてストリームを閉じることを忘れない様にしましょう。<br />
<br />
zipファイルを展開する為の例として、下記のようなメソッドを用意しました。<br />
引数としてzipファイルまでのパスと、展開先のパスを指定します。<br />
このままコピペでも使用出来るかと思いますので、<br />
そのままご使用頂ければ幸いです。(クラスに含まれるメソッドとしての使用を想定しています。)<br />
<br />
<pre class="brush:php" title="ZIPファイルを展開">public static function unzip( $zip_path, $dir_path )
{
$zip = new ZipArchive();
if( $zip->open($zip_path) === true ){
$zip->extractTo($dir_path);
$zip->close();
}
else{
throw new Exception('It does not open a zip file');
}
}
</pre>
<br />hamadayuu1http://www.blogger.com/profile/10488983600843387233noreply@blogger.com4tag:blogger.com,1999:blog-6756423740664287680.post-39819843384481889442014-04-15T10:34:00.000+09:002014-04-15T10:34:13.211+09:002014年4月14日(月)のツイート履歴<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<input type="file">を装飾する方法について<a href="http://web-terminal.blogspot.com/search/label/IE" title="IE">IE</a>対策でLabelを使う方法を追記しました。 <a href="http://web-terminal.blogspot.jp/2013/07/jquery.html">http://web-terminal.blogspot.jp/2013/07/jquery.html</a> <br />
<span style="color: #999999;">18:11</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年3月のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/04/20143.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/04/20143.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">10:51</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年4月1日(火)のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/04/201441.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/04/201441.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">10:51</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/IE" title="IE">IE</a>の<a href="http://web-terminal.blogspot.com/search/label/HTML" title="HTML">HTML</a>5対応状況一覧です。http://status.modern.ie/webglsharedresources <br />
<span style="color: #999999;">10:23</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
アクセスするだけで、自分のOSやブラウザ、モニタサイズやIPアドレスなど、PCの利用環境を確認出来るサービス「ご利用環境チェックツール」http://mysys-check.com/ <br />
<span style="color: #999999;">10:43</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/Android" title="Android">Android</a>アプリを開発するうえで、UX的によろしくないアンチパターンについて、<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a>が解説動画を公開しています。 #t=96">https://www.youtube.com/watch?v=x_gxZd9kL</div>
</li>
</ul>
</div>
hamadayuu1http://www.blogger.com/profile/10488983600843387233noreply@blogger.com0tag:blogger.com,1999:blog-6756423740664287680.post-41910044581384995862014-04-02T10:44:00.000+09:002014-04-02T10:44:47.150+09:002014年3月のツイート履歴<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
新しいトップレベルドメインとして、都市名を表した「.OKINAWA」などが追加されました。以前にも「.TOKYO」「.NAGOYA」といった都市名の登録もありましたが、今後も都市名ドメインは増えていくと予想します。https://www.nic.ad.jp/ja/topics/2014/20140304-01.html <br />
<span style="color: #999999;">17:41</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
新しいトップレベルドメイン「.みんな」の一般受付が開始されました。ドメインは早いもの勝ちですので、欲しい方はお早目に!http://www.gonbei.jp/tld/minna.html <br />
<span style="color: #999999;">12:33</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年2月のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/03/20142.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/03/20142.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">10:49</span></div>
</li>
</ul>
</div>
<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
「onCreate()」メソッド内の「setContentView()」メソッドを起動する前に「this.getWindow().setSoftInputMode(LayoutParams.SOFT_INPUT_STATE_ALWAYS_HIDDEN);」でキーボード初回非表示 <br />
<span style="color: #999999;">17:12</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/Android" title="Android">Android</a>アプリ開発において、画面の初期フォーカス位置がEditTextとなってしまい、勝手にキーボードが開いてしまう問題の回避方法として、「onCreate()」メソッド内の「setContentView()」メソッドを起動する前に、Windowに設定を追加します。 <br />
<span style="color: #999999;">17:10 </span></div>
</li>
</ul>
</div>
<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
LINE MALLが出品・販売を完全無料化しました!本格的に<a href="http://web-terminal.blogspot.com/search/label/Yahoo" title="Yahoo">Yahoo</a> VS LINEとなるかもです。http://linecorp.com/press/2014/0306700 <br />
<span style="color: #999999;">11:53</span></div>
</li>
</ul>
</div>
<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
自分のイラストをLINEのスタンプとして世界3億人に向けて販売出来る!ひとつ熟れたら50円!4月オープン予定なので、先行者利益取るなら早めに準備を! https://creator.line.me/ja/ <br />
<span style="color: #999999;">19:46</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年3月5日(水)のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/03/201435.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/03/201435.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">11:09</span></div>
</li>
</ul>
</div>
<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
ネットに広告を出向する際に、あちこちの媒体資料を漁るのは大変です。そこで、「imitsu(アイミツ)」はネット系媒体資料600種類をエクセルに纏めました。PVやユーザー層なども一括して確認出来るため、とても便利そうです。http://imitsu.jp/report/marketing/mediaguide <br />
<span style="color: #999999;">13:10</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a>が検索結果のデザインを一新しました。タイトルの文字サイズが大きくなった影響で、今までは32文字以内と意識していたタイトルも、今後は28文字以内とした方が良さそうです。 <br />
<span style="color: #999999;">13:08</span></div>
</li>
</ul>
</div>
<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/Yahoo" title="Yahoo">Yahoo</a>ショッピングの無料化にともない、APIも全て公開されます!http://developer.ec.yahoo.co.jp/promo/shp_api/ <br />
<span style="color: #999999;">19:06</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年3月12日(水)のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/03/2014312.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/03/2014312.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">08:38</span></div>
</li>
</ul>
</div>
<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/PHP" title="PHP">PHP</a> 5.3以前の場合で、「<?= "hoge"; ?>」の様な省略表記が動作しない場合は、php.iniのshort_open_tagをOnにするか、.htaccessにて「php_flag short_open_tag on」を設定しましょう。 <br />
<span style="color: #999999;">17:22</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/PHP" title="PHP">PHP</a>開発において、「<?php echo "hoge"; ?>」を「<?= "hoge"; ?>」の様に省略できることが<a href="http://web-terminal.blogspot.com/search/label/PHP" title="PHP">PHP</a> 5.4 からデフォルトになりました。 <br />
<span style="color: #999999;">17:21</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
Unity5の予約受付が開始されました。http://japan.unity3d.com/promo/unity5/ <br />
<span style="color: #999999;">17:08</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年3月15日(土)のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/03/2014315.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/03/2014315.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">10:58</span></div>
</li>
</ul>
</div>
hamadayuu1http://www.blogger.com/profile/10488983600843387233noreply@blogger.com0tag:blogger.com,1999:blog-6756423740664287680.post-29604649284500223802014-04-02T10:41:00.002+09:002014-04-02T10:41:43.383+09:002014年4月1日(火)のツイート履歴<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
アドセンスに新機能!「上位の惑星と衛星」 <a href="http://web-terminal.blogspot.jp/2014/04/GoogleAdSense.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/04/GoogleAdSense.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">09:15</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
エイプリルフールということで、アドセンスでは「上位の惑星と衛星」という項目が出現し、アクセスのあった惑星を調べることが出来ます。「2014年4月1日現在」 <br />
<span style="color: #999999;">08:41</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年3月19日(水)のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/03/2014319.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/03/2014319.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">11:32</span></div>
</li>
</ul>
</div>
hamadayuu1http://www.blogger.com/profile/10488983600843387233noreply@blogger.com0tag:blogger.com,1999:blog-6756423740664287680.post-6778310070095113792014-04-01T09:01:00.000+09:002014-04-01T09:01:30.750+09:00アドセンスに新機能!「上位の惑星と衛星」<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-BVEtA9-Vhz4/UzoA2pdBJOI/AAAAAAAAAlw/a91OoisXRa8/s1600/w.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-BVEtA9-Vhz4/UzoA2pdBJOI/AAAAAAAAAlw/a91OoisXRa8/s1600/w.jpg" height="440" width="640" /></a></div>
<br />
<br />
GoogleAdSenseの新機能として突如登場した「上位の惑星と衛星」。<br />
アドセンスのトップ画面の中腹、「パフォーマンス-現時点まで」の中に、<br />
「ページビュー」「インプレッション収益」「上位のチャンネル」「上位のサイト」<br />
「上位のプラットフォーム」に加え、「上位の惑星と衛星」という項目が追加されました。<br />
<br />
これは、サイトへアクセスしてきたユーザの地域を表すもので、当ブログでは現在エウロパと月が表示されていました。<br />
<br />
「惑星を表示」をクリックし、中を覗くとアクセスのあった地域を見ることが出来ます。<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-Ig-ImBEeMlo/UzoA86Apd0I/AAAAAAAAAl4/EYerAViT4BU/s1600/r.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-Ig-ImBEeMlo/UzoA86Apd0I/AAAAAAAAAl4/EYerAViT4BU/s1600/r.jpg" height="316" width="640" /></a></div>
<br />
<br />
<br />
この新機能は、「2014年4月1日現在」に追加されたもので、きっとエイプリルフールとしての冗談でしょう。<br />
「2014年4月2日」には、「上位の国と地域」に戻っているかも知れません。<br />
<br />
Googleらしいギャグですが、将来的には本当にこのような集計結果を必要とする時代が来るかも知れませんね。<br />
<br />
そのうちGoogleなら出来そうですしw。<br />
<br />hamadayuu1http://www.blogger.com/profile/10488983600843387233noreply@blogger.com0tag:blogger.com,1999:blog-6756423740664287680.post-12638799899090228872014-03-20T11:18:00.000+09:002014-03-20T11:18:27.941+09:002014年3月19日(水)のツイート履歴<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/PHP" title="PHP">PHP</a> 5.3以前の場合で、「<?= "hoge"; ?>」の様な省略表記が動作しない場合は、php.iniのshort_open_tagをOnにするか、.htaccessにて「php_flag short_open_tag on」を設定しましょう。 <br />
<span style="color: #999999;">17:22</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/PHP" title="PHP">PHP</a>開発において、「<?php echo "hoge"; ?>」を「<?= "hoge"; ?>」の様に省略できることが<a href="http://web-terminal.blogspot.com/search/label/PHP" title="PHP">PHP</a> 5.4 からデフォルトになりました。 <br />
<span style="color: #999999;">17:21</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
Unity5の予約受付が開始されました。http://japan.unity3d.com/promo/unity5/ <br />
<span style="color: #999999;">17:08</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年3月15日(土)のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/03/2014315.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/03/2014315.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">10:58</span></div>
</li>
</ul>
</div>
hamadayuu1http://www.blogger.com/profile/10488983600843387233noreply@blogger.com0tag:blogger.com,1999:blog-6756423740664287680.post-79854942212974566972014-03-17T10:35:00.000+09:002014-03-17T10:35:06.775+09:002014年3月15日(土)のツイート履歴<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
ネットに広告を出向する際に、あちこちの媒体資料を漁るのは大変です。そこで、「imitsu(アイミツ)」はネット系媒体資料600種類をエクセルに纏めました。PVやユーザー層なども一括して確認出来るため、とても便利そうです。http://imitsu.jp/report/marketing/mediaguide <br />
<span style="color: #999999;">13:10</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a>が検索結果のデザインを一新しました。タイトルの文字サイズが大きくなった影響で、今までは32文字以内と意識していたタイトルも、今後は28文字以内とした方が良さそうです。 <br />
<span style="color: #999999;">13:08</span></div>
</li>
</ul>
</div>
<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/Yahoo" title="Yahoo">Yahoo</a>ショッピングの無料化にともない、APIも全て公開されます!http://developer.ec.yahoo.co.jp/promo/shp_api/ <br />
<span style="color: #999999;">19:06</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年3月12日(水)のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/03/2014312.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/03/2014312.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">08:38</span></div>
</li>
</ul>
</div>
hamadayuu1http://www.blogger.com/profile/10488983600843387233noreply@blogger.com0tag:blogger.com,1999:blog-6756423740664287680.post-59880321582632747902014-03-14T08:08:00.000+09:002014-03-14T08:08:04.397+09:002014年3月12日(水)のツイート履歴<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
「onCreate()」メソッド内の「setContentView()」メソッドを起動する前に「this.getWindow().setSoftInputMode(LayoutParams.SOFT_INPUT_STATE_ALWAYS_HIDDEN);」でキーボード初回非表示 <br />
<span style="color: #999999;">17:12</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/Android" title="Android">Android</a>アプリ開発において、画面の初期フォーカス位置がEditTextとなってしまい、勝手にキーボードが開いてしまう問題の回避方法として、「onCreate()」メソッド内の「setContentView()」メソッドを起動する前に、Windowに設定を追加します。 <br />
<span style="color: #999999;">17:10 </span></div>
</li>
</ul>
</div>
<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
LINE MALLが出品・販売を完全無料化しました!本格的に<a href="http://web-terminal.blogspot.com/search/label/Yahoo" title="Yahoo">Yahoo</a> VS LINEとなるかもです。http://linecorp.com/press/2014/0306700 <br />
<span style="color: #999999;">11:53</span></div>
</li>
</ul>
</div>
<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
自分のイラストをLINEのスタンプとして世界3億人に向けて販売出来る!ひとつ熟れたら50円!4月オープン予定なので、先行者利益取るなら早めに準備を! https://creator.line.me/ja/ <br />
<span style="color: #999999;">19:46</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年3月5日(水)のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/03/201435.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/03/201435.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">11:09</span></div>
</li>
</ul>
</div>
hamadayuu1http://www.blogger.com/profile/10488983600843387233noreply@blogger.com0tag:blogger.com,1999:blog-6756423740664287680.post-9289482474841038732014-03-06T10:43:00.000+09:002014-03-06T10:43:23.295+09:002014年3月5日(水)のツイート履歴<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
新しいトップレベルドメインとして、都市名を表した「.OKINAWA」などが追加されました。以前にも「.TOKYO」「.NAGOYA」といった都市名の登録もありましたが、今後も都市名ドメインは増えていくと予想します。https://www.nic.ad.jp/ja/topics/2014/20140304-01.html <br />
<span style="color: #999999;">17:41</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
新しいトップレベルドメイン「.みんな」の一般受付が開始されました。ドメインは早いもの勝ちですので、欲しい方はお早目に!http://www.gonbei.jp/tld/minna.html <br />
<span style="color: #999999;">12:33</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年2月のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/03/20142.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/03/20142.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">10:49</span></div>
</li>
</ul>
</div>
hamadayuu1http://www.blogger.com/profile/10488983600843387233noreply@blogger.com0tag:blogger.com,1999:blog-6756423740664287680.post-26897408485729456842014-03-03T10:35:00.003+09:002014-03-03T10:35:34.319+09:002014年2月のツイート履歴<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
新しいトップレベルドメインとして「.wiki」等が追加されました。http://news.mynavi.jp/news/2014/02/24/330/index.html <br />
<span style="color: #999999;">19:16</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年2月21日(金)のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/02/2014221.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/02/2014221.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">11:03</span></div>
</li>
</ul>
</div>
<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
無限スクロールを実装する際に、<a href="http://web-terminal.blogspot.com/search/label/SEO" title="SEO">SEO</a>的にも有効な実装方法を<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a>が発表しました。今までは英語でしたが、日本語でも解説が公式ブログより公開されました。http://googlewebmastercentral-ja.blogspot.jp/2014/02/infinite-scroll-search-friendly.html <br />
<span style="color: #999999;">18:34</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年2月20日(木)のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/02/2014220.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/02/2014220.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">11:31</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/IE" title="IE">IE</a>9、<a href="http://web-terminal.blogspot.com/search/label/IE" title="IE">IE</a>10の脆弱性の対処法として、「Fix it 51007」の提供が、マイクロソフトより開始されました。https://support.microsoft.com/kb/2934088 <br />
<span style="color: #999999;">11:12</span></div>
</li>
</ul>
</div>
<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
3Dマップ、GoogleEathを標準搭載した新しい<a href="http://web-terminal.blogspot.com/search/label/GoogleMap" title="GoogleMap">GoogleMap</a>の登場です。<a href="http://googlejapan.blogspot.jp/2014/02/google_20.html">http://googlejapan.blogspot.jp/2014/02/google_20.html</a> <br />
<span style="color: #999999;">11:16</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年2月19日(水)のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/02/2014219.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/02/2014219.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">10:57</span></div>
</li>
</ul>
</div>
<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
PhotoShop使いにはうれしい?PhotoShopで使用するショートカットキー満載のキーボード<a href="http://www.creativebloq.com/hardware/keyboard-for-photoshop-21410608">http://www.creativebloq.com/hardware/keyboard-for-photoshop-21410608</a> <br />
<span style="color: #999999;">10:21</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年2月18日(火)のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/02/2014218.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/02/2014218.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">06:16</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
ほんとに分かってる?上手に質問する7の問い <a href="http://web-terminal.blogspot.jp/2014/02/question.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/02/question.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">05:45</span></div>
</li>
</ul>
</div>
<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/IE" title="IE">IE</a>9、<a href="http://web-terminal.blogspot.com/search/label/IE" title="IE">IE</a>10に脆弱性!脆弱性を追加サイトを閲覧するだけでマルウェア感染の恐れあり。回避策として、<a href="http://web-terminal.blogspot.com/search/label/IE" title="IE">IE</a>11へのアップグレードするか、「Enhanced Mitigation Experience Toolkit」を適用する必要がある。http://news.mynavi.jp/news/2014/02/18/109/index.html <br />
<span style="color: #999999;">14:32</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a>ウェブマスターガイドラインにあなたのサイトが、どれだけ適合しているか手軽に確認する事が出来ます。http://www.feedthebot.com/ <br />
<span style="color: #999999;">10:38</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
明るい未来を映し出す自己紹介の仕方 <a href="http://web-terminal.blogspot.jp/2014/02/Self-introduction.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/02/Self-introduction.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">03:40</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
聞き上手な奴が実践する人の話を聞く5つのコツ <a href="http://web-terminal.blogspot.jp/2014/02/Tips-of-five-good-listener-to-practice.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/02/Tips-of-five-good-listener-to-practice.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">03:40</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年2月14日(金)のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/02/2014214.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/02/2014214.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">12:04</span></div>
</li>
</ul>
</div>
<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
さくらインターネット内のサービスにて、NTP(Network Time Protocol)の脆弱性をついた攻撃が多数確認されています。NTPを使用していない方は削除するか、アクセス制限をかけて下さい。公式に対策方法が公開されています。http://www.sakura.ad.jp/news/sakurainfo/newsentry.php?id=861 <br />
<span style="color: #999999;">14:31</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年2月12日(水)のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/02/2014212.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/02/2014212.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">10:47</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
WordPress公式テーマの拡張!子テーマを作成する! <a href="http://web-terminal.blogspot.jp/2014/02/wordpress-child-theme.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/02/wordpress-child-theme.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">00:25</span></div>
</li>
</ul>
</div>
<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
テストデータ用の個人情報を作成してくれるサービスです。名前だけでなく、住所やメールアドレスまでも生成してくれます。<a href="http://hogehoge.tk/personal/">http://hogehoge.tk/personal/</a> <br />
<span style="color: #999999;">20:05</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年2月11日(火)のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/02/2014211.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/02/2014211.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">17:55</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a>が提供する規模向けデータベースサービス「Cloud SQL」が正式に公開されました。http://jp.techcrunch.com/2014/02/12/20140211googles-cloud-sql-hits-general-availability-gets-an-sla-encryption-and-support-for-larger-databases/ <br />
<span style="color: #999999;">17:33</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a>が日本のウェブマスター向けにトラブルシューティングページを公開しました。https://support.google.com/webmasters/troubleshooter/2483183?hl=ja <br />
<span style="color: #999999;">17:28</span></div>
</li>
</ul>
</div>
<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
『画像解説付』<a href="http://web-terminal.blogspot.com/search/label/WordPress" title="WordPress">WordPress</a>をローカル環境<a href="http://web-terminal.blogspot.com/search/label/XAMPP" title="XAMPP">XAMPP</a>へインストールする手順 <a href="http://web-terminal.blogspot.jp/2014/02/wordpressinstallxampp.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/02/wordpressinstallxampp.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">03:06</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
wordpress-3.8.1-ja.zip内のファイル構成 <a href="http://web-terminal.blogspot.jp/2014/02/wordpress-381-jazip.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/02/wordpress-381-jazip.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">00:41</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年2月5日(水)のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/02/201425.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/02/201425.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">10:54</span></div>
</li>
</ul>
</div>
<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
とっても応用の効くラジオボタンを手軽に画像で表現する方法 <a href="http://web-terminal.blogspot.jp/2014/02/radio-image.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/02/radio-image.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">01:56</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年1月のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/02/20141.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/02/20141.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">00:20</span></div>
</li>
</ul>
</div>
hamadayuu1http://www.blogger.com/profile/10488983600843387233noreply@blogger.com2tag:blogger.com,1999:blog-6756423740664287680.post-16757836263157073712014-02-24T10:54:00.000+09:002014-02-24T10:54:37.780+09:002014年2月21日(金)のツイート履歴<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
無限スクロールを実装する際に、<a href="http://web-terminal.blogspot.com/search/label/SEO" title="SEO">SEO</a>的にも有効な実装方法を<a href="http://web-terminal.blogspot.com/search/label/Google" title="Google">Google</a>が発表しました。今までは英語でしたが、日本語でも解説が公式ブログより公開されました。http://googlewebmastercentral-ja.blogspot.jp/2014/02/infinite-scroll-search-friendly.html <br />
<span style="color: #999999;">18:34</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年2月20日(木)のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/02/2014220.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/02/2014220.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">11:31</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
<a href="http://web-terminal.blogspot.com/search/label/IE" title="IE">IE</a>9、<a href="http://web-terminal.blogspot.com/search/label/IE" title="IE">IE</a>10の脆弱性の対処法として、「Fix it 51007」の提供が、マイクロソフトより開始されました。https://support.microsoft.com/kb/2934088 <br />
<span style="color: #999999;">11:12</span></div>
</li>
</ul>
</div>
hamadayuu1http://www.blogger.com/profile/10488983600843387233noreply@blogger.com0tag:blogger.com,1999:blog-6756423740664287680.post-55934390864374901912014-02-21T11:03:00.000+09:002014-02-21T11:03:15.203+09:002014年2月20日(木)のツイート履歴<div id="twieveMain" style="font-size: 12px; width: 98%;">
<ul style="list-style-type: none; margin: 0 0 15px 3px; padding-left: 0;">
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
3Dマップ、GoogleEathを標準搭載した新しい<a href="http://web-terminal.blogspot.com/search/label/GoogleMap" title="GoogleMap">GoogleMap</a>の登場です。<a href="http://googlejapan.blogspot.jp/2014/02/google_20.html">http://googlejapan.blogspot.jp/2014/02/google_20.html</a> <br />
<span style="color: #999999;">11:16</span></div>
</li>
<li style="border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;"> <div style="float: left; width: 50px;">
<img src="http://pbs.twimg.com/profile_images/378800000793282885/933609981a0a95957b8e7787eb998bf0_normal.jpeg" style="height: 50px; width: 50px;" /></div>
<div style="margin: 0 0 0 55px; min-height: 60px;">
2014年2月19日(水)のツイート履歴 <a href="http://web-terminal.blogspot.jp/2014/02/2014219.html?utm_source=dlvr.it&utm_medium=twitter">http://web-terminal.blogspot.jp/2014/02/2014219.html?utm_source=dlvr.it&utm_medium=twitter</a> <br />
<span style="color: #999999;">10:57</span></div>
</li>
</ul>
</div>
hamadayuu1http://www.blogger.com/profile/10488983600843387233noreply@blogger.com0