<p>4月1日から社会保険制度を実地するとミャンマー政府が発表しました。</p>
<p>ミャンマー人の中にはまだ「社会保険制度」って何？という人は少なくありません。</p>
<p>今回の新社会保険制度には社会保険住宅など以下のような社会保険制度が含まれています。</p>
<p>①　健康及び社会福祉保険、<br />
②　被扶養者支援保険、<br />
③　労働不可能になった場合の保険、<br />
④　年金保険、<br />
⑤　遺族保険、<br />
⑥　失業保険、<br />
⑦　労災保険、<br />
⑧　その他の社会保険（社会保険住宅プロジェクト）</p>
<p>その中で健康保険、被扶養者支援保険、労災保険の3つの制度が最初に実施することになります。</p>
<p>新聞には、雇用主側の負担と労働者側の負担の割合が書いてあり、健康保険は共に2％ずつ、労災保険は雇用者が1％の負担とありました。</p>
<p>そのほかにも、まだ実地していませんが、社会保険住宅プロジェクトというのがあり、毎月給料の25％を積み立て15年間継続すると、社会保険住宅に住むことができるという特権が得られるというのもあります。</p>
<p>この社会保険は6人以上の従業員を雇っているすべての企業に適用されるらしいです。</p>
<p>４月にはいろいろなことが変わり始めます。</p>
<p>①　ミャンマー国鉄の運賃は外国人もチャットで、外国人料金がなくなります。</p>
<p>②　中学校教育まで無償になります。</p>
<p>③　ヤンゴン市内の路上駐車場は有料になります。(今までも有料なのに！！！)</p>
<p>④　電気料金が値上げされます。　（1ユニット＝1.24ドル）</p>
<p>⑤　所得税、収入税（法人税）、商業税が厳しく取り立てられます。<br />
　　毎月16万チャット以上の収入がある人は皆、所得税を払わなければなりません。</p>
<p>⑥　外国製の酒類の輸入が解禁となり、関税 + 商業税 + 酒税　全部合わせて150％～300％の税率になりそうです。</p>


社会保険制度とミャンマー

<p>PHPは変数の型を自動変換するから、ときには思いもよらず結果になります。</p>
<p>今回はcsvファイルの中のデータをDBに入れる作業がありました。<br />
「0」の文字列がcsvファイルにありましたが、「0」のままではなく、空の文字列としてDBに入れたくて、下記のソースコードを書きましたが、<br />
結局、値のある（例えば、「タイプ」）ものまで、空の文字列でDBに入れてしまいました。</p>

		<div id="crayon-64953fd5998bd355601204" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
$type = "";
$typeInput = "タイプ";
if ($typeInput != 0) {
    $type = $typeInput;
}
var_dump($type);// string(0)""</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd5998bd355601204-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5998bd355601204-2">2</div><div class="crayon-num" data-line="crayon-64953fd5998bd355601204-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5998bd355601204-4">4</div><div class="crayon-num" data-line="crayon-64953fd5998bd355601204-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5998bd355601204-6">6</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd5998bd355601204-1"><span class="crayon-sy">$</span><span class="crayon-i">type</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">""</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5998bd355601204-2"><span class="crayon-sy">$</span><span class="crayon-i">typeInput</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">"タイプ"</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd5998bd355601204-3"><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">typeInput</span><span class="crayon-h"> </span><span class="crayon-sy">!</span>=<span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5998bd355601204-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">$</span><span class="crayon-i">type</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-i">typeInput</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd5998bd355601204-5"><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5998bd355601204-6"><span class="crayon-e">var_dump</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">type</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-c">// string(0)""</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<p>文字列との比較なら、「0」が文字列であることを明示的示す必要があります。</p>

		<div id="crayon-64953fd5998c1604733899" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
$type = "";
$typeInput = "タイプ";
if ($typeInput != '0') {
    $type = $typeInput;
}
var_dump($type);// 今回は空の文字列ではない</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd5998c1604733899-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5998c1604733899-2">2</div><div class="crayon-num" data-line="crayon-64953fd5998c1604733899-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5998c1604733899-4">4</div><div class="crayon-num" data-line="crayon-64953fd5998c1604733899-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5998c1604733899-6">6</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd5998c1604733899-1"><span class="crayon-sy">$</span><span class="crayon-i">type</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">""</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5998c1604733899-2"><span class="crayon-sy">$</span><span class="crayon-i">typeInput</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">"タイプ"</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd5998c1604733899-3"><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">typeInput</span><span class="crayon-h"> </span><span class="crayon-sy">!</span>=<span class="crayon-h"> </span><span class="crayon-s">'0'</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5998c1604733899-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">$</span><span class="crayon-i">type</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-i">typeInput</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd5998c1604733899-5"><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5998c1604733899-6"><span class="crayon-e">var_dump</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">type</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-c">// 今回は空の文字列ではない</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<p>ちなみに、PHPには形を変換する関数も用意されています。<br />
例えば、intvalとかboolvalなどがあります。<br />
変数の型を強制変換したい場合のみ、使ってください。</p>

【PHP】文字列と数字の比較

<h2>人気のナチュラル系カラコン</h3>
<p>最近使っている人が増えているカラーコンタクトレンズ、その中でも人気なのがナチュラル系のカラコンです。</p>
<p>少し前まではカラコンというとブルーやグリーンなどのコスプレをする際に着けたり、ビジュアル系バンドの方がよく着けている</p>
<p>なんとなく人間離れしている印象を与えるものでしたが、今人気なのは一見カラコンを着けているのが分からないような自然に見えるレンズ。</p>
<p>ブラウンや黒といった色で本来の瞳より色のついた部分が大きいので、大きなパッチリ目になれるという代物です、特に女の子たちの中でアイメイクの一部として定着してきています。</p>
<p>実はテレビでよく見る女性タレントさんやモデルさんの中にもナチュラル系のカラコンを着けているという人がたくさんいます。</p>
<p><a href="/uploads-archive/2014/03/eye_ba-e1395735630767.jpg"><img decoding="async" loading="lazy" class="size-medium wp-image-4562 aligncenter" alt="eye_ba" src="/uploads-archive/2014/03/eye_ba-e1395735630767-300x73.jpg" width="300" height="73" srcset="/uploads-archive/2014/03/eye_ba-e1395735630767-300x73.jpg 300w, /uploads-archive/2014/03/eye_ba-e1395735630767.jpg 591w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<h2>あなたの瞳の色は何色？</h3>
<p>このナチュラル系のカラコン</p>
<p>色んなメーカーからそれぞれナチュラル系のレンズが発売されていますが、カラーのラインナップは主に「濃褐色」「淡褐色」「黒」の３つがあります。濃褐色はブラウン、淡褐色はヘーゼルとも呼ばれる事があります。</p>
<p><a href="/uploads-archive/2014/03/6c53ee81a167dc61b4d8a91c4f1f5cae.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-4574" alt="ブラウン" src="/uploads-archive/2014/03/6c53ee81a167dc61b4d8a91c4f1f5cae-300x245.jpg" width="300" height="245" srcset="/uploads-archive/2014/03/6c53ee81a167dc61b4d8a91c4f1f5cae-300x245.jpg 300w, /uploads-archive/2014/03/6c53ee81a167dc61b4d8a91c4f1f5cae-228x186.jpg 228w, /uploads-archive/2014/03/6c53ee81a167dc61b4d8a91c4f1f5cae.jpg 732w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>濃褐色の瞳（出典 wikipedia)</p>
<p><a href="/uploads-archive/2014/03/15be3c6871d24c221badca61d8dfd0fd.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-4575" alt="ヘーゼル" src="/uploads-archive/2014/03/15be3c6871d24c221badca61d8dfd0fd-300x190.jpg" width="300" height="190" srcset="/uploads-archive/2014/03/15be3c6871d24c221badca61d8dfd0fd-300x190.jpg 300w, /uploads-archive/2014/03/15be3c6871d24c221badca61d8dfd0fd-228x144.jpg 228w, /uploads-archive/2014/03/15be3c6871d24c221badca61d8dfd0fd.jpg 543w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>濃褐色の瞳（出典 wikipedia)</p>
<p>例えばナチュラル系カラコンで人気の<a href="http://item.rakuten.co.jp/catseye-store/cc45/">「Ever Color 1day Natural　（エバーカラーワンデー・ナチュラル）」</a>では濃褐色が「ナチュラルブラウン」、淡褐色が「シャンパンブラウン」、黒が「ナチュラルブラック」というカラーが用意されています。</p>
<p>&nbsp;</p>
<p>この３つのカラーがラインナップとして多いのは日本人の瞳の色が主に、この３つだからです。日本人で最も多い瞳の色は濃褐色（ブラウン）で、およそ8割くらいが濃褐色（ブラウン）だと言われています。</p>
<p>瞳の色は体の中でつくられるメラニンの量が関係していて、メラニンの量が多いほど瞳の色が黒に近づく傾向にあります。目を守るために紫外線が強い地域の人ほどメラニンを多く必要とするので暖かい国の人は黒っぽく、紫外線量が少ない国の人ほど青や緑になりなります。</p>
<p>日本人では東北地方出身の人の中には淡褐色（ヘーゼル）の割合が多いと言われています。</p>
<p>&nbsp;</p>
<h2>ナチュラルに見せる秘訣は？</h3>
<p>カラコンでパッチリ目にしたいけどナチュラルでないと、いかにもカラコンを着けている感じが出てしまいがちです。</p>
<p>よりナチュラルでバレずに目を大きく見せるには、自分の目の色を知る事が大切です。本来の瞳の色に近いカラーのレンズを選ぶことで、違和感の無いパッチリ目が作れます。</p>
<p>ナチュラル系のカラコンを着けてみようかなと考えている人は、鏡で自分の瞳の色を確認してみましょう。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


よりナチュラルに見せるカラコンの選び方

<p style="text-align: center;"><span><span><span><span><span><span>Git and GitHub are awesome tools that make managing and administering lots of Git repositories. Our project can be hosted on github and they&#8217;re publicly accessible.</span></span></span></span></span></span></p>
<p><span><span><span><span><span><span>If we want to host private repo on GitHub, it&#8217;s possible with paid account starting at $ 7 per month for the Micro account (can set up 5 private repositories).</span></span></span></span></span></span></p>
<p><span><span><span><span><span><span>As alternative, we can choose BitBucket &#8211; .. A web-based hosting service for projects that use either the Mercurial or Git revision control systems Bitbucket offers both commercial plans and free accounts It offers free accounts with an unlimited number of private repositories (which can have up to five users in the case of free accounts).</span></span></span></span></span></span></p>
<p><span><span><span><span><span><span>Either choosing GitHub paid account or BitBucket for our secured private repo, it mean our project code are placed on third party servers.</span></span></span></span></span></span></p>
<p><span><span><span><span><span><span>So, if we want to use git revision control system, host project code on our own server and want to access that own git server with web-based UI, simple but powerful web based interface to your Git repositories is GitLab.</span></span></span></span></span></span></p>
<p><span><span><span><span><span><span><span><span>GidLad is self Hosted Git Management application / software.</span></span></span></span></span></span></span></span></p>
<p><img decoding="async" class="aligncenter" alt="gitlab" src="/uploads-archive/2014/03/Screenshot-from-2014-03-25-172542.png" width="600" /></p>
<p><span><span><span><span><span><span>You can host it on your own cloud server, control access as you see fit, and repo size is limited only by how much storage space your server has.</span></span></span></span></span></span></p>
<p><span><span><span><span><span><span>We can freely download GitLab community edition from https://www.gitlab.com/documentation/ and set up on our own server.</span></span></span></span></span></span></p>
<p><span><span><span><span><span><span>This is GitLab DEMO: http://demo.gitlab.com/users/sign_in</span></span></span></span></span></span></p>
<p><span><span><span><span><span><span>Enjoy!!</span></span></span></span></span></span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>


GitLab &#8211; Open Source Git Management Software

<p>本日は、htmlやcssはたまたjavascriptのソースを綺麗にしてくれるwebサービスを紹介します！<br />
もちろんお金等はかかりません。</p>
<p>綺麗に書くように意識しつつも、<br />
忙しい時期や、修正が繰り返し発生したりすると、<br />
ソースを綺麗にする意識はどこかにいってしまいがちですよね・・・(自分だけでしょうか？)</p>
<p>そんな時に、ソースを書き終わったら、<br />
このツールを使えば、ソースがあっという間にキレイになります。</p>
<p>&nbsp;</p>
<h2>PrpCSSor</h3>
<p><a href="http://procssor.com/process" target="_blank"><img decoding="async" loading="lazy" class="alignnone  wp-image-4547" alt="ProCSSor - Advanced CSS Prettifier" src="/uploads-archive/2014/03/ProCSSor-Advanced-CSS-Prettifier-1024x693.jpg" width="505" height="341" srcset="/uploads-archive/2014/03/ProCSSor-Advanced-CSS-Prettifier-1024x693.jpg 1024w, /uploads-archive/2014/03/ProCSSor-Advanced-CSS-Prettifier-300x203.jpg 300w, /uploads-archive/2014/03/ProCSSor-Advanced-CSS-Prettifier-228x154.jpg 228w, /uploads-archive/2014/03/ProCSSor-Advanced-CSS-Prettifier.jpg 1117w" sizes="(max-width: 505px) 100vw, 505px" /></a><br />
こちらはcss専用で、オプションが豊富です。</p>
<p>・インデントの設定（1から4の半角スペース）<br />
・括弧の位置の指定<br />
・複数セレクタ指定の際、改行or一行の選択<br />
・親子関係の際にインデントの指定</p>
<p><a href="http://procssor.com/process" class="link" target="_blank">PrpCSSor</a></p>
<h2>DIRTYMARKUP</h3>
<p><a href="http://www.dirtymarkup.com/" target="_blank"><img decoding="async" loading="lazy" class="alignnone  wp-image-4545" alt="Dirty Markup · Tidy and Beautify your HTML, CSS, and JavaScript code" src="/uploads-archive/2014/03/8ab85d8aa71b263d17bcea3157f6414b-1024x684.jpg" width="506" height="337" srcset="/uploads-archive/2014/03/8ab85d8aa71b263d17bcea3157f6414b-1024x684.jpg 1024w, /uploads-archive/2014/03/8ab85d8aa71b263d17bcea3157f6414b-300x200.jpg 300w, /uploads-archive/2014/03/8ab85d8aa71b263d17bcea3157f6414b-228x152.jpg 228w, /uploads-archive/2014/03/8ab85d8aa71b263d17bcea3157f6414b.jpg 1132w" sizes="(max-width: 506px) 100vw, 506px" /></a><br />
こちらは、html,css,javascriptも整形出来ます。<br />
デバック機能もあるようです。</p>
<p>・インデントの設定（1から4の半角スペース、タブ）</p>
<p><a href="http://www.dirtymarkup.com/" class="link" target="_blank">DIRTYMARKUP</a></p>
<h2>ＨＴＭＬ整形ツール（プチ・デバッグ機能付き）</h3>
<p><a href="http://u670.com/pikamap/htmlseikei.php" target="_blank"><img decoding="async" loading="lazy" class="alignnone  wp-image-4546" alt="ＨＴＭＬ整形ツール（プチ・デバッグ機能付き）" src="/uploads-archive/2014/03/a662cf4bc5d3b23a74685b9a8aed0a35-1024x693.jpg" width="503" height="340" srcset="/uploads-archive/2014/03/a662cf4bc5d3b23a74685b9a8aed0a35-1024x693.jpg 1024w, /uploads-archive/2014/03/a662cf4bc5d3b23a74685b9a8aed0a35-300x203.jpg 300w, /uploads-archive/2014/03/a662cf4bc5d3b23a74685b9a8aed0a35-228x154.jpg 228w, /uploads-archive/2014/03/a662cf4bc5d3b23a74685b9a8aed0a35.jpg 1117w" sizes="(max-width: 503px) 100vw, 503px" /></a><br />
こちらはHTMLのみになりますがシンプルなので、<br />
単純に整形したい場合は、こちらでやるのがいいかと思います。</p>
<p>・インデントの設定（1,2,4の半角スペースかタブ）<br />
名前の通りデバッグ機能もあるようです。</p>
<p><a href="http://u670.com/pikamap/htmlseikei.php" class="link" target="_blank">ＨＴＭＬ整形ツール（プチ・デバッグ機能付き）</a></p>
<p>個人的にはソースは汚すぎなければいいという考えですが、<br />
googleさんでhtmlが「こう書いたほうがいいよ」というレギュレーションがあるみたいなので、<br />
それに沿ってみようかなと思う今日この頃です。</p>
<p>それはコチラ</p>
<p><a href="http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml" target="_blank">Google HTML/CSS Style Guide</a></p>
<p>これを翻訳したのがコチラ、<br />
<a href="http://re-dzine.net/2012/05/google-htmlcss-style-guide/" target="_blank">「Google HTML/CSS Style Guide」を適当に和訳してみた | REFLECTDESIGN</a></p>
<p>中には、cssをアルファベット順に書くという面倒くさそうなものもあります・・・</p>
<p>googleが提唱しているのであれば、<br />
それにのっとるのがベストなのかもしれませんね・・・</p>


HTMLやCSSをキレイに整形してくれるオンラインツールご紹介

<p>テレビを見ている時にはそれほど気にはしないかもしれないが、ほぼ全ての映像には音楽やＳＥ（効果音）がつけられている。もし今テレビの近くにいるなら少しだけ電源を入れて観てもらえれば、どのチャンネルでも映像のバックで何かしらの音楽が流れているはずだ。</p>
<p>このＢＧＭやＳＥをつけているのが「音効さん」と呼ばれる仕事をしている人たちだ。音効とは音楽効果の略で、ほぼ全ての番組には専属の音効さんがいる。</p>
<p>音楽効果と聞くと時代劇の殺陣シーンに「カキン！」「グサッ！」といった音をおつけるような仕事をイメージするかもしれないが、そういったＳＥ以外にもシーンごとのＢＧＭをつけたり、バラエティ番組に笑い声を足したりと、音効さんの作業次第でＶＴＲの最終的な印象は大きく変わる。</p>
<p>実はこの音効さん、そのへんのタレントやテレビ局のお偉いさんよりも稼いでいる人が何人もいる。音効さんの仕事はＶＴＲにとってかなり重要なものだが、作業に対してのギャラがものすごく高いというわけではない。音効さんの中で稼いでいる人が存在するのには「からくり」がある。</p>
<p>その「からくり」は番組中に流れている曲に隠されている。</p>
<p>JASRAC（日本音楽著作権協会）という団体の名前を一度は聞いたことがあるのではないだろうか、知らない人はＣＤのケースやディスクを見てほしい。ほとんどのＣＤにはJASRACのマークがついているはずだ。</p>
<p>このJASRACは音楽の著作権を管理する団体で、JASRACに登録された曲の使用料を使用者からしっかり徴収し、作曲者や作詞者にきちんと配分するのが仕事だ。JASRACに登録された曲を使用する場合には、個人的に楽しむ場合を除いて音楽使用料が発生する。</p>
<p>この音楽使用料はカラオケでも発生しているし、もちろん、映画、ＣＭ、ラジオ、テレビでも発生している。YouTubeに動画をアップする際に著作権フリーの曲をわざわざつけたりするのも、この音楽使用料が発生してしまうためだ。</p>
<p>この音楽使用料は使用方法によって料金が違う、大きな媒体ほど１曲を１回使用する時の料金は高くなると言える。テレビ局の場合はルールが異なり、年間の放送事業収入の１．５％が音楽使用料となる。つまり年間で数億円の使用料をＪＡＳＲＡＣに支払っているのだ。ＪＡＳＲＡＣはこの使用料を使われた曲が多い順に権利者へ配分する。テレビでよく使われた曲の権利者は、その分多くの使用料がもらえるという仕組みだ。</p>
<p>ここで音効さんに話を戻そう。テレビ番組の曲を決めているのは音効さんである、つまりどの権利者がテレビ局が払う巨額の使用料をどれだけもらえるのを決めるは音効さん次第なのだ。</p>
<p>そして音効さんが稼ぐ「からくり」とはこうだ。音効さん自らがＢＧＭなどの曲を作りＪＡＳＲＡＣへ登録をする、その曲を自分が担当する番組の色んな場所で使用することで使用料が得るという事が出来てしまうのである。</p>
<p>これが平日の昼に毎日放送しているような帯番組といわれる情報バラエティやニュース番組の場合、担当している音効さんが毎回自分の曲を使用していれば相当な使用料になる。</p>
<p>音効さんではないが、過去に同じ番組を担当していた総合演出が自らオープニングテーマを作曲して使用していた。当時はテレビの演出も作曲もできるなんて凄いなと思っていたが、もしかしたら使用料狙いの行動だったのかもしれない。ちなみにその番組は平日に毎日やっていた帯番組だった。</p>
<p>正直テレビ業界で働いていても音楽使用料を抑えようという人はいない、人が気にせずに支払うお金をうまく得る事が成功の近道なのかもしれない。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


テレビ業界でタレントより稼いでいる裏方がいる！？

css3のtransformを使って画像のモーダルウィンドウを作ってみた

<p><strong>What&#8217;s hackathon?</strong></p>
<p>A <b>hackathon</b> (also known as a <b>hack day</b>, <b>hackfest</b> or <b>codefest</b>) is an event in which computer programmers and others involved in software development, including graphic designers, interface designers and project managers, collaborate intensively on software projects. Hackathons typically last between a day and a week. Some hackathons are intended simply for educational or social purposes, although in many cases the goal is to create usable software.</p>
<p>The word &#8220;hackathon&#8221; is the words of &#8220;hack&#8221; and &#8220;marathon&#8221;, where &#8220;hack&#8221; is used in the sense of playful, exploratory programming, not its alternate meaning as a reference to computer crime. (ref: http://en.wikipedia.org/wiki/Hackathon)</p>
<p><strong>Code for Change Myanmar</strong></p>
<p>A new initiative to help the tech community in Myanmar tackle some of the country&#8217;s most pressing problems. Code for Change Myanmar is supported by <a title="Internews" href="http://www.internews.org/" target="_blank">Internews</a>, an international NGO, whose mission is to empower people through better access to media and information. (ref: http://www.codeforchangemyanmar.org/)</p>
<p><strong>Who will involve?</strong></p>
<p>Myanmar’s young developers and designers join the event to develop the apps which would solve daily issues of the people.  The event is aimed at solving daily problems of the people with new ideas and technologies, according to its organizers.</p>
<p><em>Two main parties</em></p>
<p>#<em>problem solver#</em></p>
<p>__ Myanmar’s best developers, designers and entrepreneurs come together to use technology to solve some important problems in Myanmar. The problems are being submitted by NGOs/CSOs.</p>
<p>#<em>problem submitter</em>#</p>
<p>__NGO/CSO in Myanmar</p>
<p>__working on an important issue or problem and need technology help</p>
<p>__submit such problems to Myanmar’s first-ever hackathon.</p>
<p><strong>Hackathon Day in Myanmar</strong></p>
<p>&#8211; held on 15-16 March 2014 in Yangon.</p>
<p>The event brought developers, designers and entrepreneurs together for<strong> 48 hours</strong> to figure out ways in which technology could help address some key problems in Myanmar.</p>
<p><strong>Powered By</strong></p>
<p>&#8211; supported by <a title="The World Bank" href="http://www.worldbank.org/en/country/myanmar" target="_blank">The World Bank</a>, <a title="Ooredoo Myanmar" href="http://www.ooredoo.com.mm/" target="_blank">Ooredoo Myanmar</a>, and <a title="Singtech Myanmar" href="https://www.facebook.com/singtechmm" target="_blank">Singtech Myanmar</a></p>
<p>Myanmar&#8217;s first-ever hackathon event was successfully finished and the first price is won by &#8220;Nil Bug&#8221; team with the title of &#8220;Location-based pest alert and community network for farmers&#8221;.(Proud of you Myanmar guys)</p>
<p>As a summary:</p>
<ul>
<li>76 hackers</li>
<li>17 teams</li>
<li>8 NGOs’ problems</li>
<li>48 hours</li>
</ul>
<p>__credited to codeforchangemyanmar.org</p>
<p>__credited to http://blog.programmableweb.com/2011/08/08/the-evolving-face-of-the-hackathon/ for main image</p>
<p>Enjoy!!!</p>
<p>&nbsp;</p>


First Hackathon event in Myanmar

<p>symfony2の暗号化の仕組みを学んで、普通のプロジェクトでも使えるかと思います。</p>
<h2>流れ</h3>
<p>１、まずpasswordとsaltをmergeする。(merge後の文字列は、password.&#8221;{&#8220;.salt.&#8221;}&#8221; になる)<br />
２、merge後の文字列を指定アルゴリズム（md5、sha512など）で暗号化（phpのhash関数を使う、復号が不可能）<br />
３、指定回数（iterations）で重複して暗号化する。<br />
４、base64_encodeかbin2hexを使ってDBに保存</p>
<h2>設定ファイル</h3>
<p>symfony2のデフォルトのセキュリティ設定ファイルはapp/config/security.ymlです。</p>
<p></p>

		<div id="crayon-64953fd598fc9634978689" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
security:
    encoders:
        namespace/to/userclass:
            algorithm:  sha512 // 暗号化を使うアルゴリズム
            iterations: 10 // 暗号化をやり続ける回数
            encode_as_base64: true // encodeでbase64を使うか。falseならbin2hexを使う</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd598fc9634978689-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd598fc9634978689-2">2</div><div class="crayon-num" data-line="crayon-64953fd598fc9634978689-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd598fc9634978689-4">4</div><div class="crayon-num" data-line="crayon-64953fd598fc9634978689-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd598fc9634978689-6">6</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd598fc9634978689-1"><span class="crayon-i">security</span><span class="crayon-sy">:</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd598fc9634978689-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">encoders</span><span class="crayon-sy">:</span></div><div class="crayon-line" id="crayon-64953fd598fc9634978689-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-t">namespace</span>/<span class="crayon-st">to</span>/<span class="crayon-i">userclass</span><span class="crayon-sy">:</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd598fc9634978689-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">algorithm</span><span class="crayon-sy">:</span><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">sha512</span><span class="crayon-h"> </span><span class="crayon-c">// 暗号化を使うアルゴリズム</span></div><div class="crayon-line" id="crayon-64953fd598fc9634978689-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">iterations</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">10</span><span class="crayon-h"> </span><span class="crayon-c">// 暗号化をやり続ける回数</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd598fc9634978689-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">encode_as_base64</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">true</span><span class="crayon-h"> </span><span class="crayon-c">// encodeでbase64を使うか。falseならbin2hexを使う</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>

symfony2の暗号化

<p>ミャンマーのタンテー鉄道運輸相（Than Htay）は、ヤンゴン市内に9つの鉄道路線を開設する計画を示して国際協力機構（JICA）と交渉し、計画が開始されました。</p>
<p>新設予定の９つの路線は以下のどおりです。</p>
<p>①ヤンゴン国際空港 － ダウンタウン線、<br />
②オッチン（Oak Kyinn） － ラインタヤ（Hlaingthaya）線、<br />
③パラミ（Parami） － 北ダゴン線、<br />
④パラミ（Parami） － オッチン（Oak Kyinn）線、<br />
⑤ヤンゴン中心部 － ハンターワディ国際空港線、<br />
⑥ヤンゴン中心部 － ティラワ線、<br />
⑦マハーバンドゥーラ通り沿線（Mahabandula Road）、<br />
⑧コンテー通り沿線（Merchant Road）、<br />
⑨バインナウン通り沿線（Bayint Naung Road）。</p>
<p>「JICAとヤンゴン管区政府は、ヤンゴン都市圏開発プログラム形成準備調査（都市交通）（Comprehensive Urban Transport Plan of the Greater Yangon：YUTRA）について、2012年12月21日から2014年11月28日まで連携して活動を実施する。中期計画には、総延長10.5キロの地下鉄と総延長11.3キロのケーブル鉄道の新設も盛り込まれており、その初期調査を継続して行う」と発表しました。</p>
<p>ヤンゴン市内で毎日の公共交通は280万人をのぼる大量の利用者にも関わらずサービスレベルが低く、不十分な車両維持管理や無秩序な運転により、事故率が高くなっています。<br />
また、車内はいつも非常に混雑していることが問題と見られています。</p>
<p>市内のもう一つの公共交通機関である環状鉄道は平均運行速度15キロメートル／時と遅く、駅から周辺地域へ向かうためのバスなど他交通との連携も不便なため、利用率は3%程度にとどまっている。</p>
<p>今回の計画では、効果的または持続可能性のある公共交通システムおよび道路ネットワークによって、ヤンゴン都市の住民が、都市におけるさまさまなサービスへのアクセシビリティとモビリティを確保する事を目標としています。</p>
<p>なお、ミャンマー鉄道運輸省は、ミャンマーの主要路線であるヤンゴン － マンダレー線、ヤンゴン － ピイ（Pyay）線、マンダレー － ミッチーナー（Myitkyina）線、バゴー（Bago） － モーラミャイン（Mawlamyine） － イェー（Ye） － ダウェイ（Dawei）線とヤンゴン環状線を対象に、3兆チャット（約3000億円）を利用した改修計画を公表している。</p>
<p>(ミャンマー新聞より)</p>
<p>計画とおり進めてほしいですね！</p>


ヤンゴンに鉄道9路線新設

<p>ここ数年で「Hulu」や「ひかりＴＶ」といったＶＯＤ（　ビデオ・オン・デマンド）サービスに加入してスマホやタブレット端末で映画やドラマを観ているという人はかなり増えたという印象を受ける。通勤の電車や駅のホームで動画を観ている人は珍しくなくなった。</p>
<p>約１年前の数字では有料の動画配信サービスの利用率は５．８％（出典：動画配信ビジネス調査報告書2013）、単純計算で少なくとも７５０万人以上の人が利用している事になる。</p>
<p>筆者自身もHuluに加入して海外ドラマなどをよく観ているが、ＶＯＤサービスを利用している人なら一度くらいは疑問に思った事があるのではないだろうか？「日本のテレビ番組が充実していないな」と。最近は少しずつ増えてきてはいるものの、海外の映画やドラマに比べると、需要が高そうなバラエティ番組や過去に高視聴率を記録したようなドラマはほとんど観る事ができない。</p>
<p>ＤＶＤ販売で記録的なセールスを出しているバラエティ番組はたくさんある、ＤＶＤを出して売れるならＶＯＤでもコンテンツとしてアップすれば人気が出て稼げそうなものだがなかなか増えない。</p>
<p>これには日本のテレビ業界特有のライツ契約が理由のひとつにある。</p>
<p>ここで言うライツ契約とはテレビ番組の制作側（テレビ局側）と出演者側との間に交わされている契約の事だ。通常、日本の芸能界で芸能プロダクションに所属しているタレントたちは「日本音楽事業者協会」や「映像実演権利者合同機構」といった団体に加盟している。<strong><br />
</strong></p>
<p>これはタレントの著作権・肖像権を守ったり雇用環境を改善する為のもので、テレビ業界では「日本音楽事業者協会」は「音事協」、「「映像実演権利者合同機構」は 「プレ（PRE=Performers&#8217; Rights Entrustment)」と呼ばれることが多い。</p>
<p>この音事協やプレを介した出演者側とテレビ局側の契約というのは、平たく言うと「再放送をする場合にもきちんとギャラを払ってね」という事。実は過去にオンエアされた映像を再び放送で使用する際、テレビ局から出演者に再びギャラが払われている。</p>
<p>なぜ再放送にもギャラが発生するのかというと、地上波のテレビでは放送枠に限りがあるので再放送で時間が埋められてしまった場合、その分タレントが新たに出演する枠が削られてしまう。タレントの雇用を守るという理由で、そういった契約が結ばれているのだ。</p>
<p>これは番組をまるごと再放送する場合も、過去のＶＴＲを一部だけ使う場合でも出演していたらギャラが発生する。テレビ業界で働く制作の人間は「音事協」と聞くと、ちょっと気が重くなるものだ。それは音事協やプレといった団体はかなり力のある存在だからでもある。制作の現場に入ったばかりのＡＤは先輩から「音事協は怒らせるな」とよく言われたりするものだ。</p>
<p>こういった契約の存在がタレントが出演する映像の二次使用でネックになっているのである。ＶＯＤの場合、何万回も再生されることになりその度にギャラを払うわけにもいかないので新しい形の契約を作る必要があるだか、その動きが鈍いのが現状だ。</p>
<p>新番組の制作が決定してタレントに出演を依頼する際にも、番組を動画配信するとういう契約になっていない場合は多い。過去の番組はもちろんだが最近の新番組でもヒットするかどうかは放送してみないと分からないという事もあり、なかなか難しいようだ。</p>
<p>中国など海外の動画投稿サイトには次から次へと日本のテレビ番組がアップされ、今ではかなり色んな人気番組が観られる。早めに手を打たないと、わざわざお金を出さなくても中国のサイトで何でも観られる状況になり日本のテレビ業界は大損することになる。（既に手遅れかもしれないが）</p>
<p>今後テレビ業界が地上波以外で業績を伸ばせるかは、こうした契約の形を柔軟に変えられるかどうかにかかっている。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


なぜＶＯＤのコンテンツに日本のテレビ番組が少ないのか？

【git】eclipseでgitを使う

スライダーのアニメーションをマウスの位置によって変化するスクリプト

<p><b>Magento</b> is an <a title="Open source" href="http://en.wikipedia.org/wiki/Open_source">open source</a> e-commerce web application that was launched on March 31, 2008 under the name Bento. It was developed by Varien (now Magento, a division of eBay) with help from the programmers within the open source community but is now owned solely by eBay Inc.</p>
<p>Magento was built using parts of the <a title="Zend Framework" href="http://en.wikipedia.org/wiki/Zend_Framework">Zend Framework</a>. It uses the <a title="Entity–attribute–value model" href="http://en.wikipedia.org/wiki/Entity%E2%80%93attribute%E2%80%93value_model">entity-attribute-value</a> (EAV) <a title="Database model" href="http://en.wikipedia.org/wiki/Database_model">database model</a> to store data. (__http://en.wikipedia.org/wiki/Magento)<sup id="cite_ref-3"><a href="http://en.wikipedia.org/wiki/Magento#cite_note-3"><br />
</a></sup></p>
<p><strong>Sample Frontend</strong></p>
<p><img decoding="async" loading="lazy" class="aligncenter" alt="magento_front_end" src="/uploads-archive/2014/03/magento_front-ecommerce_01.jpg" width="450" height="400" /></p>
<p><strong>Sample Backend</strong></p>
<p><img decoding="async" loading="lazy" class="aligncenter" alt="magento_end_end" src="/uploads-archive/2014/03/magento-3.png" width="450" height="400" /></p>
<p>There are three different editions:</p>
<p>1) Magento Community Edition  __open source software and can be downloaded for free.</p>
<p style="padding-left: 30px;"><em>http://www.magentocommerce.com/download</em></p>
<p>2) Magento Enterprise Edition __the high performance, scalable eCommerce solution for fast-growing and large businesses.</p>
<p style="padding-left: 30px;"><em>http://enterprise.magento.com/</em></p>
<p>3) Magento Go __hosted eCommerce solution for small businesses just getting started in eCommerce.</p>
<p style="padding-left: 30px;"><em>http://go.magento.com/tour/</em></p>
<p>With thousands of great eCommerce extensions(both free or paid version for all three editions) to pick from Magento-Connect.</p>
<p style="padding-left: 30px;"><em>http://www.magentocommerce.com/magento-connect/</em></p>
<p><strong>Demo Site(Enterprise)</strong></p>
<p><strong>Front End</strong> &#8211; http://enterprise-demo.user.magentotrial.com/</p>
<p><strong>Back End</strong>  &#8211; http://enterprise-admin.user.magentotrial.com/admin</p>
<p>The Magento Community Edition has been downloaded over 4 Million times, giving Magento almost 10% of the eCommerce market share globally. In addition to this over 200,000 Merchants are reported to be using the Magento Platform and have 5,000+ plugins available to extend their eCommerce experiance. (__http://en.wikipedia.org/wiki/Magento)<sup id="cite_ref-13"><a href="http://en.wikipedia.org/wiki/Magento#cite_note-13"><br />
</a></sup></p>
<p>This is just a look through about an e-commerce software named Magento.</p>
<p>Enjoy reading!!!</p>


Quick glance about Ecommerce Software &#038; Solutions | Magento

<h2>ネイティブアプリ</h3>
<p>iOSアプリなら、Objective-C、Androidアプリなら、Javaを用いて開発するアプリの類型です。</p>
<h3>利点</h4>
<p>・App Store、Google Play Storeで配布できる<br />
・端末の機能・パフォーマンスを最大限に引き出すことができる<br />
・スマートフォン画面から直接起動できる</p>
<h3>欠点</h4>
<p>・iOS、Androidアプリ両方開発するなら、開発速度が比較的に遅くて、開発費用がかかる</p>
<h2>Webアプリ</h3>
<p>普通のウェブサイトでも、スマートフォンに最適化したものをWebアプリとも呼びます。</p>
<h3>利点</h4>
<p>・常に最新の状態で保てる<br />
・Web標準の技術を使うことができる<br />
・クロスプラットフォーム性がある<br />
・開発速度が速い・開発費が比較的低い</p>
<h3>欠点</h4>
<p>・ブラウザ経由でしか利用できない→マーケットに配布できないため<br />
・スマートフォンの特有機能を利用できない→Web技術しか利用できないから</p>
<h2>ハイブリッドアプリ</h3>
<p>Webアプリと同様にHTML・CSS・JavaScriptなどのWeb技術を用いて開発しますが、Webアプリとは違ってネイティブアプリのようにマーケットで配布することができます。</p>
<p>WebViewという、各プラットフォームにある共通のコンポーネントの使って、HTML・CSS・JavaScriptを解釈することができます。（WebViewが遅い、という声もありますが）</p>
<p>また、ネイティブブリッジと呼ばれる、JavaScriptからネイティブの機能を呼び出せる仕組みもあります。そのゆえ、ハイブリッドアプリはスマートフォンの特有機能（例えば、プッシュ）も使えます。</p>
<h3>利点</h4>
<p>・ネイティブアプリと同様にストアからインストールできる<br />
・クロスプラットフォーム性がある<br />
・ネイティブの機能を呼び出すことができる<br />
・Web技術のノウハウや資産を利用できる</p>
<h3>欠点</h4>
<p>・端末の性能をフルに利用するのが難しい<br />
・HTML5では原理的にできないような機能がある</p>
<h3>HTML5のAPI</h4>
<p>・WebStorage<br />
・IndexedDB<br />
・WebWorkers→Javascriptを並列処理を行うためのAPI<br />
・WebGL<br />
・File API<br />
・Canvas API</p>
<h3>JavaScriptライブラリ・フレームワーク</h4>
<p>・<a href="http://zeptojs.com/" target="_blank">Zepto.js</a>→jQuery互換の軽量ライブラリ<br />
・<a href="http://jquerymobile.com/" target="_blank">jQuery mobile</a>→jQuery依存<br />
・<a href="http://backbonejs.org/" target="_blank">Backbone.js</a>→パソコン向けでもモバイル向けでも利用できる軽量MVCフレームワーク<br />
・<a href="http://www.sencha.com/products/touch" target="_blank">Sencha Touch</a></p>
<h3>フレームワーク</h4>
<p>・<a href="https://cordova.apache.org/" target="_blank">Apache Cordova（PhoneGap）</a>→iOSとAndroidだけではなく、Windows Phone、Symbian、BlackBerry OS、webOSなども対応<br />
・<a href="https://github.com/mixi-inc/triaina" target="_blank">Triaina</a>→mixiが出している</p>
<h3>サーバ・クラウド環境</h4>
<p>・PhoneGap Bulid→PhoneGapのWebサービス版→WindowsマシンでもiOSアプリをビルドすることができる<br />
・Trigger.io<br />
・Monaca<br />
・Icenium</p>


スマートフォンアプリの開発手法

<p>恐ろしいツールを発見しました。</p>
<p>『GoogleWebDesigner』<br />
<a href="https://www.google.com/webdesigner/" target="_blank">Google Web Designer</a></p>
<p>これは、Photoshop,Illustlator,dreamweaverを混ぜたようなデザインツールで、<br />
今は、広告バナー等の作成用っぽい感じですが、<br />
アニメーションつけたり、3Dにできたり、<br />
デザインしたものがHTML5,css3で出力されるというものです。</p>
<p>ちょっとダウンロードして起動してみました。</p>
<p><a href="/uploads-archive/2014/03/googlewebdesigner01.png"><img decoding="async" loading="lazy" class="alignnone  wp-image-4404" alt="googlewebdesigner01" src="/uploads-archive/2014/03/googlewebdesigner01-1024x649.png" width="655" height="415" srcset="/uploads-archive/2014/03/googlewebdesigner01-1024x649.png 1024w, /uploads-archive/2014/03/googlewebdesigner01-300x190.png 300w, /uploads-archive/2014/03/googlewebdesigner01-228x144.png 228w, /uploads-archive/2014/03/googlewebdesigner01.png 1223w" sizes="(max-width: 655px) 100vw, 655px" /></a></p>
<p>まさしく、Photoshop,Illustlatorっぽいですね！</p>
<p>&nbsp;</p>
<p>ファイルの新規作成を押すと、<br />
<img decoding="async" loading="lazy" class="alignnone size-large wp-image-4403" alt="googlewebdesigner02" src="/uploads-archive/2014/03/googlewebdesigner02-1024x652.png" width="655" height="417" srcset="/uploads-archive/2014/03/googlewebdesigner02-1024x652.png 1024w, /uploads-archive/2014/03/googlewebdesigner02-300x191.png 300w, /uploads-archive/2014/03/googlewebdesigner02-228x145.png 228w, /uploads-archive/2014/03/googlewebdesigner02.png 1214w" sizes="(max-width: 655px) 100vw, 655px" /></p>
<p>googleの広告を作る用に設定できますし、左下にあるHTMLを選択すると、空のhtmlファイルを作成し、<br />
dreamweaverのようにコーディングすることができます(機能はそこまでないですが・・・)。</p>
<p>&nbsp;</p>
<p>バナーを選択し、ファイルを作成すると、<br />
<img decoding="async" loading="lazy" class="alignnone size-large wp-image-4405" alt="googlewebdesigner03" src="/uploads-archive/2014/03/googlewebdesigner03-1024x652.png" width="655" height="417" srcset="/uploads-archive/2014/03/googlewebdesigner03-1024x652.png 1024w, /uploads-archive/2014/03/googlewebdesigner03-300x191.png 300w, /uploads-archive/2014/03/googlewebdesigner03-228x145.png 228w, /uploads-archive/2014/03/googlewebdesigner03.png 1214w" sizes="(max-width: 655px) 100vw, 655px" /></p>
<p>カンバスが表示され、ここにコンテンツを置いたりし作成できるようです。出力はHTMLでされます。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone  wp-image-4406" alt="googlewebdesigner04" src="/uploads-archive/2014/03/googlewebdesigner04-1024x654.png" width="655" height="418" srcset="/uploads-archive/2014/03/googlewebdesigner04-1024x654.png 1024w, /uploads-archive/2014/03/googlewebdesigner04-300x191.png 300w, /uploads-archive/2014/03/googlewebdesigner04-228x145.png 228w, /uploads-archive/2014/03/googlewebdesigner04.png 1212w" sizes="(max-width: 655px) 100vw, 655px" /></p>
<p>かなり少ししかいじってないのですが、文字を置いたりコンテンツを置いたりすると、<br />
そこが何の要素かがわかるようになっており、上の画面は閉じている状態ですが、右下の方にCSSが表示されます。</p>
<p>さらにカンバスの下にはアニメーションを設定できるエリアがあります。</p>
<p>時間の問題で少ししか試せなかったのですが、<br />
基本的にはHTMLのファイルのようなので、<br />
感覚的には、dreamweaverでデザインが出来るようになったみたいでした。</p>
<p>&nbsp;</p>
<p>まだベータ版なので、<br />
これからどんどんバージョンアップしていくと思います。</p>
<p>「webサイトをデザインしながらコーディングもされる」みたいな形になっていくのでしょうか？<br />
これが無料ですからね〜<br />
Adobeさん大丈夫ですかね？！</p>
<p>その前に自身の心配もしなくてはいけないんですが笑<br />
このツールによって、コンテンツ作成するハードルは下がるわけなので、<br />
今すぐではないですが近い将来少なからず影響はあるのかなと思います。</p>
<p>ただ、こういったツールは、<br />
技術的なハードル(アニメーション,3D,コーディング等)が下がるだけであって、<br />
結局は、デザイン力、アイデアが必要になります。</p>
<p>ですので、我々は今後そこを高めていき、<br />
我々にしかできない価値を提供出来るようになっていかないといけないですね！</p>
<p>このツールの誕生によって、<br />
改めてその考えが強まりました・・・</p>


何だこのツールは？！無料ツール『GoogleWebDesigner』

<p><img decoding="async" src="/uploads-archive/2014/03/thirawa.jpeg" alt="ティラワ"><br />
ティラワの株式販売が昨日(2014年3月3日)から販売開始しました。</p>
<p>ミャンマー・ジャパン・ティラワ・デベロップメント社とティラワ経済特区の発展事業に投資するため設立したもので、この会社に投資したい国民に対し昨日から販売する事になりました。</p>
<p>1株の価格は１万チャット(1千円)で、210万株を国民に対して販売する予定です。</p>
<p>小口の購入者を優先的に販売する。</p>
<p>株式を購入希望の人は、ミャンマーティラワSEZホールディング公開株式会社、ミャンマー商工会議所本部、ティラワ経済特区経営委員会（タンリン～チャウタン道路、ダゴン～ティラワ道路の交差点）住宅局、ネピドー、ヤンゴン、マンダレー市などのヨーマ銀行、CB銀行、エヤーワディ銀行、ミャンマーシェサウン銀行、カンボーザ銀行、などで購入申し込み用紙を入手できる。</p>
<p>住所：ヤンゴン市ランマドー郡区ミンイェーチョーゾワ通り29番地UMFCCIタワー11階<br />
電話：95-1-2301772, 2301773</p>


ティラワの株式販売開始

<p>In our daily conversation or text messaging, we used to use &#8216;thanks or thank you&#8217; frequently.<br />
Here are some more detail and correct usages of it.</p>
<p>In English, &#8216;thank you&#8217; is more formal and polite usage than &#8216;thanks&#8217;.</p>
<table style="width: 100%;" border="0" cellspacing="5" cellpadding="5">
<tbody>
<tr>
<td style="text-align: center;">
<h2><em><strong>Thank you</strong></em></h2>
</td>
<td style="text-align: center;">
<h2><em><strong>Thanks</strong></em></h2>
</td>
</tr>
<tr>
<td><span style="font-size: small;">&#8211; <em>formal</em></span>&nbsp;</p>
<p><span style="font-size: small;">&#8211; thank you very much</span></p>
<p><span style="font-size: small;">&#8211; thank you ever so much</span></p>
<p><span style="font-size: small;">&#8211; <span style="color: #ff0000;">thank you a lot</span></span></p>
<p><span style="font-size: small;">&#8211; thank you very much indeed</span></p>
<p><span style="font-size: small;">&#8211; <span style="color: #ff0000;">thank you indeed</span></span></p>
<p><span style="font-size: small;">&#8211; thank heavens, thank goodness</span></p>
<p><span style="font-size: small;">&#8211; <span style="color: #ff0000;">thank you heavens, thank you goodness</span></span></p>
<p><span style="font-size: small;">&#8211; thank you for + ving (thank you for coming)</span></p>
<p><span style="font-size: small;">&#8211; <span style="color: #ff0000;">thank you for your coming</span></span></p>
<p>&nbsp;</td>
<td style="text-align: left;"><span style="font-size: small;">&#8211; <em>informal</em></span>&nbsp;</p>
<p><span style="font-size: small;">&#8211;<span style="color: #ff0000;"> thanks you </span></span></p>
<p><span style="font-size: small;">&#8211; thanks very much</span></p>
<p><span style="font-size: small;">&#8211; thanks a lot</span></p>
<p><span style="font-size: small;">&#8211; thanks very much indeed</span></p>
<p><span style="font-size: small;">&#8211; <span style="color: #ff0000;">thanks heavens, thanks goodness</span></span></p>
<p><span style="font-size: small;">&#8211; thanks for coming</span></td>
</tr>
</tbody>
</table>
<p>yes, please (thank you)</p>
<p>If someone offers like that, <em>would you like another piece of cake?</em></p>
<p><em>yes, please (or) thank you (or) thanks</em></p>
<p>&#8211; <span style="color: #ff0000;">Yes, thanks (when you accept other offer)</span></p>
<p>when deny others offer,</p>
<p>&#8211; No, thank you. (or) No, thanks</p>
<p>It&#8217;s OK -&gt; yes, thanks</p>
<p>How to reply if other people say &#8216;thank you&#8217; / &#8216;thanks&#8217; to you,</p>
<p>&#8211; Not at all</p>
<p>&#8211; You&#8217;re welcome</p>
<p>&#8211; Don&#8217;t mention it</p>
<p>&#8211; That&#8217;s all right</p>
<p>&#8211; That&#8217;s OK</p>
<p>Enjoy!!!</p>
<p>__credited to Teacher HayMar</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - Author: スターフィールド編集部

2014/04/02

2014/04/01

2014/03/26

2014/03/26

2014/03/26

2014/03/19

2014/03/19

2014/03/19

2014/03/19

2014/03/18

2014/03/17

2014/03/12

2014/03/12

2014/03/11

2014/03/05

2014/03/04

2014/03/04

2014/02/26