Let’s Encrypt導入とサイトのSSL化

 以前はめんどくさがっていたLet’s Encrypt導入ですが,certbotなるお手軽インストール&更新スクリプトができましたので,早速使ってみました。以下が証明書になります。

2016-08-29_171306

 以前はブラウザのアドレス欄は

2016-08-29_164057

となっていましたが,今では,本サイトもSSLで閲覧できるようにWordPressの設定を変えましたので

2016-08-29_170330

となっている筈です。どんなもんでしょうか? 不具合ありましたらお知らせ下さい。

[卒研メモ] PythonによるTwitterテキスト分析例

 今週に入って語彙力テストなるWebテストが話題になりましたが,その点数分布をTwitterから拾い出してヒストグラムにするPythonスクリプトを作成・公開し,結果として偏りがいびつであることを突き止めたページがありましたので紹介しておきます。

 件のPythonスクリプトは,OAuthを経由してTwitter APIを利用し,語彙力テスト結果をTLから取り出して自動的に集計させています。コメントで指摘がありましたが,語彙力テスト自体はJavaScriptに全部のテストと点数が埋め込まれているので(ソースを見ると一目瞭然),そちらを解析した方が正確になるのですが,仮にソースがなくても結果の異常性が探索できるという点,今のAIに通じる物の見方と言えるでしょう。

 APIを使うことはPHPでも十分可能ですが(PECLのOAuthを使うと楽そう),美しいヒストグラムを出力するのはmatplotlibを活用できるPythonの面目躍如ですね。

卒研メモ:DropzoneJSを用いたファイルアップロード例

 以前にも書いた通り,JavaScriptを活用したファイルアップロード例の第一弾ができたので,ここに追加予定の素材を手短にまとめておきます。

 まずはDropzoneJSを使用した例を示します。jQueryの例は後ほど。

1. HTMLフォーム,PHPスクリプトだけでファイルアップロードができることを確認する。この例ではどちらも同じディレクトリ(フォルダ)に置いておく設定になっていることに注意。イメージファイルはその直下のimgディレクトリにコピーする。

HTMLフォーム
index_normal_html

PHPスクリプト(upload_normal.php)
upload_normal_php

 これでアップロードができないようなら,HTMLフォーム(nameなど),PHPスクリプト,アップロード先のimgディレクトリの書き込み権限を確認すること。

2. DropzoneJSのソース(dropzone.js, dropzone.css)をダウンロードして適切なディレクトリに置いておく。ここではHTMLフォーム,PHPスクリプトと同じディレクトリに置いておく設定。

3. HTMLフォームのソースを下記のように書き換える。
index_dropzone1_html

ブラウザで開くと次のようにドロップエリア(四角の枠内)が表示されるので,ファイルをドラッグ&ドロップしてみる。
dropzone1_start

 下記のようになり,自動的にファイルがアップロードされたことを確認する。
dropzone1_finished

4. DropzoneJSのオプションを利用して,次の機能

  • メッセージの日本語化
  • 自動アップロードの無効化とアップロードボタンの追加
  • 画像ファイルのみアップロード可に。ファイル数は5個,一つ1MBに制限
  • ファイル削除ボタンの追加
  • アップロード後のファイル自動削除

を追加したHTMLフォームを用意する。ネタ元はこちら
index_dropzone_option_html

 このフォームをブラウザで見ると,次のような画面になる。

dropzone_option_start

 なお,PHPスクリプト(upload_dropzone_option.php)はfileフォームの名前を”image_file”に変更しただけである。
upload_dropzone_option_php

 画像ファイルをドラッグ&ドロップしたらアップロードが開始され,終了したファイルから自動削除されることを確認すること。
dropzone_option_upload