<p>我々が普段生活している中では、気づかないところでコンピュータが生み出す「ランダム（乱数）」にお世話になっています。</p>
<p>スマホのゲームでガチャを回した時、アタリつき自動販売機で飲み物を買った時、モンテカルロ法シミュレーションを実行する時とさまざまです。</p>
<p>20年くらい前に日本人の数学者グループが考案した「メルセンヌツイスタ（MT）」と呼ばれる疑似乱数生成アルゴリズムは多くのプログラミング言語に実装され、今では疑似乱数が欲しいときのデファクトスタンダードになってるんじゃないでしょうか。</p>
<p>疑似乱数とは、乱暴に言っちゃえば「数が出るパターンに周期があるから、厳密には正しくないけど、だいたいランダムな数字の集まり」というものです。詳しいことは専門家の説明を読みましょう。疑似乱数の質はCPUの計算速度とメモリ量で決定するのですが、その中で効率が良い方法のひとつがMTなのです。MTの乱数周期は2<sup>19937</sup>-1と、とても長いので実用に耐えられるわけです。</p>
<p>余談ですが計算資源が貧弱な頃、例えば8bit、16bit時代のテレビゲームは1から255までの数字を良い具合に散らしたテーブルで保持する、なんて無茶をやってます。この場合、乱数列周期2<sup>8</sup>-1非常に短い。</p>
<p>一方、RSA暗号キーの生成など、暗号を作るときには周期性がある疑似乱数を使うと解読される可能性があります。そのため、キーを生成する際に「マウスを無作為に動かせ」「キーボードのキーをしっちゃかめっちゃかに叩け」といった指示が出ていた時代もありました。人為的なランダム入力を乱数の元にしていたわけです。</p>
<p>ところが10年くらい前から、CPUが持つ熱雑音などをもとに暗号化用の乱数がPCのハードウェアから取得できるようになりました。Linux処理系だと/dev/random、/dev/urandomがそれに該当します。</p>
<p>/dev/randomをファイルとして読み出すだけで、システムに溜まっている乱数が手に入ります。ただし、保持している情報量には限りがあるため、次の乱数が生成されるまで「処理をブロッキングする」か「疑似乱数で代用する」という限定条件があります。</p>
<p>前置きが長くなりました。その良質な乱数である/dev/randomがMTの乱数生成の代わりになるかどうか、を簡単なプログラムで検証してみました。</p>
<p>ちなみにphpであれば</p>
<div>


		<div id="crayon-6495402649157027523049" 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;">
hexdec(bin2hex(file_get_contents('/dev/urandom', false, NULL, 0, 4)));</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-6495402649157027523049-1">1</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-6495402649157027523049-1"><span class="crayon-e">hexdec</span><span class="crayon-sy">(</span><span class="crayon-e">bin2hex</span><span class="crayon-sy">(</span><span class="crayon-e">file_get_contents</span><span class="crayon-sy">(</span><span class="crayon-s">'/dev/urandom'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-t">false</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-t">NULL</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-cn">4</span><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>


</div>
<p>これで4byte=32bit長の乱数が整数で入手できます。</p>
<p>ひたすらループを繰り返して、乱数を生成するテストプログラムを私のphp開発環境にて実行してみました。</p>
<table>
<tbody>
<tr>
<td>試行回数(回)</td>
<td>MT<br />
(10,000,000回ループ)</td>
<td>/dev/random<br />
(10,000回ループ)</td>
</tr>
<tr>
<td style="text-align: right;">1</td>
<td style="text-align: right;">2.84585</td>
<td style="text-align: right;">9.743988</td>
</tr>
<tr>
<td style="text-align: right;">2</td>
<td style="text-align: right;">2.868848</td>
<td style="text-align: right;">9.796494</td>
</tr>
<tr>
<td style="text-align: right;">3</td>
<td style="text-align: right;">2.865435</td>
<td style="text-align: right;">9.752865</td>
</tr>
<tr>
<td style="text-align: right;">4</td>
<td style="text-align: right;">2.836898</td>
<td style="text-align: right;">10.043154</td>
</tr>
<tr>
<td style="text-align: right;">5</td>
<td style="text-align: right;">2.832968</td>
<td style="text-align: right;">9.751514</td>
</tr>
<tr>
<td style="text-align: right;">6</td>
<td style="text-align: right;">2.866058</td>
<td style="text-align: right;">9.690516</td>
</tr>
<tr>
<td style="text-align: right;">7</td>
<td style="text-align: right;">2.91101</td>
<td style="text-align: right;">9.747249</td>
</tr>
<tr>
<td style="text-align: right;">8</td>
<td style="text-align: right;">2.857296</td>
<td style="text-align: right;">10.180832</td>
</tr>
<tr>
<td style="text-align: right;">9</td>
<td style="text-align: right;">2.856203</td>
<td style="text-align: right;">10.204445</td>
</tr>
<tr>
<td style="text-align: right;">10</td>
<td style="text-align: right;">2.872247</td>
<td style="text-align: right;">10.323912</td>
</tr>
<tr>
<td style="text-align: right;">平均</td>
<td style="text-align: right;">2.8612813</td>
<td style="text-align: right;">9.9234969</td>
</tr>
</tbody>
</table>
<p>結論から言えば、実行速度的に比べる必要もありませんでした。速度差およそ300倍。</p>
<p>しかし、/dev/randomからの乱数取得も実装コストが低いため、用途と利用シーンによっては利用することも検討してよいのでは、と思います。</p>
<p>&nbsp;</p>

その乱数、適切ですか？

<p><span style="font-family: georgia, palatino, serif;">はじめまして、<span style="font-family: tahoma, arial, helvetica, sans-serif;">4</span>月からプログラマとして働きはじめたmotokiと申します。</span></p>
<p><span style="font-family: georgia, palatino, serif;">さてさて、発売日が発表され、じわじわと詳細が明らかになるドラゴンクエスト<span style="font-family: tahoma, arial, helvetica, sans-serif;">11</span>。<span style="font-family: tahoma, arial, helvetica, sans-serif;">PS4</span>版か、<span style="font-family: tahoma, arial, helvetica, sans-serif;">3DS</span>版か悩みますよね。</span><br />
<span style="font-family: georgia, palatino, serif;"> 今回のドラクエ11には「ふっかつのじゅもん」機能が復活するとのことで、ファミコン時代を思い出すピコピコ<del><span style="font-family: georgia, palatino, serif;">おじさん</span></del>おにいさんは多いと思います。私もそうです。</span></p>
<p><span style="font-family: georgia, palatino, serif;">復活の呪文をご存じない方へ端的に説明すると「ゲームの進行状態を電子データとして保存せず、代わりに文字列として書き出しておき、それを利用してゲームを再開する」という、今時の感覚からすれば謎の仕様ですね。</span><span style="font-family: georgia, palatino, serif;">ゲームカセットに電池を搭載して<span style="font-family: tahoma, arial, helvetica, sans-serif;">RAM</span>の状態を保持する技術が普及し、フラッシュメモリが浸透し、クラウド保存があたりまえになった今では逆に新しく感じるかもしれません。</span></p>
<p><span style="font-family: georgia, palatino, serif;">ドラクエ11でも現在の進行状態を「復活の呪文」化することで、だいたい同じ進行度を維持したまま別環境で再現できる、とのことで、ゲーム解析勢がどれくらい無茶なことをするのか今からワクワクしています。また、過去のドラクエ1や2で使えた復活の呪文も転用できるそうです。ではここで、復活の呪文の仕組みについてプログラミングの観点から簡単に解説します。大丈夫、ギリギリ技術ブログです。</span></p>
<p><span style="font-family: georgia, palatino, serif;">ドラクエ1と2では使える文字数・種類に違いがありますが、どちらの復活の呪文も「ひらがな＋濁音文字＋半濁音」から<span style="font-family: tahoma, arial, helvetica, sans-serif;">64</span>文字を用います。この<span style="font-family: tahoma, arial, helvetica, sans-serif;">64</span>文字にピンとくる人も居るんじゃないでしょうか。実は、メールの添付ファイル符号化などに使われる<span style="font-family: tahoma, arial, helvetica, sans-serif;">base64</span>とほぼ同じ技術です。おっ、技術ブログらしくなってきましたね。</span></p>
<p><span style="font-family: georgia, palatino, serif;">というわけで、ドラクエのことはひとまず置いて、<span style="font-family: tahoma, arial, helvetica, sans-serif;">base64</span>について解説したいと思います。これは電子メールのデータ転送が<span style="font-family: tahoma, arial, helvetica, sans-serif;">7bit</span>単位で行なわれる規格であるため、<span style="font-family: tahoma, arial, helvetica, sans-serif;">8bit</span>めのデータ欠損を起こさず転送する方法の一つとして生まれた符号化規格です。電子メールに半角カタカナを使っちゃいけない、っていう謎ルールもこの辺が由来です。</span></p>
<p><span style="font-family: georgia, palatino, serif;"><span style="font-family: tahoma, arial, helvetica, sans-serif;">8bit</span>の情報を<span style="font-family: tahoma, arial, helvetica, sans-serif;">3</span>つまとめて、<span style="font-family: tahoma, arial, helvetica, sans-serif;">6bit</span>ごと<span style="font-family: tahoma, arial, helvetica, sans-serif;">4</span>つに分割します。<span style="font-family: tahoma, arial, helvetica, sans-serif;">6bit</span>で表現可能な範囲は<span style="font-family: tahoma, arial, helvetica, sans-serif;">0</span>から<span style="font-family: tahoma, arial, helvetica, sans-serif;">63</span>まで。それぞれの値を<span style="font-family: tahoma, arial, helvetica, sans-serif;">64</span>個の文字に置き換えます。<span style="font-family: tahoma, arial, helvetica, sans-serif;">3</span>で割り切れない場合の<span style="font-family: tahoma, arial, helvetica, sans-serif;">bit</span>情報もひとまず<span style="font-family: tahoma, arial, helvetica, sans-serif;">6bit</span>ごとに分割して、残りは&#8221;=&#8221;記号で埋めます。以上、ここまでが<span style="font-family: tahoma, arial, helvetica, sans-serif;">base64</span>エンコードを簡単に説明したものです。デコードはこの手順を逆に行います。以下はデータと文字の関係について変換表にまとめたものです。</span></p>
<div id="attachment_12882" style="width: 610px" class="wp-caption alignnone"><a href="/admin/wp-content/uploads/2017/05/base64.png"><img aria-describedby="caption-attachment-12882" decoding="async" loading="lazy" class="wp-image-12882" src="/admin/wp-content/uploads/2017/05/base64-1024x597.png" alt="base64変換表" width="600" height="350" srcset="/uploads-archive/2017/05/base64-1024x597.png 1024w, /uploads-archive/2017/05/base64-300x175.png 300w, /uploads-archive/2017/05/base64-768x448.png 768w, /uploads-archive/2017/05/base64-228x133.png 228w, /uploads-archive/2017/05/base64.png 1044w" sizes="(max-width: 600px) 100vw, 600px" /></a><p id="caption-attachment-12882" class="wp-caption-text"><span style="font-family: tahoma, arial, helvetica, sans-serif;">base64</span>変換表</p></div>
<p><span style="font-family: georgia, palatino, serif;">それでは実際に短いデータ”STERFIELD”という文字列を<span style="font-family: tahoma, arial, helvetica, sans-serif;">base64</span>エンコードしてみましょう。</span></p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-12894" src="/admin/wp-content/uploads/2017/05/sterfield.png" alt="" width="222" height="380" srcset="/uploads-archive/2017/05/sterfield.png 222w, /uploads-archive/2017/05/sterfield-175x300.png 175w" sizes="(max-width: 222px) 100vw, 222px" /></p>
<p><span style="font-family: georgia, palatino, serif;">上記は”STERFIELD”を1文字ずつ文字コードを16進数化したものです。これらを連結すると以下のビット列になります。</span></p>
<p><code>010100110101010001000101010100100100011001001001010001010100110001000100</code></p>
<p><span style="font-family: georgia, palatino, serif;">これを6桁ずつに区切ります。</span></p>
<p><code>010100 110101 010001 000101 010100 100100 011001 001001 010001 010100 110001 000100</code></p>
<p><span style="font-family: georgia, palatino, serif;">6桁ずつ上の表に従って文字を割り当てていきます。</span><br />
<code>U1RFUkZJRUxE</code><br />
<span style="font-family: georgia, palatino, serif;">あら不思議、<span style="font-family: tahoma, arial, helvetica, sans-serif;">base64</span>エンコードの完了です。</span></p>
<p><span style="font-family: georgia, palatino, serif;">お待たせしました。ドラクエの話に戻りましょう。前述した<span style="font-family: tahoma, arial, helvetica, sans-serif;">base64</span>変換表の&#8221;A&#8221;から&#8221;/&#8221;までの文字の代わりに、後述するひらがなを割り当てれば、復活の呪文風エンコーダ・デコーダが作れますね。（ドラクエのデコーダ実装上でのひらがなの順番はよく分かりません……）</span></p>
<p><span style="font-family: georgia, palatino, serif;">ついでなので、それぞれのドラクエの復活の呪文がどれだけのデータを保持していたのか、計算してみましょう。</span></p>
<table>
<tbody>
<tr>
<td></td>
<td> 使用文字</td>
<td>復活の呪文長</td>
<td>実データ長</td>
</tr>
<tr>
<td>ドラクエ1</td>
<td>あいうえお<br />
かきくけこ<br />
さしすせそ<br />
たちつてと<br />
なにぬねの<br />
はひふへほ<br />
まみむめも<br />
らりるれろ<br />
やゆよわ<br />
がぎぐげご<br />
ざじずぜぞ<br />
だぢづでど<br />
ばびぶべぼ</td>
<td>20文字固定</td>
<td><span style="font-family: tahoma, arial, helvetica, sans-serif;">6(bit)×20＝120(bit)</span><span style="font-family: tahoma, arial, helvetica, sans-serif;">＝15</span>バイト相当</td>
</tr>
<tr>
<td>ドラクエ2</td>
<td>あいうえお<br />
かきくけこ<br />
さしすせそ<br />
たちつてと<br />
なにぬねの<br />
はひふへほ<br />
まみむめも<br />
らりるれろ<br />
やゆよわ<br />
がぎぐげご<br />
ざじずぜぞ<br />
ばびぶべぼ<br />
ぱぴぷぺぽ</td>
<td>18～52文字</td>
<td><span style="font-family: tahoma, arial, helvetica, sans-serif;">6(bit)×52＝312(bit)</span><span style="font-family: tahoma, arial, helvetica, sans-serif;">＝39</span>バイト相当</td>
</tr>
</tbody>
</table>
<p><span style="font-family: georgia, palatino, serif;">信じがたいコンパクト設計ですね。プレイ状況の再現に必要な情報を極限まで切り詰めた結果ですが、当時のプログラマの叡智が詰まっています。復活の呪文というのは、ゲームの中でだいたいこのように処理されて「よくぞもどった」と言われるようになるわけです。今はゲーム内の情報も膨大になったので、こんな短い文字だけでどれだけ再現できるのかな、という技術的興味がふつふつと沸いてきますね。</span><br />
<span style="font-family: georgia, palatino, serif;">もうすぐ発売されるドラクエ<span style="font-family: tahoma, arial, helvetica, sans-serif;">11</span>でも復活の呪文の入力が間違っていたらやっぱり絶望に打ちひしがれるのだろうか、と思うと今から楽しみです。</span></p>
<p>&nbsp;</p>


ふっかつのじゅもんとbase64の関係

<h3>目的</h3>
<div style="padding-left: 15px;">
  PHPのバージョンアップ。</p>
<p>  他のサブシステムとの連携での関係上、必要性が高まったため実施しました。</p>
<p>  その中で特定のPHPのバージョンでは上手く動作しないケースがあったため備忘録として記します。</p></div>
<h3>やったこと</h3>
<div style="padding-left: 15px;">
  PHPの複数バージョン管理のためにphpenvを導入(開発にて)。</p>
<p>  マイナーバージョンが上のものを任意に選んだが<br />
  権限周りでログイン後にエラーが出て四苦八苦。</p>
<p>  その後、PHP 5.4.6以降であれば発生しない情報を得て解決。</p></div>
<h3>導入の経過</h3>
<div style="padding-left: 15px;">
  phpenvのインストール</p>
<p>  参照サイト：http://qiita.com/ktarow/items/513ac42f1f4a2b30ffee</p>
<p>  適当に5.4.3あたりをインストール後、管理画面にログインすると以下のようなエラーで真っ白画面</p>
<blockquote><p>  Call to a member function getRole() on a non-object</p></blockquote>
<p>  ひたすらStack OverflowやGithubのissuesを巡り巡って以下のforumを見つける。<br />
  https://github.com/symfony/symfony/issues/3691</p>
<p>  どうやら5.4.5以下で発生する現象。<br />
  しかし5.4.7でも発生する報告も挙がってる不思議。</p>
<p>  動作報告の挙がっている5.4.6をインストールしてみると問題なく動作。</p></div>
<h3>変更履歴</h3>
<div style="padding-left: 15px;">
  念のためバージョン間での差分を調査。</p>
<p>  http://php.net/manual/ja/migration54.php</p>
<p>  ざっと見た感じではコアとなる致命的な変更は無さそうです。</p></div>
<h3>と思ったものの・・・</h3>
<div style="padding-left: 15px;">
  php -v<br />
  を実行すると 5.4.6 と表示されるのに</p>
<p>  DocumentRoot以下にphpinfo.phpを作成して中身を見ると<br />
<a href="/uploads-archive/2016/10/f94d8d5300280ffcd4ccce8a58f3a28a.png"><img decoding="async" loading="lazy" src="/uploads-archive/2016/10/f94d8d5300280ffcd4ccce8a58f3a28a-300x75.png" alt="%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-2016-10-18-17-04-20" width="300" height="75" class="alignnone size-medium wp-image-12227" srcset="/uploads-archive/2016/10/f94d8d5300280ffcd4ccce8a58f3a28a-300x75.png 300w, /uploads-archive/2016/10/f94d8d5300280ffcd4ccce8a58f3a28a-228x57.png 228w, /uploads-archive/2016/10/f94d8d5300280ffcd4ccce8a58f3a28a.png 566w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
  結局アプリケーションレベルではphpenvで入れたバージョンアップ版phpが読み込まれてなかったという落ち。。。apacheのモジュールかもしれないけれど、もうちょっと検証が必要でした。</div>


PHPのバージョン移行

ストアド・プロシージャを試してみる

<h3>前置き</h3>
<div style="padding-left: 15px;">
  対象とするケースは以下です</p>
<ol>
<li>ストレージ同期から更にファイルを抽出する</li>
<li>特定のファイル/ディレクトリのバックアップ</li>
<li>Windows / Mac 対応</li>
</ol>
</div>
<h3>Macの場合</h3>
<div style="padding-left: 15px;">
  以下のコマンドを実行するだけです。<br />
  ディレクトリやファイル毎にコマンドを変えてあげる必要はあります。<br />


		<div id="crayon-64954026412e3472380256" 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><span class="crayon-language">Shell</span></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;">
watch --interval=10 "rsync --iconv=UTF-8-MAC,UTF-8 -auv \"/Volumes/HOGEHOGE/assetments/\" \~/Vagrant/data/fugafuga/asset\""</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-64954026412e3472380256-1">1</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-64954026412e3472380256-1"><span class="crayon-i">watch</span><span class="crayon-h"> </span>--<span class="crayon-i">interval</span>=<span class="crayon-cn">10</span><span class="crayon-h"> </span><span class="crayon-s">"rsync --iconv=UTF-8-MAC,UTF-8 -auv \"/Volumes/HOGEHOGE/assetments/\" \~/Vagrant/data/fugafuga/asset\""</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<br />
  上記の詳細は以下です。<br />
  ・interval以降の数値：同期する周期(単位は秒)<br />
  ・rsync：同期を実行するコマンド本体<br />
  ・iconv：ファイル名などを識別する文字コード(おまじない程度)<br />
  ・-auv：[a:サブディレクトリをタイムスタンプ等全部そのままコピー][u:更新されたファイルのみ][v:容量を表示する]<br />
  ・最初のパス：コピー元<br />
  ・次のパス：コピー先</p>
<p>  同期元と同期先を全く同じものにするには「&#8211;delete」オプションを使えばOKです。<br />
  (ただし、存在しないファイルがあった場合は片方が削除されるので注意)</p></div>
<h3>Windowsの場合</h3>
<div style="padding-left: 15px;">
  Mac(Linux)ほど厳密なことは出来ません。<br />


		<div id="crayon-64954026412e8497146332" 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><span class="crayon-language">Shell</span></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;">
robocopy C:\\src C:\\dst</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-64954026412e8497146332-1">1</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-64954026412e8497146332-1"><span class="crayon-i">robocopy</span><span class="crayon-h"> </span><span class="crayon-i">C</span><span class="crayon-sy">:</span><span class="crayon-sy">\</span><span class="crayon-sy">\</span><span class="crayon-i">src</span><span class="crayon-h"> </span><span class="crayon-i">C</span><span class="crayon-sy">:</span><span class="crayon-sy">\</span><span class="crayon-sy">\</span><span class="crayon-i">dst</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<br />
  これだけです。<br />
  ファイルの拡張子を指定したければ<br />
  コマンド末尾にスペース一つあけて「*.jpg」とすれば<br />
  その条件に一致したファイルのみを同期してくれます。</p>
<p>  更にサブディレクトリも一緒にコピーしたければ<br />
  /S と上記の条件から更にスペースを一つあけて追記すればOKです。</p>
<p>  Macのrsyncコマンドのように全く同じ状態にするは現状難しそうです。</p></div>

ファイルを同期させてバックアップ(とか)！

MarkDown記法でプレビュってみよう！

Beautiful Soupを使ってスクレイピングを遊ぶ

nadeshiko (1).jpg

プログラムと言う&#8221;言語&#8221;

AppleScriptでMac作業を楽にしてみよう

<h3>はじめに</h3>
<div style="padding-left: 15px;">
特に意味もなく打鍵のカウントをしてみたかったので作ってみました。</p>
<p>基本はキーロガーと同じ要領です。<br />
OS XはWindowsと大分仕組みが違うため、<br />
フック(イベント情報を横取りする事)がなかなか難しい。</p>
<p>ので、今回はOS Xに絞って情報を集めてみた結果、、、<br />
SwiftでもなくObjective−CでもなくC言語にて組むことになりました。</p>
<p>ソースは別の用途で用いられる可能性があるため割愛させていただきます。</p></div>
<h3>流れ</h3>
<div style="padding-left: 15px;">
簡単な流れとして</p>
<ol>
<li>エントリーポイント実行 (所謂 main関数)</li>
<li>自作のイベント関数(CGEventRef)をループ実行として登録する (※後述)</li>
<li>ループイベント関数を実行開始する (※以下、関数例一覧)<br />
<blockquote><p>CFRunLoopSourceRef<br />
CFRunLoopAddSource<br />
CGEventTapEnable<br />
CFRunLoopRun()</p></blockquote>
</li>
</ol>
<p>と言った手順です。</p>
<p>2番の内容がここでの肝となります。<br />
毎回ログに吐き出すほどでもないので、<br />
10分間などの一定期間を定義して、その間の総計を出力するようにしました。</p>
<p>コードでの記述例で言うと</p>
<p></p>

		<div id="crayon-6495401591153277375030" 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><span class="crayon-language">C</span></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;">
    # define INTERVAL_TIME
    if (now() - prev_time &gt; INTERVAL_TIME) {
        // ここにカウントした総計を出力する実装
        print("%d", key_count);
        fflush(stdout);
    }
    key_count++;</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-6495401591153277375030-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591153277375030-2">2</div><div class="crayon-num" data-line="crayon-6495401591153277375030-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591153277375030-4">4</div><div class="crayon-num" data-line="crayon-6495401591153277375030-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591153277375030-6">6</div><div class="crayon-num" data-line="crayon-6495401591153277375030-7">7</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-6495401591153277375030-1"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-p"># define INTERVAL_TIME</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591153277375030-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-e">now</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-h"> </span>-<span class="crayon-h"> </span><span class="crayon-i">prev_time</span><span class="crayon-h"> </span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-i">INTERVAL_TIME</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-6495401591153277375030-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-c">// ここにカウントした総計を出力する実装</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591153277375030-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">print</span><span class="crayon-sy">(</span><span class="crayon-s">"%d"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">key_count</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401591153277375030-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">fflush</span><span class="crayon-sy">(</span><span class="crayon-i">stdout</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591153277375030-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-6495401591153277375030-7"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">key_count</span>++<span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>と言った感じです。あくまで抜粋です。<br />
10分の間にグルグルとループしながらキーを打ったらカウント。</p>
<p>10分を超えた時点でキーを叩いたらまとめて<br />
画面に今までのカウントを出力します。</p>
<p>一回の実行で42億回まではカウントしてくれるので<br />
間違って立ち上げっぱなしでも一ヶ月は保ってくれそうです！！</p>
<p>もうちょっとUIもついたアプリに出来たらよかったのですが、、<br />
取り敢えずの目的は達したので、まずまずとします。</p></div>
<h3>最後に</h3>
<div style="padding-left: 15px;">
出力された(カウントされた)出力は実際には以下です。</p>
<p></p>

		<div id="crayon-6495401591158471901162" 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><span class="crayon-language">Shell</span></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;">
426
1207
2979
3670
4936</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-6495401591158471901162-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591158471901162-2">2</div><div class="crayon-num" data-line="crayon-6495401591158471901162-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591158471901162-4">4</div><div class="crayon-num" data-line="crayon-6495401591158471901162-5">5</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-6495401591158471901162-1"><span class="crayon-cn">426</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591158471901162-2"><span class="crayon-cn">1207</span></div><div class="crayon-line" id="crayon-6495401591158471901162-3"><span class="crayon-cn">2979</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591158471901162-4"><span class="crayon-cn">3670</span></div><div class="crayon-line" id="crayon-6495401591158471901162-5"><span class="crayon-cn">4936</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>コマンド実行例は以下</p>

		<div id="crayon-6495401591159610640573" 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><span class="crayon-language">Shell</span></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;">
sudo ./key_count &gt; ./key_count.log</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-6495401591159610640573-1">1</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-6495401591159610640573-1"><span class="crayon-i">sudo</span><span class="crayon-h"> </span><span class="crayon-sy">.</span>/<span class="crayon-i">key_count</span><span class="crayon-h"> </span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-sy">.</span>/<span class="crayon-i">key_count</span><span class="crayon-e">.log</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>4,50分の間に約5千回ほど打鍵してることが解りました。意外と少ないものですね。</p>
<p>以上です！</p></div>

打鍵数をカウントしてみた

<p>筆者はあまりSEOと言うものを理解していないのですが、<br />
Facebookでたまたま興味ある記事があがっていたのでフォーカスを当ててみます。</p>
<p>参照サイトは<a href="http://takuyokomizo.com/page-speed-seo/">こちら</a></p>
<p>概ね参考サイトに記載されているので割愛させて頂きます。</p>
<h2>無料評価サイト</h2>
<div style="padding-left: 15px;">
Apacheベンチとなると敷居が高い、手軽に済ませたい方におすすめ。</p>
<p>https://developers.google.com/speed/pagespeed/insights/</p>
<p>ここに検証してもらいたいサイトのURLを入力して分析ボタンを押下するだけです。<br />
点数に併せて、改善案まで提示してくれます。あら素敵。</p></div>
<h2>ファイルの圧縮</h2>
<div style="padding-left: 15px;">
速度について言うとjsやcssの圧縮や画像ファイルの圧縮が推奨されているようです。<br />
js, cssなど外部ファイルの圧縮はリクエストを減らすのには必須です。<br />
また画像ファイルもPNGやJPEGであれば最適化で、それなりの容量を削減することが可能です。</p>
<p>memcachedなどのKVSを使用するのは当然として、<br />
Railsではプリコンパイルと言う、リクエストを減らし且つファイル圧縮まで出来るフレームワークも注目できると思われます。</p></div>
<p>　※プリコンパイルでは変数名を短縮し、解読しづらいものに変えたり余分なスペースを削除して圧縮をします。<br />
　 また複数ファイルを単一ファイルにまとめてアクセスを減らすことも可能です。</p>
<h2>モジュールの圧縮</h2>
<div style="padding-left: 15px;">
PHPやRubyなどの動的言語ではコンパイルがされない代わりに実行速度がどうしても劣ります。</p>
<p>一方Pythonは動的言語でありながらコンパイルを通すことが可能で、<br />
その分、実効速度も上がると言われています。<br />
(動的言語の定義があやふやなので、そこそこにしか触れません&#8230;)</p>
<p>機会があればPHP, Ruby, Python, Javaでのリクエストごとの実行速度を比較できればと思います。</p></div>


SEOとページ表示速度

<p>自分はOracle初心者なのだが、今回11gからの新機能ではまったのでメモ。</p>
<p>&nbsp;</p>
<p>ORA-28001 the password has expired</p>
<p>というエラーが出て突然ログインできなくなった。</p>
<p>アプリ側からも当然ログインできなくなり、ステージング環境だからよかったものの<br />
サービスも止まってしまった。</p>
<p>エラーメッセージで調べると11gからの新機能であり、<br />
解決策も多々あるのだが、今回の環境はsqlplusが使えない環境のため、初心者の自分ははまってしまった。</p>

		<div id="crayon-649540158b4fa433521730" 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><span class="crayon-language">Oracle PL/SQL</span></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;">
SQL&gt; conn sys as sysdba
パスワードを入力してください:
接続されました。

SQL&gt; alter user ユーザー account unlock;

ユーザーが変更されました。

SQL&gt; alter user ユーザー identified by パスワード;</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-649540158b4fa433521730-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158b4fa433521730-2">2</div><div class="crayon-num" data-line="crayon-649540158b4fa433521730-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158b4fa433521730-4">4</div><div class="crayon-num" data-line="crayon-649540158b4fa433521730-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158b4fa433521730-6">6</div><div class="crayon-num" data-line="crayon-649540158b4fa433521730-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158b4fa433521730-8">8</div><div class="crayon-num" data-line="crayon-649540158b4fa433521730-9">9</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-649540158b4fa433521730-1"><span class="crayon-r">SQL</span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span>conn<span class="crayon-h"> </span>sys<span class="crayon-h"> </span><span class="crayon-r">as</span><span class="crayon-h"> </span><span class="crayon-r">sysdba</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158b4fa433521730-2">パスワードを入力してください:</div><div class="crayon-line" id="crayon-649540158b4fa433521730-3">接続されました。</div><div class="crayon-line crayon-striped-line" id="crayon-649540158b4fa433521730-4">&nbsp;</div><div class="crayon-line" id="crayon-649540158b4fa433521730-5"><span class="crayon-r">SQL</span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-r">alter</span><span class="crayon-h"> </span><span class="crayon-r">user</span><span class="crayon-h"> </span>ユーザー<span class="crayon-h"> </span><span class="crayon-r">account</span><span class="crayon-h"> </span><span class="crayon-r">unlock</span>;</div><div class="crayon-line crayon-striped-line" id="crayon-649540158b4fa433521730-6">&nbsp;</div><div class="crayon-line" id="crayon-649540158b4fa433521730-7">ユーザーが変更されました。</div><div class="crayon-line crayon-striped-line" id="crayon-649540158b4fa433521730-8">&nbsp;</div><div class="crayon-line" id="crayon-649540158b4fa433521730-9"><span class="crayon-r">SQL</span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-r">alter</span><span class="crayon-h"> </span><span class="crayon-r">user</span><span class="crayon-h"> </span>ユーザー<span class="crayon-h"> </span><span class="crayon-r">identified</span><span class="crayon-h"> </span><span class="crayon-r">by</span><span class="crayon-h"> </span>パスワード;</div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<p>これだけでログインできるようになった。</p>
<p>11gからは180日でパスワードの期限がきれてしまうらしい。</p>
<p>それを回避するには以下を実行</p>

		<div id="crayon-649540158b4fe441608722" 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><span class="crayon-language">Oracle PL/SQL</span></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;">
SQL&gt; alter profile default limit password_life_time unlimited;</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-649540158b4fe441608722-1">1</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-649540158b4fe441608722-1"><span class="crayon-r">SQL</span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-r">alter</span><span class="crayon-h"> </span><span class="crayon-r">profile</span><span class="crayon-h"> </span><span class="crayon-r">default</span><span class="crayon-h"> </span><span class="crayon-r">limit</span><span class="crayon-h"> </span><span class="crayon-r">password_life_time</span><span class="crayon-h"> </span><span class="crayon-r">unlimited</span>;</div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>これでもう突然止まる心配はなくなった</p>

ORA-28001 the password has expiredの対応方法

Ansibleを実際に導入してみた (1)

<p>サーバーサイドのプログラムとして数年前から注目されている<strong>Node.js</strong>ですが、</p>
<p>私は、サーバーサイドで動くJavaScriptで、非同期の処理が得意というくらいの認識しかなかったので、</p>
<p>さすがにまずいと思い、どんなものなのか調べてみました。</p>
<p>&nbsp;</p>
<p>今回は同じくサーバーサイドで動くプログラミング言語であるPHPと比較する形でまとめてみました。</p>
<p>(私はまだ理解が浅いので、間違ったことを書いてしまっている可能性がありますので、ざっくりと参考までに)</p>
<p>&nbsp;</p>
<h2>1. Node.jsのJavaScriptとPHPは基本的に役割が異なる</h2>
<p>正直私はNode.jsはPHPを動かすためのApacheのようにJSファイルをサーバー上に置くことで、</p>
<p>それを実行してくれるようにするものだと思っていました。</p>
<p>実際はそうではなく、Node.jsはサーバーサイドでJavaScriptを実行できるようにしてくれるものです。</p>
<p>これは、JSファイルをサーバー上の特定のディレクトリに配置すると自動的に実行できるようにするという意味ではありません。</p>
<p>実際には、以下のようにコマンドでNode.jsにJSファイルを実行するように指示することで、JavaScriptは実行されます。</p>

		<div id="crayon-64954015892c0603645872" 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">Linux command</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;">
$ node example.js</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-64954015892c0603645872-1">1</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-64954015892c0603645872-1"><span class="crayon-sy">$</span><span class="crayon-h"> </span><span class="crayon-e">node </span><span class="crayon-i">example</span><span class="crayon-sy">.</span><span class="crayon-i">js</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>さらに、これを実行するとPHPのようにWebページにテキストが表示されるというものでもなく、</p>
<p>Webページにテキストを表示は、以下のようにJSファイル内でHTTPモジュールを呼び出すことで可能になります。</p>

		<div id="crayon-64954015892c4036206896" 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">Node.js JavaScript</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><span class="crayon-language">JavaScript</span></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;">
var http = require('http'); //httpモジュールの呼び出し
 
http.createServer(function (request, response) {
    response.writeHead(200, {'Content-Type': 'text/plain'}); //ヘッダー情報の書き込み
    response.end('Hello World\n'); //テキストの書き込み
}).listen(8000); //ポートの指定</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-64954015892c4036206896-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954015892c4036206896-2">2</div><div class="crayon-num" data-line="crayon-64954015892c4036206896-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954015892c4036206896-4">4</div><div class="crayon-num" data-line="crayon-64954015892c4036206896-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64954015892c4036206896-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-64954015892c4036206896-1"><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">http</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">require</span><span class="crayon-sy">(</span><span class="crayon-s">'http'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-c">//httpモジュールの呼び出し</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954015892c4036206896-2"><span class="crayon-h"> </span></div><div class="crayon-line" id="crayon-64954015892c4036206896-3"><span class="crayon-i">http</span><span class="crayon-sy">.</span><span class="crayon-e">createServer</span><span class="crayon-sy">(</span><span class="crayon-t">function</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-i">request</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">response</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-64954015892c4036206896-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">response</span><span class="crayon-sy">.</span><span class="crayon-e">writeHead</span><span class="crayon-sy">(</span><span class="crayon-cn">200</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-sy">{</span><span class="crayon-s">'Content-Type'</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'text/plain'</span><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-c">//ヘッダー情報の書き込み</span></div><div class="crayon-line" id="crayon-64954015892c4036206896-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">response</span><span class="crayon-sy">.</span><span class="crayon-st">end</span><span class="crayon-sy">(</span><span class="crayon-s">'Hello World\n'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-c">//テキストの書き込み</span></div><div class="crayon-line crayon-striped-line" id="crayon-64954015892c4036206896-6"><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">listen</span><span class="crayon-sy">(</span><span class="crayon-cn">8000</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-c">//ポートの指定</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>このコードでは　「Hello World」と書かれたテキストファイルが8000番ポートに出力されます。</p>
<p>&nbsp;</p>
<p>ここまで見ていただいて分かる通り、Node.jsにおけるJavaScriptはPHPとは根本的な役割が違います。</p>
<p><a href="/uploads-archive/2015/07/node-js-in-web1.png"><img decoding="async" loading="lazy" class="alignnone wp-image-7711" src="/uploads-archive/2015/07/node-js-in-web1.png" alt="node-js-in-web" width="656" height="465" srcset="/uploads-archive/2015/07/node-js-in-web1.png 960w, /uploads-archive/2015/07/node-js-in-web1-300x213.png 300w, /uploads-archive/2015/07/node-js-in-web1-228x162.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>PHPはApacheなどのHTTPサーバ上でHTMLを表示したりデータベースを操作したりするWebアプリを作成することが役割となりますが、</p>
<p>Node.jsでのJavaScriptでは、HTTPサーバやファイルサーバなどを作成したりするなど、サーバのより根幹的なアプリを作成することも役割となります。</p>
<p>&nbsp;</p>
<h2>2. PHP(Apache)は同期処理×マルチスレッド、Node.jsは非同期処理×シングルスレッド</h2>
<p>PHPでは何かプログラムを実行する場合、</p>
<p>その処理が終わるまでは他の処理が始まらない同期処理という方法でプログラムを実行しています。</p>
<p>この方法では、同時に一つの処理しか行うことができないため、</p>
<p>同時に２つ以上の処理が必要な場合、</p>
<p>例えば複数のユーザーからアクセスがあった場合などには、</p>
<p>処理する場所を複数作ることで、平行して処理を行っています。</p>
<p>この複数に分けて処理する方法をマルチスレッドといいますが、</p>
<p>この方法は処理が増えるたびに処理する場所を確保する必要があるので、</p>
<p>メモリの消費が大きいという欠点があります。</p>
<p>&nbsp;</p>
<p>一方Node.jsでは、プログラムを実行するときに、</p>
<p>ある処理が終わる前に別の処理を実行する非同期処理という方法でプログラムを実行しています。</p>
<p>この方法ではひとつの場所で複数の処理を平行して行うことができるので、</p>
<p>処理する場所を複数に分ける必要がありません。</p>
<p>そのこともあり、Node.jsでは処理を一つの場所で行うシングルスレッドという方法で処理を行っています。</p>
<p><a href="/uploads-archive/2015/07/node-js2.png"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-7713" src="/uploads-archive/2015/07/node-js2.png" alt="node-js2" width="656" height="604" srcset="/uploads-archive/2015/07/node-js2.png 656w, /uploads-archive/2015/07/node-js2-300x276.png 300w, /uploads-archive/2015/07/node-js2-228x210.png 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>&nbsp;</p>
<p>このあたりは↓こちらのサイトでの説明がわかりやすいです。</p>
<p><a href="http://codebreak.com/blog/takezoe/page/d0e2b2/" target="_blank">コンビニでわかるノンブロッキングIO | break the code!! | codebreak;</a></p>
<p>&nbsp;</p>
<h2>3. PHPはフロー駆動型、Node.jsはイベント駆動型</h2>
<p>PHPではプログラムによる命令があるたびに実行を行う「フロー駆動型」という実行形式をとっていますが、</p>
<p>Node.jsでは&#8221;ページが読み込まれた&#8221;、 &#8220;クライアントからリクエストがあった&#8221;などのイベントが起こったときに実行を行う「イベント駆動型」という実行形式をとっています。</p>
<p>イベント駆動型のプログラムでは、イベントが起こった時だけ実行するので、特定の処理が終わるのを待たずに別の処理を行うことができたり、処理の流れがわかりやすくなるなどのメリットがあります。</p>
<p>&nbsp;</p>
<p>他にも様々な違いや特徴がありますが、今回はこのあたりまでで。</p>
<p>&nbsp;</p>
<p>Node.jsがすべてのサイトに有利であるというわけではないので、</p>
<p>すべてのサイトがNode.jsに変わっていくということはないと思いますが、</p>
<p>リアルタイムな処理が求められるサイトなどでは特に強みを発揮しますので、</p>
<p>利用は更に広がっていくのではないかと思います。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3>参考サイト</h3>
<p><a class="link" href="test.sachi-law.jp" target="_blank">WordPressとApache、PHP、MySQLの関係 | サイト構築日記(WordPress編）</a></p>
<p><a class="link" href="http://codebreak.com/blog/takezoe/page/d0e2b2/" target="_blank">コンビニでわかるノンブロッキングIO | break the code!! | codebreak;</a></p>
<p><a class="link" href="http://qiita.com/hshimo/items/1ecb7ed1b567aacbe559" target="_blank">Node.js を5分で大雑把に理解する &#8211; Qiita</a></p>
<p>&nbsp;</p>
<h3>参考図書</h3>
<p><a class="link" href="http://www.amazon.co.jp/dp/4839950695/" target="_blank">掌田 津耶乃 2014 現場で通用する力を身につける Node.jsの教科書</a></p>

Node.jsとは何なのか調べてみました

<p>Sometimes, you&#8217;re setting up your web server(Apache, Nginx etc) in your local computer. It means your web server is running locally and outside world can&#8217;t access to it, other computer in same intranet can access your IP though.</p>
<p>Let&#8217;s say, you have developed a web project in your local. You haven&#8217;t uploaded projects files and folders to remote hosting server. At that time, your client wanna check the project&#8217;s progress at once.</p>
<p>No need to worry in such case. You can immediately setup a localtunnel that can be accessed by outside world with a URL link.</p>
<p>So simple steps you need to do:</p>
<h2>Step 1: Download ngrok</h3>
<p style="padding-left: 30px;">https://ngrok.com/download</p>
<h2>Step 2: Unzip it</h3>
<p style="padding-left: 30px;"><code>$ unzip /path/to/ngrok.zip</code></p>
<h2>Step 3: Run it! (in terminal)</h3>
<p style="padding-left: 30px;"><code>$ ./ngrok -help</code> [if you wanna check how does it work]</p>
<p style="padding-left: 30px;">$ ./ngrok <code>80</code> [eg; local web server is running in port <code>80</code>]</p>
<p>Sample command line output:</p>

		<div id="crayon-64953fd59721c252203341" 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;">
ngrok

Tunnel Status               online
Version                     1.3/1.3
Forwarding                  http://3a4bfceb.ngrok.com -&amp;gt; 127.0.0.1:80
Forwarding                  https://3a4bfceb.ngrok.com -&amp;gt; 127.0.0.1:80
Web Interface               http://127.0.0.1:4040
# Conn                      0
Avg Conn Time               0.00ms</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-64953fd59721c252203341-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59721c252203341-2">2</div><div class="crayon-num" data-line="crayon-64953fd59721c252203341-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59721c252203341-4">4</div><div class="crayon-num" data-line="crayon-64953fd59721c252203341-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59721c252203341-6">6</div><div class="crayon-num" data-line="crayon-64953fd59721c252203341-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59721c252203341-8">8</div><div class="crayon-num" data-line="crayon-64953fd59721c252203341-9">9</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-64953fd59721c252203341-1"><span class="crayon-e">ngrok</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59721c252203341-2">&nbsp;</div><div class="crayon-line" id="crayon-64953fd59721c252203341-3"><span class="crayon-e">Tunnel </span><span class="crayon-e">Status&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-e">online</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59721c252203341-4"><span class="crayon-i">Version</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-cn">1.3</span>/<span class="crayon-cn">1.3</span></div><div class="crayon-line" id="crayon-64953fd59721c252203341-5"><span class="crayon-e">Forwarding&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">http</span><span class="crayon-sy">:</span><span class="crayon-c">//3a4bfceb.ngrok.com -&amp;gt; 127.0.0.1:80</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59721c252203341-6"><span class="crayon-e">Forwarding&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">https</span><span class="crayon-sy">:</span><span class="crayon-c">//3a4bfceb.ngrok.com -&amp;gt; 127.0.0.1:80</span></div><div class="crayon-line" id="crayon-64953fd59721c252203341-7"><span class="crayon-e">Web </span><span class="crayon-t">Interface</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-i">http</span><span class="crayon-sy">:</span><span class="crayon-c">//127.0.0.1:4040</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59721c252203341-8"><span class="crayon-p"># Conn&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0</span></div><div class="crayon-line" id="crayon-64953fd59721c252203341-9"><span class="crayon-e">Avg </span><span class="crayon-e">Conn </span><span class="crayon-i">Time</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-cn">0.00ms</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>Local running web server: http://127.0.0.1:80</p>
<p>Share this URL to client: <code>http://3a4bfceb.ngrok.com</code></p>
<p>Web traffic checking: http://127.0.0.1:4040</p>
<p><img decoding="async" alt="web-interface-checking-point" src="/uploads-archive/2014/01/inspect.png" /></p>
<p><span style="font-size: small;">[Ref img: from</span> https://ngrok.com/usage]</p>
<h2>Requiring passwords to access your tunnels</h3>
<p>By default, ngrok tunnels do not require any username or password to access them. This means anyone who knows or guesses the URL or your tunnel can make requests to it. You can secure your tunnels with a username and password by specifying the <code>-httpauth</code> option when creating your tunnel. This will force HTTP basic authentication on all incoming requests to your tunnels and require that the credentials match those you specify on the command line.</p>

		<div id="crayon-64953fd597220542547685" 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;">
$ ngrok -httpauth="username:12345" 80</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-64953fd597220542547685-1">1</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-64953fd597220542547685-1"><span class="crayon-sy">$</span><span class="crayon-h"> </span><span class="crayon-i">ngrok</span><span class="crayon-h"> </span>-<span class="crayon-i">httpauth</span>=<span class="crayon-s">"username:12345"</span><span class="crayon-h"> </span><span class="crayon-cn">80</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>If you developer guy wanna quit running instance after checking the developed project by client, you just need to use simple command in terminal: [ Ctrl+C ]<br />
Outside world can not be available to access your shared link: <code>http://3a4bfceb.ngrok.com</code> anymore.</p>
<p>In next time, you will run ./ngrok 80 in terminal and you will get another shared link: eg; http://xxxxx.ngrok.com. Just send that new link to client or others else you want to send again.</p>
<p>Enjoy!!!</p>

Exposing your local web server to the Internet

【未検証】Macでppkファイルを使ってCentOSのSSHに接続する件

<p>今までテキストエディタがmi使ってました。別に不満などないですが、何となくダサいなあと感じました。</p>
<p>また、開発にはeclipse使ってますが、重いから、ちょっとしたファイルの編集には使いたくないんです。</p>
<p>新年を機に、テキストエディタを<a href="http://www.sublimetext.com/">sublime</a>に変えてみました。<br />
かなり高機能なエディタですが、気が向くまで全機能使っていいのは素晴らしいです。</p>
<p>ちょっと使ってみた感想と機能紹介になります。</p>
<h2>便利なビュー機能</h3>
<p>・minimap<br />
現在の画面はファイル全体から見てどのあたりにあるのかが分かる機能。<br />
必要ないときはこの機能をoffにする。<br />
.sidebar<br />
現在のworkspaceにあるファイルが簡単に開ける。<br />
デフォルトはoffになっているが、必要なとき（複数ファイルで作業するとき）にonに切り替えると便利。</p>
<h2>デフォルト設定が簡単にoverwriteできる</h3>
<p>見た目とショットキーのデフォルト設定ファイル（JSON形式で書いてる）があって、それに対するユーザ設定ファイルに設定したい項目を書くだけで、デフォルト設定がoverwriteされるのは、斬新といえば斬新だ。。</p>
<h2>マルチカーソル</h3>
<p>編集に便利みたい<br />
自分にとってどうでもいい機能</p>
<h2>command palette</h3>
<p>macでcmd+shift+pを押すだけで、実行できるコマンドリストが出てくる。</p>
<h2>goto anything</h3>
<p>macでのショットキーはcmd+p。<br />
workspaceで別のファイルを見たい場合がこれが便利。<br />
ファイルの行数とシンボル（例えば、関数名）まで直接行ける。</p>
<h2>project機能</h3>
<p>workspaceをproject単位で保存できる。<br />
さらに、workspace内特定なファイル（例えば、phpファイル）だけ表示するような設定までもできる。<br />
どうやって保存したprojectを探し出せるのがはいまいち分からない。</p>
<h2>snippet</h3>
<p>既存や自作のテンプレートをショットカットで呼び出す機能</p>
<h2>build system</h3>
<p>phpなどのファイルをエディタ内のconsoleで実行し、結果を知らせてくれる機能。<br />
自分にとってどうでもいい機能</p>
<h2>package</h3>
<p>package controlをインストールすると、かなりな数のpackageがインストール可能になる。<br />
「sublime package control」で検索すること。</p>
<h2>windowの分割</h3>
<p>windowを任意数に分割できるらしい。<br />
ファイルを見比べながら作業するに便利。</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - タグ: #プログラム

2017/07/19

2017/05/10

2016/10/19

2016/09/21

2016/07/20

2016/07/13

2016/03/16

2016/02/10

2016/02/03

2016/01/27

2015/11/11

2015/09/09

2015/08/19

2015/07/15

2014/01/29

2013/05/16

2013/01/09

2012/09/06