refluster's blog

夏休み中に作っていた写真管理サーバとWebアプリを一通り作り込みました。デジカメで撮った写真を、スマホ操作で保存・閲覧します。 せっかくなので、操作の流れを撮影してみました。なんやかんやで全11テイクかかりました。

ラズパイ2を買いました。せっかくなので、開発環境も立ち上げました。Macが壊れた場合の繋ぎ役ができた。 左が旧機種、右がraspberry pi 2。 USBのWifiの調子がとても良い。旧機種はUSBの共有電力が不足してたのだろうか (2で電力upしている)。

写真の取り込み、サムネイル作成、DB登録まで自動化しました。しかし、元々の予定に全然達していない。。 この2日間でやったこと - RPiに外付けHDD認識確認 　→電流不足で使えず、代替案検討中 - 写真ビューアを作成(AngularJS) - 写真サムネイル自動生成(ImageMagick) - データベース登録(sqlite3/node-sqlite3) - nginx + fastcgiのテスト 　http://qiita.com/jey0taka/items/b961110a95d6edc2d870 　→面倒なのでnodeに変更 - nodejsでcgiクエリ取得 　http://stackoverflow.com/questions/6912584/how-to-get-get-query-string-variables-in-express-js-on-node-js ホワイトボードと化した冷蔵庫

写真管理サーバのスマホのI/Fを作りました。写真保存用の外付けHDDが、電流不足によりRPiで利用できず断念。解決策検討中。。 http://lab.schememono.net/code/js/045/

WebRTCでビデオ通話アプリを作りました。Mac PC <-> Windows PC で通信させてみました。(iPhoneはブラウザ未対応とのことで断念) http://lab.schememono.net/code/js/044/ WindowsではUSBカメラ(画面左下のテーブルの上)、Macは標準の付属カメラ(Mac画面の中央上)を使用しています。 左ディスプレイがWindows画面、右がMac画面です。Windows画面には、Windows映像(左)、Mac映像(右)が表示されています。Mac画面には、Mac映像(左)、Windows映像(右)が表示されています。 傘を動している様子が4個の映像で見れますので、Windows - Mac 間で映像が通信されていることが分かります。動画で表れてませんが、音声も通信されていました。分かりにくいデモでごめんなさい。

AngularJS とチュートリアルを参考に、todoアプリを作りました。 http://lab.schememono.net/code/js/043/ 感想 Webアプリで多用するjavascriptの泥臭い実装をAngularJSが肩代りしてくれています。開発が効率的、コード保守性が良いといったメリットがある印象を受けました。

夏休み中の自由研究の計画を決めました（決めたのは昨日）。