tag:blogger.com,1999:blog-34373688387886180192024-03-14T23:33:27.656+09:00as 5a3i5a3ihttp://www.blogger.com/profile/13175275322494168993noreply@blogger.comBlogger20125tag:blogger.com,1999:blog-3437368838788618019.post-48262501740671775442012-06-24T00:02:00.000+09:002012-07-07T03:25:24.240+09:00【chrome extension】chrome拡張ソースの場所<br />
chrome extensionの開発をしているときに、<br />
「このエクステンションのソース見たいなー」なんてよく思う。<br />
そんなときはソースを見ちゃえばいい。<br />
<br />
【macの場合】<br />
<br />
<fieldset>
<span style="color: red;"><b>~[username]/Library/Application Support/Google/Chrome/Default/Extensions
</b></span></fieldset>
<br />
【windowsの場合】
<br />
<fieldset>
<b><span style="color: red;">[username]\AppData\Local\Google\Chrome\User Data\Default\Extensions\
</span></b></fieldset>
<br />
<br />
<br />
ソース見てると「ソースの配置が超きれい」とか<br />
「こんな簡単に書いちゃうか」とか色々参考になります。<br />
ぜひお試しあれー。5a3ihttp://www.blogger.com/profile/13175275322494168993noreply@blogger.com0tag:blogger.com,1999:blog-3437368838788618019.post-56638317619588002252012-06-22T08:46:00.002+09:002012-06-22T08:46:43.522+09:00【JavaScript】確認ダイアログ表示<br />
ユーザにフォームの入力をしてもらい、最後に確認をしたいとき、<br />
JavaScriptでダイアログ表示を行うとよい。<br />
<br />
以下の入力フォームでボタンが押されたら<br />
入力内容を確認するようなダイアログを実装してみよう。<br />
<br />
<br />
<fieldset>
--フォームの実装--<br />
<span style="color: red;"><b><body></b></span><br />
<span style="color: red;"><b><span>入力してね</span></b></span><br />
<span style="color: red;"><b><form name="form1"></b></span><br />
<span style="color: red;"><b><input type="text" name="text1" id="text1"></b></span><br />
<span style="color: red;"><b><input type="button" value="ボタン" onClick="check();"></b></span><br />
<span style="color: red;"><b></form></b></span><br />
<span style="color: red;"><b></body></b></span></fieldset>
<br />
<br />
onClick="check();"⇒ ボタンを押したらcheck()がスタート。<br />
check()内の処理のイメージとしては<br />
①"内容はこんな感じでいいかな?"的メッセージを表示<br />
②OKを押したら"内容変更しました"的メッセージを表示<br />
③キャンセルなら何もせずダイアログを閉じる<br />
それでは実装。<br />
<div>
<br /></div>
<br />
<fieldset>
--JavaScriptの実装--<br />
<b><span style="color: red;"><script></span></b><br />
<b><span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>function check(){</span></b><br />
<b><span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var text1 = document.getElementById("text1").value;</span></b><br />
<b><span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var res = confirm("入力内容は「" + text1 + "」で良いでしょうか?");</span></b><br />
<span class="Apple-tab-span" style="color: red; white-space: pre;"><b> </b></span><br />
<b><span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>if(res == true){</span></b><br />
<b><span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>// OKを選択したときの処理</span></b><br />
<b><span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>alert("変更しました。");</span></b><br />
<b><span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></b><br />
<b><span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></b><br />
<b><span style="color: red;"></script></span></b></fieldset>
<br />
<br />
confirm()の時点でダイアログを表示してくれて、<br />
リアクションがOK(true)なら~、キャンセル(false)なら~って感じでいけるんですね。<br />
らくちん、らくちん。<br />5a3ihttp://www.blogger.com/profile/13175275322494168993noreply@blogger.com0tag:blogger.com,1999:blog-3437368838788618019.post-89266724897416923512012-06-21T08:44:00.000+09:002012-06-21T08:45:54.893+09:00【Javascript(Chrome Extension)】タブの情報を取得する<br />
Chrome拡張開発でタブの情報をしたいときは以下のようにしようー<br />
<br />
1 manifest.json⇒permissions⇒tabsの追加<br />
2 操作したいファイル上でchrome.tags.* APIを用いる<br />
<br />
これだけ。。<br />
意外と1番忘れるとAPI見ながらなんでなんで??状態に陥るので、<br />
1番をお忘れなくー<br />
<br />
<fieldset>
1 manifest.json⇒permissions⇒tabsの追加<br />
--manifest.json--<br />
<b><span style="color: red;">{</span></b><br />
<b><span style="color: red;"> "name": "拡張名",</span></b><br />
<b><span style="color: red;"> ...</span></b><br />
<b><span style="color: red;"> "permissions": [</span></b><br />
<b><span style="color: red;"> "tabs"</span></b><br />
<b><span style="color: red;"> ],</span></b><br />
<b><span style="color: red;"> ...</span></b><br />
<b><span style="color: red;">}</span></b><br />
<br /></fieldset>
<br />
<br />
<br />
<fieldset>
2 操作したいファイル上でchrome.tags.* APIを用いる<br />
ひとまずこのAPIでできることを一覧にしてみた。<br />
これみてマニュアル(<span style="background-color: white;"><a href="http://code.google.com/chrome/extensions/tabs.html">Chrome API</a></span><span style="background-color: white;">)見てコード書くみたいな感じで。</span><br />
<br />
<table border="1" bordercolor="#333333" cellpadding="5" cellspacing="0" style="width: 500px;">
<tbody>
<tr>
<th><span style="color: blue;">選択中のタブの情報げっと</span></th>
<td>getSelected</td>
</tr>
<tr class="arg">
<th rowspan="1"><span style="color: blue;">特定のタブの情報げっと</span></th>
<td>get</td>
</tr>
<tr class="arg">
<th rowspan="1"><span style="color: blue;">タブを新しく作る</span></th>
<td>create</td>
</tr>
<tr class="arg">
<th rowspan="1"><span style="background-color: white;"><span style="color: blue;">タブを削除する</span></span></th>
<td>remove</td>
</tr>
<tr class="arg">
<th rowspan="1"><span style="background-color: white;"><span style="color: blue;">スクリプトを実行</span></span></th>
<td>executeScript</td>
</tr>
</tbody>
</table>
<br /></fieldset>
タブだけでなく、ブックマークの操作もできたりしちゃうのがChrome拡張のすごさだが、<br />
そこいらの話は次回に。5a3ihttp://www.blogger.com/profile/13175275322494168993noreply@blogger.com0tag:blogger.com,1999:blog-3437368838788618019.post-12347720157971559562012-06-20T08:56:00.003+09:002012-06-20T08:56:24.339+09:00【Javascript】オブジェクト表示/非表示の切り替え<br />
<br />
同一テンプレートで正常時、エラー時の出し分けを実装したいときに<br />
Javascript上で出し分けちゃおうということで。<br />
<br />
次のhtmlをサンプルにする。<br />
フォームの中が空なら「入力してね」を表示する。<br />
<div>
<br /></div>
<br />
<pre><fieldset>
<form name="form1">
<span style="color: red; font-family: 'Lucida Grande';"><b><body onLoad="hideErrorParts();">
<form name="form1">
<input type="text" name="text1">
<input type="button" value="ボタン" onClick="checkForm();">
</form>
<span id="error">入力してね</span></b></span></form>
</fieldset>
</pre>
--以下の2点を実装する--<br />
<span style="background-color: white;">•ソースが呼び出されたときは「入力してね」は非表示。</span><br />
•テキストボックスに入力してボタンを押した時にテキストボックスが空の場合に
「入力してね」を表示。<br />
<span style="background-color: white;">実際のスクリプトが下記のようになる。</span><br />
<span style="background-color: white;"><br /></span><br />
<fieldset>
<span style="background-color: white; color: red;"><b><script></b></span><br />
<b><span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>function hideErrorParts(){</span></b><br />
<b><span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>document.getElementById("error").style.display = "none";</span></b><br />
<b><span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></b><br />
<span class="Apple-tab-span" style="color: red; white-space: pre;"><b> </b></span><br />
<b><span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>function checkForm(){</span></b><br />
<b><span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var content = document.form1.text1.value;</span></b><br />
<span class="Apple-tab-span" style="color: red; white-space: pre;"><b> </b></span><br />
<b><span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>// テキストボックスの中が空なら表示する</span></b><br />
<b><span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>if( content == "" ){</span></b><br />
<b><span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>document.getElementById("error").style.display = "block";<span class="Apple-tab-span" style="white-space: pre;"> </span></span></b><br />
<b><span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></b><br />
<b><span style="color: red;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></b><br />
<span style="background-color: white; color: red;"><b></script></b></span><span style="background-color: white;">
</span></fieldset>
<br />
display属性を"none"か"block"に変えちゃえば出し分けできるということですな。<br />
簡単なバリデーションに使えそうです。(もちろんサーバ側でもバリデーションは実装しなきゃだが)5a3ihttp://www.blogger.com/profile/13175275322494168993noreply@blogger.com1tag:blogger.com,1999:blog-3437368838788618019.post-75832170638499127572012-05-21T21:05:00.000+09:002012-05-21T21:05:53.354+09:00【マーケティング】「インサイト」を学ぶ昨日5/21に<strong style="background-color: white; color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif; font-size: 14px; line-height: 14px; text-align: left;"><a href="http://www.slideshare.net/Kmarketinguniv/2-2012520" rel="nofollow" style="color: #3b5998; cursor: pointer;" target="_blank">勝手にマーケティング大学 第2回勉強会 『インサイト 消費者が思わず動く、心のホットボタン</a></strong>に参加してきました!<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyBa3UIsjbdQn-kzQ_7svmXfbcV3YXsusD-B_Sj4bQw6u4d13wgSSIug_4C-TG70nkHbl8KV1DgoGj2nKLwkPn4eKNoGlDwjygpkKuuOXdW6kfRQ9J5-0T563wTh3PVgHdApe5Os-8yljP/s1600/542557_353735588024756_341166932614955_964808_1454337334_n.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyBa3UIsjbdQn-kzQ_7svmXfbcV3YXsusD-B_Sj4bQw6u4d13wgSSIug_4C-TG70nkHbl8KV1DgoGj2nKLwkPn4eKNoGlDwjygpkKuuOXdW6kfRQ9J5-0T563wTh3PVgHdApe5Os-8yljP/s400/542557_353735588024756_341166932614955_964808_1454337334_n.jpeg" width="400" /></a></div>
<br />
今回のテーマは「インサイト」。<br />
インサイトとは消費者のホンネのことです。<br />
例えば目の前にいる人が自販機でコーラを買ったとします。<br />
その人はなぜコーラを買ったのでしょう??<br />
「喉が渇いたから」、「ジュースの缶を集めているから」、「小銭が欲しかったから」、「その人の周りでは空前のコーラブームだったから」。<br />
理由は様々考えられます。<br />
この理由こそインサイトから来ているのです。<br />
<br />
従来の消費者分析は商品が軸にあり、商品をどう作れば、どう広告すれば売れるかを<br />
試行錯誤していました。<br />
<br />
しかしインサイトのマーケティングでは消費者が軸になります。<br />
消費者が普段何気なく取っている行動には何かしら理由があって、<br />
その理由を探ることで消費者の本当のニーズを知ることが出来ます。<br />
<br />
いやぁ、面白いですねー。<br />
マクドナルドの原田さんじゃないけどやっぱ消費者本位で考えることの方が大事なんだな<br />
としみじみ。<br />
<br />
ほんと面白い勉強会でした。<br />
<br />
勉強会で使用したスライドは<a href="http://www.slideshare.net/Kmarketinguniv/2-2012520">こちら</a>5a3ihttp://www.blogger.com/profile/13175275322494168993noreply@blogger.com0tag:blogger.com,1999:blog-3437368838788618019.post-45180866654225166612012-05-03T11:33:00.000+09:002012-05-03T11:33:31.200+09:00【html】最大文字数を指定する方法<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJg2CtuSYH5VSSsrANUN3Zr0appT9dqonwh0la9G4B5Mg39luW9IOj0QYCTXTzj7AbtCceLFMNmsgsaeRooNf7LDxMMZuHsbfsnCtgt1PvbATy6jw388GoDtbUwTIDJyjCt5qEuPoA8bDM/s1600/news.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJg2CtuSYH5VSSsrANUN3Zr0appT9dqonwh0la9G4B5Mg39luW9IOj0QYCTXTzj7AbtCceLFMNmsgsaeRooNf7LDxMMZuHsbfsnCtgt1PvbATy6jw388GoDtbUwTIDJyjCt5qEuPoA8bDM/s640/news.png" width="640" /></a></div>
<br />
<br />
記事とかブログとかで最大文字数を制限して、<br />
レイアウトのバランスを崩さないようにする方法を挙げる。<br />
<br />
<b><span style="color: red;">PHPで実装</span></b><br />
<br />
<fieldset>
$news = '表示させたいニュース' ;<br />
<br />
// 表示制限を17バイトにしてそのあとは「...」にする。<br />
$display_news = mb_substr($news, 0, 17).'...';<br />
echo $display_news;</fieldset>
<br />
<b><span style="color: red;">CSSで実装</span></b><br />
<br />
<br />
<fieldset>
<br />
<pre style="background-color: snow;"><span style="color: #333333;">.classname {
width:240px;
height:3em;
</span><span style="color: red;">overflow:hidden; ←あふれた文字に関しては隠す</span><span style="color: #333333;">
}</span></pre>
</fieldset>
<br />
<br />
<b><span style="color: red;">JavaScriptで実装(引用元:<a href="http://blog.wisdomdesign.jp/?p=884">JavaScriptでマルチバイト文字列を決まった文字数で制限する方法</a>)</span></b><br />
<b><span style="color: red;"><br /></span></b><br />
<fieldset>
<br />
<div class="line number2 index1 alt1" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; direction: ltr !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 16px; height: auto !important; left: auto !important; line-height: 17px; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: left; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="jscript comments" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 130, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">文字列を省略する</code></div>
<div class="line number3 index2 alt2" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; direction: ltr !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 16px; height: auto !important; left: auto !important; line-height: 17px; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: left; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number4 index3 alt1" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; direction: ltr !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 16px; height: auto !important; left: auto !important; line-height: 17px; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: left; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="jscript comments" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 130, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">@arg text 省略する文字列</code></div>
<div class="line number5 index4 alt2" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; direction: ltr !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 16px; height: auto !important; left: auto !important; line-height: 17px; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: left; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="jscript comments" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 130, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">@arg len 半角文字数で指定</code></div>
<div class="line number6 index5 alt1" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; direction: ltr !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 16px; height: auto !important; left: auto !important; line-height: 17px; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: left; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="jscript comments" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 130, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">@arg truncation 省略時の文字列</code></div>
<div class="line number7 index6 alt2" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; direction: ltr !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 16px; height: auto !important; left: auto !important; line-height: 17px; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: left; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="jscript comments" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 130, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">*/</code></div>
<div class="line number8 index7 alt1" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; direction: ltr !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 16px; height: auto !important; left: auto !important; line-height: 17px; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: left; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="jscript keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code> <code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">substr(text, len, truncation) {</code></div>
<div class="line number9 index8 alt2" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; direction: ltr !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 16px; height: auto !important; left: auto !important; line-height: 17px; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: left; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="jscript spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="jscript keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">var</code> <code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">count = 0;</code></div>
<div class="line number10 index9 alt1" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; direction: ltr !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 16px; height: auto !important; left: auto !important; line-height: 17px; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: left; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="jscript spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="jscript keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">var</code> <code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">str = </code><code class="jscript string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">''</code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></div>
<div class="line number11 index10 alt2" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; direction: ltr !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 16px; height: auto !important; left: auto !important; line-height: 17px; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: left; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="jscript spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="jscript keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">for</code> <code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(i=0; i</code></div>
<div class="line number12 index11 alt1" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; direction: ltr !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 16px; height: auto !important; left: auto !important; line-height: 17px; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: left; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="jscript spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">n = escape(text.charAt(i));</code></div>
<div class="line number13 index12 alt2" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; direction: ltr !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 16px; height: auto !important; left: auto !important; line-height: 17px; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: left; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="jscript spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="jscript keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">if</code> <code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(n.length &lt; 4) count++; </code><code class="jscript keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">else</code> <code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">count+=2;</code></div>
<div class="line number14 index13 alt1" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; direction: ltr !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 16px; height: auto !important; left: auto !important; line-height: 17px; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: left; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="jscript spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="jscript keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">if</code> <code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(count&gt;len) {</code><code class="jscript keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">return</code> <code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">str+truncation;}</code></div>
<div class="line number15 index14 alt2" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; direction: ltr !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 16px; height: auto !important; left: auto !important; line-height: 17px; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: left; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="jscript spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">str += text.charAt(i);</code></div>
<div class="line number16 index15 alt1" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; direction: ltr !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 16px; height: auto !important; left: auto !important; line-height: 17px; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: left; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="jscript spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">}</code></div>
<div class="line number17 index16 alt2" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; direction: ltr !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 16px; height: auto !important; left: auto !important; line-height: 17px; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: left; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="jscript spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="jscript keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">return</code> <code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">text;</code></div>
<div class="line number18 index17 alt1" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; direction: ltr !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 16px; height: auto !important; left: auto !important; line-height: 17px; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: left; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="jscript plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 13px; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">}</code></div>
</fieldset>
<br />5a3ihttp://www.blogger.com/profile/13175275322494168993noreply@blogger.com0tag:blogger.com,1999:blog-3437368838788618019.post-73646444332978145762012-04-30T17:26:00.002+09:002012-04-30T17:26:28.224+09:00【PHP】ブラウザの判定スマートフォン対応や各ブラウザ対応等で<br />
ブラウザ情報でページを出し分けするときは<br />
user agentから情報を判別すればよい。<br />
<br />
<h3>
<span style="color: red;">getenv(string varname)</span></h3>
<table border="1" bordercolor="#333333" cellpadding="5" cellspacing="0" style="width: 500px;"><tbody>
<tr><th>解説</th><td>環境変数の値を取得する</td></tr>
<tr class="arg"><th rowspan="1">引数</th><td><code>varname</code> 変数名</td></tr>
<tr><th>返値</th><td>varnameで指定した環境変数の値を返す。varnameが存在しない場合はfalseを返す。</td></tr>
</tbody></table>
<br />
<br />
<fieldset>
例:
<br />
// ブラウザの情報取得<br />
$bsr = getenv("HTTP_USER_AGENT");<br />
<br />
echo $bsr;<br />
<br />
⇒Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_3) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.165 Safari/535.19</fieldset>
<br />
mb_eregとかを使ってページを出し分ければいけそうだな。<br />
phpinfo()にある情報は全部とれるっぽいから結構使えるファンクションだね。5a3ihttp://www.blogger.com/profile/13175275322494168993noreply@blogger.com0tag:blogger.com,1999:blog-3437368838788618019.post-60141100758365810912012-04-27T16:39:00.002+09:002012-04-27T16:39:34.038+09:00【html•css•javascript】マウスオーバーはCSSだけでいける!文字や画像が載ったときに色や画像を変更させるいわゆるマウスオーバーは<br />
実はCSSで行けるということを知りましたー(おろかものだ。。)<br />
<br />
hoverというCSSの擬似クラスで設定可能ということでして。<br />
<br />
<fieldset>
例:<br />
<div style="text-align: left;">
a{</div>
<div style="text-align: left;">
color:FFFFFF;</div>
<div style="text-align: left;">
}</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
a:hover{</div>
<div style="text-align: left;">
color:000000</div>
<div style="text-align: left;">
}</div>
</fieldset>
<br />
上の簡単な例だと文字にマウスが載った瞬間に黒に変わる。<br />
<br />
CSSで作った方がシンプルで高速らしい。<br />
確かにシンプルだー5a3ihttp://www.blogger.com/profile/13175275322494168993noreply@blogger.com0tag:blogger.com,1999:blog-3437368838788618019.post-65882332095771082822012-04-25T15:08:00.000+09:002012-04-25T15:08:04.755+09:00【API】Google APIとかすごすぎやろGoogle APIにはMapとか検索のAPIが存在することは知っていたけど、Chartもあるのね。<br />
しかも超簡単でびっくりした。<br />
<br />
<br />
<br />
<center><a href="https://developers.google.com/chart/">Google Chart API</a></center>
<br />
<br />
2分ぐらいで試しに適当に作った。<br />
<br />
<img height="273" src="http://chart.apis.google.com/chart?cht=p3
&chtt=これまでに大きなけがをしたことがありますか?
&chs=580x250
&chd=t:14,70,10,6
&chco=0092B9,86AD00,F2B705,BC3603
&chdl=14% 2度以上|70% 1度|10% ない|6% わからない
&chl=2度以上ある|1度ある|ない|わからない
" width="640" />
<br />
imgタグにちゃちゃっと書いてこんなにステキな円グラフが出来ている。。<br />
ちなみに上のソースは下記の通り。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7ULiEu3EPdtLnfCe1xmBDZz37WBd55g9zzTR1YLebPRW8HIZFrb3XP39QgU86PXQrD5ZPBgprf1_3-utW57p77WCfWJVDNe51sQWzabFTeLQTkW5iTQNh2uB8D8MFRTsiJkiZBZo16KrQ/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2012-04-25+14.58.57.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7ULiEu3EPdtLnfCe1xmBDZz37WBd55g9zzTR1YLebPRW8HIZFrb3XP39QgU86PXQrD5ZPBgprf1_3-utW57p77WCfWJVDNe51sQWzabFTeLQTkW5iTQNh2uB8D8MFRTsiJkiZBZo16KrQ/s640/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2012-04-25+14.58.57.png" width="640" /></a></div>
<br />
<ul>
<li>chtt : タイトル</li>
<li>chs : 図のサイズ</li>
<li>chd : 各項目のパーセント,数値</li>
<li>chco: 各項目の色</li>
<li>chdl : 右の説明表の設定</li>
<li>chl : 各項目名</li>
</ul>
他にも棒グラフや折れ線グラフ等の定番チャートからQRコードとかも作ってくれる。<br />
とても便利すぎてびっくり。<br />
<a href="http://archiva.jp/web/tool/google_chart_api.html">Google Chart API グラフ画像のサンプル</a>にもたくさんサンプルがあり、使える!<br />
API使って効率よく作業をしていかなければ。<br />
<br />
<br />5a3ihttp://www.blogger.com/profile/13175275322494168993noreply@blogger.com0tag:blogger.com,1999:blog-3437368838788618019.post-87203875494621038882012-04-24T17:01:00.001+09:002012-04-24T17:01:25.690+09:00【etc】こりゃたまらん!ドットインストールたまたま発見した。<br />
<span style="font-size: large;"><br /></span><br />
<span style="font-size: large;">『<a href="http://dotinstall.com/home">ドットインストール</a>』</span><br />
<br />
初心者用のプログラミングサイトで一つの授業は3分程度。<br />
ささっと見れて逆に言うとささっと見れる分どんどん見てしまうー。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3bXRt_5lg8B-c-kqNJyN4tOpFC1MGGMq81h0DpEQsnOhEJIQn4JC5FuRXgjk71-q5uWQULrXWvMDedCwUqDt91Xs0aBefJ7x_Um9UvkejhuqYBF50auIMJvWAB_JdIQF0VFRELGxI1ast/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2012-04-24+16.58.17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="553" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3bXRt_5lg8B-c-kqNJyN4tOpFC1MGGMq81h0DpEQsnOhEJIQn4JC5FuRXgjk71-q5uWQULrXWvMDedCwUqDt91Xs0aBefJ7x_Um9UvkejhuqYBF50auIMJvWAB_JdIQF0VFRELGxI1ast/s640/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2012-04-24+16.58.17.png" width="640" /></a></div>
<br />
PHPとかJavaとかだけでなく、<br />
最近流行のTwitterbootstrapとかGoogleのAPIとかも受講できちゃう。<br />
これが全部ただって言うのがまたすごい。<br />
ぜひお試しあれ。<br />
<br />
こんな感じで結構コースも豊富なんです。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVOkvkKlv7v1uDAG9rI9OfgZ5krwvoUDNmBSjWzJB6c1JL_98mli1kMlnsVF4t-mLKCJE3_9aPLMHknbqRUy31R2PTjwuEuZUxLya7H0MUbWZKlZXFrNgjI1WBmkQe3n5DhjFjc9Flea7M/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2012-04-24+17.00.07.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="554" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVOkvkKlv7v1uDAG9rI9OfgZ5krwvoUDNmBSjWzJB6c1JL_98mli1kMlnsVF4t-mLKCJE3_9aPLMHknbqRUy31R2PTjwuEuZUxLya7H0MUbWZKlZXFrNgjI1WBmkQe3n5DhjFjc9Flea7M/s640/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2012-04-24+17.00.07.png" width="640" /></a></div>
<br />
<br />5a3ihttp://www.blogger.com/profile/13175275322494168993noreply@blogger.com0tag:blogger.com,1999:blog-3437368838788618019.post-52828724909908877712012-04-23T17:09:00.000+09:002012-04-23T17:09:01.919+09:00【tool】chromeデバッグツールchromeには標準装備でめちゃめちゃ優れた<br />
デバッグツールを搭載している。<br />
ただこいつの使い方を簡単に紹介しているサイトはないかなとか<br />
思って探していたら、あった。<br />
<br />
<br />
<center><a href="http://dl.dropbox.com/u/148989/slide/console.html#1">作業効率が10倍アップする Chrome Developer Tools の使い方</a></center><div>
<br /></div>
めちゃ簡潔に書かれていてわかりやすい。<br />
<div>
(全然関係ないけどタイトルにもあるように「10倍アップ〜」</div>
<div>
とかいう文言はとても魅力あるように感じるのは自分だけかな?</div>
<div>
別にその数字の信憑性など誰も問わないけどなんかクリックしてしまう。)</div>
<div>
<br /></div>
<div>
標準装備されているのに、全然使っていなかった自分に後悔。。</div>
<div>
JSもHTMLもこいつを使ってもっと効率よく開発をしたいね。</div>
<div>
<br /></div>
<div>
<br /></div>5a3ihttp://www.blogger.com/profile/13175275322494168993noreply@blogger.com0tag:blogger.com,1999:blog-3437368838788618019.post-49758289344597169822012-04-20T19:34:00.000+09:002012-04-20T19:34:01.214+09:00【iPhone App】面白いマップアプリ発見!!今日とても面白いiPhoneアプリを発見した!<br />
その名は『<span style="background-color: white; color: #474747; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; font-size: 22px; font-weight: bold; line-height: 28px; text-align: left;"><a href="http://itunes.apple.com/jp/app/rokesuma/id498923187?mt=8">ロケスマ</a></span>』。<br />
<img border="0" src="http://www.danshihack.com/wordpress/wp-content/uploads/2012/03/5d4d41d2b1b7f4ffba957cbfac509bcb-150x150.jpg" /><br />
<br />
なんか良質なスマホアプリってまだまだ少ないけど、<br />
これはなかなかよい!<br />
<br />
ロケスマは、お店や観光スポット、学校や病院、災害時避難場所などなど、さまざまな地点情報をスマートフォンで手軽に表示するアプリでgoogleで作ったマイマップなんかもとりこめる。<br />
<br />
これはバス停を選択したときのマップ。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYPHEQzWsN53Jv-TDBNiVloIGZH1-NUBX67TZ5CLPzFbgp08wLJQKKEDw3e4Qii44WCESnOVmGRXivOkSJdgJSLIPnYyz-NzrcuT3U4Jy82dva_z7DyJMmde2f5IHlb6HDVbcc_szPD9D1/s1600/IMG_0060.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYPHEQzWsN53Jv-TDBNiVloIGZH1-NUBX67TZ5CLPzFbgp08wLJQKKEDw3e4Qii44WCESnOVmGRXivOkSJdgJSLIPnYyz-NzrcuT3U4Jy82dva_z7DyJMmde2f5IHlb6HDVbcc_szPD9D1/s640/IMG_0060.PNG" title="" width="425" /></a></div>
<br />
<br />
ただしマイマップからリストを作るときに1点だけ問題が(しかもアプリ側の問題ではないw)!!<br />
<br />
googleマイマップからkmlで取り込んでねと言われたので、試してみたが、、<br />
『<span style="color: red; font-size: large;">マイマップのエクスポート(kml)の仕方がわからない!</span>』<br />
google map上ではインポートはあってもエクスポートがない!!<br />
<br />
どういうことやねんって思って調べたら、<br />
URLに『&output=kml&ge_fileext=.kml』をつければいいとわかり、なんとか解決ー。<br />
つまり、<br />
<fieldset>
1 google map上で、<br />
【マイプレイス】→【マイマップ】→【(自分で作った)カテゴリ】<br />
へ移動<br />
2 右上のリンクボタンを選択<br />
3 URLをコピーして、『&output=kml&ge_fileext=.kml』を後ろにつける。<br />
4 ロケスマのアプリ上でURLを入力する際に3のリンクをペーストすると完了! </fieldset>
<br />
他にもやり方があるかもしれないが、わからない人は試してみてほしい。<br />
<br />5a3ihttp://www.blogger.com/profile/13175275322494168993noreply@blogger.com0tag:blogger.com,1999:blog-3437368838788618019.post-25846741811094530802012-04-19T15:17:00.000+09:002012-04-19T15:17:24.971+09:00【web】イノベーションとマーケティング<br />
いつの<a href="http://gihyo.jp/magazine/WSE">Web Site Expert</a>か忘れたが、<br />
村上知紀さんがイノベーションについてイノベーションについて<br />
おもしろいことを書いていた。<br />
<br />
村上さん曰く、イノベーションを起点とした流れは以下の流れになっている。<br />
<div style="border: thick groove;">
1新しいサービスや技術やデバイスが出る(技術革新がおこる)<br />
2ユーザが技術革新に反応する。<br />
3ユーザの動きに応じてマーケティングの仕方が変わる。<br />
4マーケティングの変化に応じて企業が変わる</div>
<br />
最近で言えばiPhoneやAndroidのスマートフォンが出現してきて、<br />
それにユーザは反応し、そのユーザの流れに応じてマーケティングの手法も<br />
変えていくということらしい。<br />
ごもっともです。<br />
<br />
意外とマーケティングをするときって現時点で消費者は何を求めているかに<br />
注意しているものの少し先の未来の消費者が何を求めているかはわかっていない。<br />
というのも何が来るかわからないからである。<br />
じゃあなぜ予測できないのか。<br />
それは1の新しいサービスや技術に着目できていないからである。<br />
<br />
Webの世界の基本は情報技術にある。<br />
つまり情報技術の変化を追って少し先の消費者が何を欲しいと思うのか予測することが<br />
重要になる。<br />
先手必勝のweb業界ではこの予測と実行のスピードが勝敗を決めるのではないか。5a3ihttp://www.blogger.com/profile/13175275322494168993noreply@blogger.com0tag:blogger.com,1999:blog-3437368838788618019.post-73247366942761213282012-04-18T11:46:00.004+09:002012-04-18T11:46:45.655+09:00【symfony】index.phpをURLから消す!symfonyでアプリ開発を行っていて、<br />
URLからindex.phpを省略したいと思い調べた。<br />
するとアプリのsetting.ymlで設定ができることが判明!<br />
<br />
<b style="background-color: #cccccc;">setting.yml</b><br />
<table cellpadding="5" style="border-color: #eaa2b4; border-style: dotted; border-width: 3px;">
<tbody>
<tr>
<td height="100" width="300">prod:<br />
.settings<br />
no_script_name: on
</td>
</tr>
</tbody>
</table>
<br />
no_script_nameをoffにすればprod環境においてindex.phpは省略できる。<br />
もうsymfony2もとっくにリリースされているけど<br />
さきにsymfony1.x系をマスターしたいと思う今日このごろ。<br />
<br />
終わり5a3ihttp://www.blogger.com/profile/13175275322494168993noreply@blogger.com0tag:blogger.com,1999:blog-3437368838788618019.post-18548713488219425152012-04-16T17:36:00.003+09:002012-04-18T16:04:17.493+09:00【PHP】型の変換PHPで型を変換したいなーとか思ってググった。<br />
<br />
<h3>
<span style="color: red;"><b>
settype
</b></span></h3>
<table border="1" bordercolor="#333333" cellpadding="5" cellspacing="0" style="width: 500px;">
<tbody>
<tr>
<th>解説</th>
<td>変数の型をセットする</td>
</tr>
<tr>
<th rowspan="2">書式</th>
<td><code>bool <span class="func">settype</span>( mixed <span class="care">var</span>, string <span class="care">type</span> )</code></td>
</tr>
<tr>
<td><code>bool <span class="func">settype</span>( mixed <span class="care">変数</span>, string <span class="care">データ型</span> )</code></td>
</tr>
<tr class="arg">
<th rowspan="2">引数</th>
<td><code>var</code>
変数
</td>
</tr>
<tr class="arg">
<td><code>type</code>
データ型
</td></tr>
<tr>
<th>返値</th>
<td>TRUE(成功した時)/FALSE(失敗した時)</td>
</tr>
</tbody></table>
<br />
<div>
<br /></div>
<fieldset>
例:<br />
<?php<br />
$num = 1;<br />
settype($num, "string");</fieldset>
<br />
便利だなーとか思ってたけどキャストした方が早くねってことに気づいた。<br />
<br />
<fieldset>
例:<br />
<?php<br />
$num = (string)1;</fieldset>
<br />
頭が固いとこんなことをしてしまうね。。<br />
キャスト、キャスト、キャスト。<br />
よく覚えておこう。5a3ihttp://www.blogger.com/profile/13175275322494168993noreply@blogger.com0tag:blogger.com,1999:blog-3437368838788618019.post-14906238397602237502012-04-16T16:33:00.002+09:002012-04-18T16:04:47.026+09:00【etc】安藤美冬さんに共感!!久しぶりにびっくりするほど人に共感した。<br />
2012/4/15にTBSで放送された情熱大陸に出演の<a href="http://andomifuyu.com/">安藤美冬</a>さん。<br />
生き方が自分の理想型だわー<br />
<br />
何も肩書きを持たず、あらゆるビジネスをこなすノマドワーカーに自分もなりたい。<br />
もちろん何のスキルも持ってない今の自分では出来る生き方ではないかもしれないが、<br />
ノマドワーカーになるためにあれこれスキルを身につけていきたいと強く思った。<br />
<br />
安藤さんが紹介していた「<a href="http://www.amazon.co.jp/%E8%87%AA%E5%88%86%E3%81%AE%E4%B8%AD%E3%81%AB%E6%AF%92%E3%82%92%E6%8C%81%E3%81%A6%E2%80%95%E3%81%82%E3%81%AA%E3%81%9F%E3%81%AF%E2%80%9C%E5%B8%B8%E8%AD%98%E4%BA%BA%E9%96%93%E2%80%9D%E3%82%92%E6%8D%A8%E3%81%A6%E3%82%89%E3%82%8C%E3%82%8B%E3%81%8B-%E9%9D%92%E6%98%A5%E6%96%87%E5%BA%AB-%E5%B2%A1%E6%9C%AC-%E5%A4%AA%E9%83%8E/dp/4413090101/ref=sr_1_11?ie=UTF8&qid=1334561295&sr=8-11">自分の中に毒を持て</a>」(岡本太郎著)がめっちゃ読みたいので、早速本屋にでも行ってくるかのー<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://ec2.images-amazon.com/images/I/51FSEHVGFYL._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA300_SH20_OU09_.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://ec2.images-amazon.com/images/I/51FSEHVGFYL._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA300_SH20_OU09_.jpg" /></a></div>
<br />
<br />5a3ihttp://www.blogger.com/profile/13175275322494168993noreply@blogger.com0tag:blogger.com,1999:blog-3437368838788618019.post-57855787967972667202012-04-16T11:20:00.000+09:002012-04-18T16:05:21.974+09:00【マーケティング】webマーケティングの勉強(その2)webマーケティングで欠かせない要素として検索エンジンが挙げられる。<br />
<div>
ネットユーザは大抵検索エンジンを使って(ググって)ネットサーフィンしているからだ。</div>
<div>
なんで、今日は検索エンジン周りのマーケティング知識を勉強したついでにメモを残す。<br />
<br />
<br /></div>
<fieldset>
<legend><b><span style="color: red;">LPO(Landing Page Optimization)</span></b></legend>
ランディングページ最適化のことをさす。<br />
ユーザが求めているページにいかにして効率よくWebページに向かわせるかが重要である。<br />
ECサイトで家具を見たいユーザには家具カテゴリのページを提示したり、<br />
ユーザ登録したいユーザには登録ページに直結できるようにすること。<br />
最適化することでCVRなどを高めることが出来る。
</fieldset>
<br />
<fieldset>
<legend><b><span style="color: red;">リファラ</span></b></legend>参照元リンクのこと。<br />
LPOを実現するためにはリファラを洗い出して、<br />
ユーザがどのようにサイトに訪問してくれるのかを把握する必要がある。</fieldset>
<br />
<fieldset>
<legend><b><span style="color: red;">SEO(Search Engine Optimization)</span>
</b></legend>検索エンジン最適化のこと。<br />
ある特定の検索エンジンを対象として検索結果でより上位に現れるようにwebページを書き換えること。またその技術のこと。(<a href="http://ja.wikipedia.org/wiki/%E6%A4%9C%E7%B4%A2%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%B3%E6%9C%80%E9%81%A9%E5%8C%96">wikipedia</a>参照)</fieldset>5a3ihttp://www.blogger.com/profile/13175275322494168993noreply@blogger.com0tag:blogger.com,1999:blog-3437368838788618019.post-39954411279119303232012-04-13T21:38:00.000+09:002012-04-18T16:05:46.283+09:00【Mac】macでroot権限を有効にする!!自分はmacのlionさんユーザなのだが、<br />
今回php.iniファイルをいじろうと思っていたら困ったことに編集できない。。<br />
権限がないとのことで。。<br />
root権限+書き込み権限が必要つまりroot権限をどうにかしてつけたい!<br />
とかおもってたら、とても親切にappleのサポートに書いてあった。<br />
<br />
<br />
<br />
<br />
<center>
<a href="http://support.apple.com/kb/HT1528?viewlocale=ja_JP">『Mac OS X で「ルート」ユーザを有効にして使用する』</a>
</center>
lionさんもそれ以前のバージョンもすべて親切に書いてあった。。
さすがっす。<br />
<div>
<br /></div>
<div>
<span style="color: blue;">fin.</span></div>5a3ihttp://www.blogger.com/profile/13175275322494168993noreply@blogger.com0tag:blogger.com,1999:blog-3437368838788618019.post-32946900816732833542012-04-11T12:42:00.000+09:002012-04-18T16:06:02.093+09:00【マーケティング】webマーケティング勉強中ーエンジニアとして1年ほど勉強させてもらっているが、<br />
最近大事なことに気づいた。。。<br />
webマーケティングの知識がなさすぎる。。<br />
どれだけよいものを作れてもそれがどれほどの人にとって<br />
よいものとされるかはわからない。<br />
<br />
そこでwebマーケティングについて勉強を始めた。<br />
とりあえず参考書ということで取っ付きやすそうな以下の本を入手。<br />
<br />
<br />
<br />
<center>
『<a href="http://www.amazon.co.jp/%E3%83%9E%E3%83%B3%E3%82%AC%E3%81%A7%E3%82%8F%E3%81%8B%E3%82%8BWeb%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0-%E2%80%95Web%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%83%E3%82%BF%E3%83%BC%E7%9E%B3%E3%81%AE%E6%8C%91%E6%88%A6%EF%BC%81%E2%80%95-%E6%9D%91%E4%B8%8A-%E4%BD%B3%E4%BB%A3/dp/4844330160">マンガでわかるWebマーケティング</a>』<br />
</center>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://ec2.images-amazon.com/images/I/51boR5CcH5L._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA300_SH20_OU09_.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://ec2.images-amazon.com/images/I/51boR5CcH5L._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA300_SH20_OU09_.jpg" /></a></div>
<br />
ほんとに基礎から教えてくれる良本だと思う。<br />
今日はその中でも学んだ単語をメモ書き+自分なりの解釈を込めて、記載しておく。<br />
<br />
<br />
<br />
<article>
<h2>
<hr />
<ul>
<li>PV(page view)</li>
</ul>
</h2>
Webサイトで閲覧されたWebページ数。アクセス数をカウントする際に用いられる。<br />
<hr />
</article>
<article>
<h2>
<ul>
<li>UU(unique user)</li>
</ul>
</h2>
ある特定期間で訪れた重複をカウントしないユーザー数。</article><br />
<br />
<article><hr />
</article><article><h2>
<ul>
<li>セッション数</li>
</ul>
</h2>
調査期間内でのユーザの訪問数。例えば30分以内でのユーザのサイト訪問数は全部1回とカウントするとすると、あるユーザが1時間に1回、計3回サイトに訪問したとするとセッション数は3回だが、15分に1回、45分のウチに3回訪問した場合は2回でカウント(30分以内に2回訪問しているため)される。</article><article><article><hr />
</article><article><h2>
<ul>
<li>コンバージョン率</li>
</ul>
</h2>
<h3>
<span style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: small; font-weight: normal; line-height: 16px;">企業Webサイトの訪問者数に対する、そのサイトで商品を購入したり会員登録を行ったりした人の割合。マーケティングを考える上ではまずサイトに訪問してもらうことが大前提であり、その後、目標に応じて商品を購入してもらえるか、会員登録してもらえるかがポイントになる。どれだけPVが多くても結局商品は購入してもらえないのではECサイトとしてマーケティングが上手く出来ていないことになる。</span></h3>
</article></article><br />
<br />
<br />
<article><h2>
<hr />
<ul>
<li>CRM(Customer Relationship Management)</li>
</ul>
</h2>
<span style="background-color: white; color: #222222; font-family: arial, sans-serif; line-height: 16px;">情報システムを通じて長期的任企業と顧客の関係を築き上げること。顧客情報をDB管理することで企業と顧客の間でのやり取りを記録し、無駄なく適切な情報を顧客に提供することで良好な関係を築く。</span></article><article><span style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: x-small; line-height: 16px;"><br /></span></article><article><span style="background-color: white; color: #222222; font-family: arial, sans-serif; font-size: x-small; line-height: 16px;"><br /></span></article>5a3ihttp://www.blogger.com/profile/13175275322494168993noreply@blogger.com0tag:blogger.com,1999:blog-3437368838788618019.post-87240114279108987092012-04-01T22:53:00.000+09:002012-04-18T16:06:22.164+09:00【symfony2】symfony2にふれて<h2>
<b>symfony2にふれて</b></h2>
<div>
symfony2にちょろっと触ったので、メモを残す。</div>
<div>
<ul>
<li><b>ページ作成手順</b></li>
</ul>
<ol>
<li>ルート作成</li>
<li>コントローラ作成</li>
<li>テンプレート作成</li>
</ol>
<ul>
<li><b>ディレクトリ構成</b></li>
</ul>
<table border="1">
<tbody>
<tr>
<th>dirname</th>
<th>内容</th>
</tr>
<tr>
<td>web/</td>
<td>ウェブアセットとフロントコントローラ</td>
</tr>
<tr>
<td>src/</td>
<td>バンドルなどを配置</td>
</tr>
<tr>
<td>app/</td>
<td>設定</td>
</tr>
<tr>
<td>vendor/</td>
<td>サードパーティ</td>
</tr>
</tbody></table>
<b>
</b><br />
<br />
<ul>
<li><b>バンドル</b></li>
</ul>
プラグインの概念に近いらしい。symfony1.x系に触れていた人はfrontendの〜moduleのアクションクラスを〜のような感覚からするとどちらにも該当する概念ではないとのこと。<br />
バンドルの設定はapp/configで行う。詳しくは<a href="http://docs.symfony.gr.jp/sf2-blog-tutorial/03-create-bundle.html">symfony2日本語ドキュメント</a>へ。</div>5a3ihttp://www.blogger.com/profile/13175275322494168993noreply@blogger.com0