pblo

関西Node学園梅田キャンパス 2時限目で発表してきました #kng2

Thu, 05 Jul 2018 22:21:41 +0000

前回の1限目で発表できなかったので、リベンジ

関西Node学園梅田キャンパス 2時限目

発表内容

資料は以下にアップしてますので、そちら参照ください。

freeeさんからスポンサーされており、始まる前に飲み物（お酒含む）をいただけました。

これが発表を控えた自分にはとてもありがたかったです。

というのも、やはり人前でしゃべるのは緊張するもので、その緊張を少しでも和らげるのにお酒は最強のアイテムなのです。freeさんありがとーーー！

酒の力は偉大 freeeさんありがとー#kng2— papettoTV (@papettoTV) 2018年7月5日

で、いざ発表になると、足りないと思ってた15分の時間をほぼ使い切り、なんなら少し延長する勢いでしゃべってしまいました。やはり、予定より時間かかる法則は健在でした。（とはいえ、短く終わる恐怖もあるんよなー

今回の反省（振り返り）は以下

酒の力は偉大 freeeさんありがとー#kng2— papettoTV (@papettoTV) 2018年7月5日

最近、日常では背筋伸ばすのをかなり意識しているのですが、やはり、何かに気を取られると忘れるんですよねー。意識！

あと、帰りに @leichtgewicht と一緒に帰れて色々話できてよかった。また機会あればぜひ！

てなわけで、久々の発表乗り切った！

会場提供のさくらインターネットさん、企画してくれた運営スタッフ、発表の機会をいただきありがとうございました！

（懇親会帰りのほろ酔いで、一気に書きました）

HIGOBASHI.AWS 第4回ネットワーク × ガチ編に参加してきた #higobashiaws

Fri, 08 Jun 2018 19:02:01 +0000

HIGOBASHI.AWS 第4回ネットワーク × ガチ編に参加してきたので、メモを残します。

ネットワークをテーマにクラスメソッドさんが開催する勉強会で、

最後の４回目ということもあり、よりマニアックな内容になっていたようです。

会場は、肥後橋（リモート）と秋葉で開催でした。

宣伝

「InsightWatch」AWSのセキュリティサービス。無料。

俺が考える最強のネットワーク構成

大栗宋氏（@maroon1st）

※あくまで個人的思想に基づいた考え

ネットワークでもMulti-AZを基本
基本的に密結合する範囲を一つのVPCに、疎結合なものは別VPC
サブネットはルーティングの単位と考える
FirewallはSecurityGroupをメインに。必要最低限のNACL。（AWSのベストプラクティスとは相違あり）
VPC間の通信は、Peering（密な関係）とPrivateLing（疎な関係）を使い分ける
事例
ログ収集機能：PrivateLink使う。各Log AgentからPushを受ける
監視機能：PrivateLingを使う。TCP受信のみ。
Prometheus等のPull型はPrivateLinkでは無理。
各アプリケーション：PrivateLinkでログ等のサービス基盤にアクセス
サブネット分割の考え方。４パターンに分ける。
Public：インターネットとの通信
Internal：他システム（VPC）連携
Protected：サーバ配置（アプリケーション）
Private：サーバ配置（データベース）
インターネットとの通信
ALB/NLB
直接外部から接続されるインスタンス
他システム練気
ALB/NLB
直接外部から接続されるインスタンス
サーバ配置
APサーバ
サーバ配置
EC2以外のVPC内に配置できるリソース
データストア on EC2
外部接続が必要な場合はForwaard Proxyを挟む
質問
Regionまたいでデータを共有したい場合はどういう思想？
そもそも、本当に別リージョンで同じデータが必要か業務要件を確認する
PrivateLink使って監視サービス（UDPしたい）場合は？
あきらめましょう（笑）

ハマりポイントから考察するMicrosoftADの裏側

豊崎隆氏

AWS Directory Service
Microsoft AD
Mictosoft ADとVPCエンドポイント
Mictosoft ADのドメインに参加しているEc2からVPCエンドポイント経由でSSMを利用したかった
期待してた動きと実際の動き
Provided DNSからプライベートIPが返ってくることを期待
実際はパブリックIPが返ってきた。
Mictosoft ADの裏側を空想
Mictosoft ADは別のVPCにある？

NLBとPrivateLinkの仕様に立ち向かう

菊地修治氏

NLB + PrivateLink のエンドポイントサービス
インターフェイスエンドポイント
独自のサービスをVPCエンドポイントを提供
ハマりどころはいっぱい
DirectConnect経由のアクセスは可能だがVPC経由は不可
リージョン内VPCピアリング、m5（c5）.largeだとアクセス可、m4.largeだと不可

関西Node学園に参加してきた #kng1

Fri, 20 Apr 2018 22:23:30 +0000

本日こちらのイベントに参加してきました。

関西Node学園梅田キャンパス 1時限目

本当は、登壇するつもりでしたが、仕事の状況が読めず参加するら危うかったので、今回は聴くだけの参加しました。

具体的な登壇内容はいずれ共有されるであろうスライドに期待するとして、個人的メモを残しておきます。

春からはじめる新しいNode.js v10

平野（@shisama_）さん

現在のNodejs
Current,Active,Maintenance
LTS
Node4,6,9 はもうすぐLTS（サポート）切れる
Node10(来週リリース予定)
Dynamoic Import
Async Iteration
Promise.protoeyp.finally
RegExp New Features
formatToParts
toString
tryCatch
trimEnd
Node green
node –v8-options | grep harmony

今、自分は、AWS LambdaでNodejs使ってるので、バージョンは6。最近ようやく8が利用できるようになったところ。

なので、将来のための予習になります。

AWS Lambda が Node.js v8.10 をサポート

TypeScript + Express

かみやん(@kamiyam)さん

TypeScript導入
静的型付けできる
例）number,string,number|string,any（禁じ手？！）
JSのスーパーセットなので、そのままJSが動く
TypeScript + Express
公式？のはmongodbとか入ってて、重い
vscode-node-express-example
npx は node_module/.binの代わり？
大規模/多人数での開発向け

型付けした開発したことないのですが、大規模/多人数、なときはTypeScript導入したいですね。

スライド内でのデモ用ページ

https://gist.github.com/kamiyam/996023564d4d2cc04334b1197c693c36

Babel7.xで変わること

YukimasaFunaoka（@mochiya98）さん

パッケージの名前が変わる
ex-20xxが非推奨
babel公式ブログ
最新情報はNearning the Release 7.0
（これがおそらく最新。なければ）Plannninng for 7.0

最新かつ正しい情報を追うのはコツがいるような印象受けました。

あと、 npxというコマンドを初めてしりました。

今まで、

Web based IoT KANSAI 3 開催した #webbiot

Wed, 21 Mar 2018 01:26:11 +0000

Web based IoT KANSAI 3 を開催しました。webのクリエイター、エンジニア、デザイナー、もIoTやっていこうぜ、というイベントを関西で実施してまして、今回で３回目です。

イベントの雰囲気

イベントの形式ですが、まず、各自お酒とつまみを持参します。

そして乾杯から始まり、飲み食いしながらLTしたい人が喋る、という形式で、かなりゆるいです。

LTの時間も一応10分とは書いてますが、あくまで目安です。

途中で質問するわ脱線するわで、結局30分経ってた、ということもありますし、LT予定してなかったけど、イベント来ていきなりLT始める、というのもあります。

それも、酒を飲みながらなので、気軽に話せたり、突っ込んだ話も聞けるしなイベントで、３回やってみて思いました。

これは「いきなり懇親会」だな、と。

いきなり懇親会

こういったイベントではよく、懇親会からが本番、というのを聞きます。

それは、理由として

講演のような硬い形式の発表では聞けない、言いにくい内容の話が聞ける
発表者に直接１対１で、話が聞ける
酒も入ってるので、本音（に近い深い）話が聞ける

という点が挙げられると思うのですが、このWeb based IoT KANSAIは、いきなりこのメリットを享受できているのかも、と思いました。

本当は、人数増やして規模を大きくしていきたい、という思いはあるのですが、一方で、この形式も悪くないなと、思ってもいます。「この形式良いですね」とも言って頂けますし。

内容

発表内容はざっと以下のようなものでした。

広島県のIoTへの取り組み
明星和楽という良い意味でカオスイベント
ユニロボット（ユニボ）
介護とIoT
codey-rockyという全部のせロボット
ルワンダと神戸の熱い関係

ここからもろもろ脱線も含め３時間ほどの会になってしまいました。。。

少人数だとみなさん結構しゃべりますよね。

これも懇親会ぽいなと思いました。発表してーだと遠慮しちゃうけど、喋りたい気持ちはあるんですよね。きっと。

総括

少人数ゆえの気軽な形が好評なので、今後もこのイベント続けていきたいなと思いました。

Node-RED UG Japan Osaka キックオフ

Sun, 25 Feb 2018 15:05:52 +0000

2/24（土）に Node-REDのユーザグループ

Node-RED UG Japan の大阪拠点のキックオフがありました。

そこで、運営のお手伝いとLTしてきました。

発表資料

内容は、Node-REDのフロー処理で、2股に分けた際に、outputノードがない場合に、その処理の終了確認をした後にもう片方を処理させる方法を頑張って調べた、というものです。（文章で書くと伝えづらい）

ということで、最後のページに書きましたが、今後、NodeREDカスタムノードを書く場合は、ぜひともoutputを付けて頂ければ、使う側も利用しやすくなると思いますのでおすすめです。

運営スタッフとして

また、久々にコミュニティのスタッフやらせてもらいましたが、裏方の大変さを改めて知りましたね。いやー、普段参加してるだけのイベントのスタッフさん、改めて感謝です。

今後も、定期的に開催しますので、この記事を読んで少しでも興味を持たれた方は、ぜひ次回（4月予定）ご参加下さい。

イベント情報

JP_StripesでLTしてきた

Tue, 05 Dec 2017 00:23:24 +0000

JP_Stripes (Stripe ユーザーグループ）in Osaka Vol.2 でLTしてきました。

webサービスにstripeを導入するまでの軌跡

このタイトルで、発表してきました。資料はこちら

発表の経緯

なぜ発表したかは、資料内で簡単に触れてますが、

最近、ローンチした遺書一筆に、オンライン決済サービス導入したかった
どのサービス実装しようか探していたら、たまたまJP_Stripesの勉強会を発見した
自分を追い込むためLT枠申し込んだ

という流れです。イベント・ドリブン開発、または、テスト前必死に勉強するメソッド、です。

発表の目的

目的を整理すると、発表することが、一番の勉強法だと思っているからです。

発表することで、

意地でも何かしらのアウトプットを作るので頑張れる
発表資料も作るので、自分のアウトプットが形に残せる
ただ誰かから教えてもらう、のではなく、まずは自分からアウトプットすることで、誰かの助けになり、それが巡り巡って、自身のインプットになる、と思っている

というように、精神的に追い込まれる（追い込む）部分は、ありますが、それを上回るメリットがあるので、LTすることにしました。

アウトプットは？

とりあえずローカルで動かすものは作れましたが、実際のサービスインにはまだ半分ぐらい作業が残っております。。。

それができ次第またまた報告したいと思います。

あと、LT発表枠でTシャツもらえました。

LT枠で参加したらTシャツ貰えた。やったぜ！ pic.twitter.com/C8RNjYCRHv

— papettoTV (@papettoTV) 2017年12月4日

「遺書一筆」の作り方

Tue, 24 Oct 2017 00:46:34 +0000

遺書一筆というサービスの技術解説編です。

想い編は前回のこちらの記事です

サービス構成

express + loopback
React.js
Bootstrap（react-bootstrap）

を使った構成としました。プログラムはすべてjavascriptです。

これは現在会社で開発しているサービスを学ぶために、同じ構成にしました。

どちらかというと、React.js が初挑戦のため、こちらメインです。

学んだこと

とにかくこの点が圧倒的に大きい

SPAっぽいサービスにReact.js使うときって、設計の考え方を変えないといけない

今までの、サーバ・クライアントが、だいたい１対１で処理し合う関係、でした。

この考え方だと全くReact.jsらしくない構成になってしまうので、ここは何度も壊して作り直しました。

今の私のイメージだと

最初の画面（例えばindex.html）をロードしたら、それ以降の遷移で必要なパラメータはできるだけ一気にロードしておく
それ以降の画面遷移や画面の切り替えは、React（つまりクライアントのみでサーバと通信しない）で処理
画面遷移先で、特定ユーザの情報など、再度サーバと通信が必要な際に、
画面ごと遷移してロードし直し（今まで /#〜　というURLで動いていたものが、例えば /mypage#〜に変わる）
非同期で、取得（ajaxで非同期通信してその結果を受けて、画面再描画）

のどちらか２つを選ぶ、という考え方になるのかなと思いました。

この最後の２択の判断基準に、まだ知識が足りてない感があるので、今後の課題ですね。

とりあえず、まだまだreactらしく作れていない点はあるとおもいますが、

この、今までとの作りの考え方に、大きな違いがある、ということが学べたことが収穫でした

React.jsの特に悩んだところ

最初の構築環境の壁が高すぎる・・・

色々試した結果、ここが一番触りやすかったです。

Bootstrapも導入したかったので、その導入のし易さでこちらをベースにさせていただきました。

画面遷移をどう設計するか

そもそも、画面を遷移させる必要があるのか、を考えないといけない。

単なる、ポップアップ（modalとか）でいいのじゃないか。とか。

細かいUIは後付でなんとなりますが、大きな遷移（データの流れ・外部サービスとの連携とか）は変えにくいので、きっちり設計しないといけませんね。

（というとwebサービスでは当たり前の話でした。。。

APIの叩き方

ajaxなスクリプト呼んだけど、これはスマートなやり方なのか。。。

でも、これはあくまで、ReactはUIライブラリなので、React関係ない話ですかね。にしても、componentファイルにajaxのコード書くのは違和感があるなー。

値の引き回し方

これ自体、あまりスマートに掛けないことがわかった。多くの遷移を跨いでの引き回しは非常にコードがきれいじゃないなと。

だからFluxやReduxが必要になるんだなと理解しました。まだそこまではいけてない。

見た目

デザインの設計なんて出来ない人なので、そこはBootstrapにお任せ。難しいことはしない、できるだけ身を任せました。

その他感想

ただ、ちょっとしたUIパーツの実装は非常に楽だしスマートですね。

例えばmodalとかこんな感じで書けます。


 このサービスについて

 「遺書一筆」は、遺書を書くことができるサービスです。
 ・・・

cssやjavascriptを考えなくても、単にModalタグを呼び出せばokです。楽ですね。

ソース

ソースコード絶賛公開しております。

見て参考にしていただくなり、プルリクエスト投げるなり、好きに使ってください！

https://github.com/papettoTV/isyo

今後

課金機能つくらねば。。。

「遺書一筆」リリース

Fri, 20 Oct 2017 01:28:22 +0000

遺書一筆というサービスをリリースしました。

遺書一筆とは？

遺書一筆とは、遺書を書くことができるサービスです。

遺書を書くことで、普段中々意識しない"周りへの気持ち"や"日常の有り難さ"という気持ちが、少しでも意識できると思います。それにより普段の"生きる"が、少しでも充実できると考えて、サービスを作りました。

何ができる？

遺書を書けます。それだけです。もちろん、いくつも書くものではなく、書ける遺書は一つだけ。簡単に言うと、１つしか書けない日記サービスです。

何故こんなサービスをつくったか？

このサービスを作った目的は

（想い）自分の周りのみんなに、少しだけでも"生"を充実させる方法を伝えたかった
（技術）技術的に勉強したかった（loopback,react）

の２つがあり、今回は"想い"について書きます。次の記事で技術編を書きます。

作った想いについて

ここ数年ですが、“生きる"ってなんだろう？と改めて考える機会が増え、自分の中である一定の答えが出ました。それは、

いつ死ぬか分からないので、今生きるていることに出来る限り感謝する

と言うものです。ありふれた言葉ですが、色々考えが巡った結果、一言でいうとこの形になりました。

感謝しているか

では、普段から全力で感謝しているか、を振り返ると、そうでない日々がすごく多いことに気づきます。

誰かと比較して、劣等感を感じる
自分か感じた嫌な気持ちを、人にも押し付ける
仕事のプレッシャーがきつくて、会社に行きづらい

など、息苦しく生きている時間がないか？小さなストレスを貯めてないか？そうやって自分を追い詰めてないか？

そんな、辛い時間が少なからずあることと想います。

でも、もっと、“生きる”、って本当はそれだけで幸せなことじゃないか？そう考えるようになると、そんな嫌な気持ちにも、ありがたいと考えれるようになってきました。

感謝を意識する

簡単に言うと、“生きていること"そのものに感謝できれば、日々の生活が充実したものになる、そう気づきました。それができるようになると、普段の様々な出来事にポジティブでいられるようになりました。

３食食事が食べられること
会社の仲間とともに笑いあい、目標に向かって頑張ること
帰る場所があること
外の空気が吸えること
いつものように朝が迎えられること

なんでもない日常に少しでも感謝できれば、普段の"生"が少し充実する、ということに気づきました。

みんなに伝える

これが分かって、自分の"生"は少しずつ充実し始めたのですが、これをみんなに伝える・分かってもらいたい、と思うようになりました。自分とコミュニケーションできる人には伝えることができますが、自分と関わらない人には、中々伝えることは難しい。そこで、考えたのが、このwebサービスです。これを通して、利用者に

普段中々意識しない、“生"への感謝を意識する

ということを伝えたいと思いました。

遺書を扱うこと

一見、遺書というセンシティブなものを扱うのは、ためらいがあったのは確かです。

そんな大事なものを個人が運営するようなサービスで利用しようと思う人が現れるのか？
扱うデータの内容が重すぎない？
そもそも、本当に遺書として遺す人が現れて、何かトラブルに巻き込まれない？

上記のように、本当に"遺書を遺す"サービスとして、捉えられると、本来の意図とずれてしまうという懸念はあるので、webサービスとしての、メッセージの伝え方は難しいなと思っています。公開した今も、最適な形とは思いませんので、ぜひ、皆様からのフィードバックいただければ思っています。

個人だからできるサービス

ですが、だからこそ、こういったテーマを扱うサービスは他で見当たりません。

なので、存在意義があり、公開する意味があると思っています。もし、公開して、利用者が増えれば、個人的にもやった甲斐があったなと思えますので、広まってほしいという気持ちはあります。

非公開

「え、恥ずかしくて遺書なんて書けない」そう思いましたか？

安心してください、公開されてませんよ。

書いた遺書は、書いた本人しか見れません。

※今後のversionで、見たい遺書に課金した人のみに公開する予定です。

え、webなのに、非公開ってそれ意味ある？

このSNS全盛の時代に、非常にクローズドなwebサービスです。

遺書というセンシティブなテーマ
クローズドなサービス

誰もやろうとしませんよね、特に企業は。だからこそ個人でやる意味があるのかなと思いました。

※今後のversionで、見たい遺書に課金した人のみに公開する予定です。

まとめ

とにかく、一度書いてみてほしいです。

そのときに何を感じるか、何を想って書くのか。

“それ”を感じ取ってもらえれば幸いです。

遺書一筆

リモートワークを始めて１ヶ月経って気づいたこと

Mon, 02 Oct 2017 20:47:07 +0000

リモートワーク（自宅勤務）始めて１ヶ月過ぎましたので、感想まとめます。

生産性

結論から言うと、体感ですが、１日８時間労働内での生産性は大きくは変わりません。どちらかというと、自宅の方が高いかな？ぐらい。（でもほぼ誤差）

実施する前は、自宅勤務だと生産性が下がるのでは、という不安なところは有りましたが、それは無かったのでまずは安心です。

気づき

オフィスってそれなりに最適化されてるので生産性が悪くない
それと同じような環境が自宅でも実施できた

というのに気付けたことが一つの成果と思っています。

オフィスワークとの違いは、

メリット：オフィスに居るときには入ってくる雑音（自分に関係のない会話等）に巻き込まれない
デメリット：オフィスに居ないことによる気の緩みで、余計なことしちゃう（facebook見がちとか、少し家の作業手伝っちゃうとか）

で、プラマイゼロ感はあるのですが、マイナスは、打ち消していけそうなので、自宅勤務の方がまだ伸びしろはあると感じはします。

出来た時間の使い方

通勤時間（3.5時間）がまるまる浮くわけですが、どう活用できたか。

まずは朝の時間

朝にできた時間

ここの時間は、活用が難しかったです。

理由は「仕事モードへの切り替えがあいまいになる」ためです。

従来なら、

朝飯食べて
着替えて
通勤して
オフィスに着いて着席

というステップがあり、仕事モードへスイッチが切り替わるのですが、自宅だと

朝飯食って
着替えて
デスクに着席

となり、目が覚めないうちに作業開始となるので、スムーズに始めれませんでした。

気づき

ここで気づいたのは、通勤中に歩いたり朝日を浴びたりすることに、意味があったんだなと確認できました。

なので、自宅勤務でも頭を切り替えれるようなこと（朝デスク着く前に少し外を散歩するとか、読書してみるとか）をすれば、スムーズに仕事始めれそうな気がしてます。

夜にできた時間

outputが増やせました
プライベートワークが充実しました

output

outputで言うと、このブログがまさにそれで、こんな記事は平日に書く時間の確保は難しかったのですが、時間に余裕ができたことで、執筆できました。

プライベートワーク

プラベートワークに関して言うと、今は

筋トレor水泳
個人サービスの開発
ピアノ練習

に当ててますが、それぞれゆったりこなせる時間の確保ができました。

あと、夜出来た時間というより、家庭内スケジュールの都合ですが、

今まで殆どが一人で晩御飯でしたが、家族と晩御飯を一緒に過ごせるようになりました。

これ、意外と大事なことですよね。

まとめ

生産性は変わらない（若干まだ向上の余地あり）
朝の時間は、目覚めの切り替え方法の確立が重要
夜の時間は、プライベートワーク充実し、家族との時間が増えた

と、書くと、いい事ずくめには見えますが、かと言ってリモートワーク"だけ"しようとは思っていません。オフィスに出向いて、みんなと同じ場所で働く重要さもあると思っているからです。

なので、今後も週の半分リモートワークで、半分をオフィス勤務にしようと思っています。

EVO2017が面白すぎたので資料作っちゃいました

Sat, 16 Sep 2017 01:07:10 +0000

タイトルの通り。面白すぎて何度も見てしまうので、この面白さをみんなに伝えるべく資料をつくっちゃいました。

見たことない人も見たことある人もぜひ一度ご覧あれ

Evo2017

途中貼ってる動画は、必ず見てください。

会場の熱、コメントの盛り上がり、解説・実況者の興奮。

感じてください。

リモートワーク、始めました

Tue, 05 Sep 2017 00:41:05 +0000

「私、今日が初めてなの」

ということで、本日よりリモートワークを開始しました。

多分、初日の今日、感じた初めての気持ちは、もう今後一生感じれないと思うので残しておきます。

リモートワーク初日

今までもリモートワークっぽいことはしていましたが、正式に会社・上司に認められる形で今月から週２回の試験運用を開始、その初日が今日でした。

環境

まず場所ですが、実家の2F、余り使われてない部屋があったので、片付けて、IKEAで揃えた机とイスを新調。それだけの、簡単な環境です。

準備

だいたい、机で¥15,000、イスで¥20,000ぐらいで揃えました。

イスはもっとお金かけていいとこだと思ってるのですが、いきなり掛けて失敗できないので、まずは手頃なものを選びました。

今後ちょくちょく必要な備品は揃えたり、versionアップしていこうかと思っています。（まずはマルチディスプレイにせねば。。。

プラス3.5時間

私は通勤時間だけで往復約3時間半移動で消費してました。これを活かせるのが大きいです。

今日は、朝、机やイス、PCのベストポジション探しに時間使いましたが。。。

新たに生まれたその時間に何か色々実施したいので、何かしら目標を決めようと思ってます。

集中力

今日だけで評価するのは早い気もしますが、ちょっと慣れない、足りてない感じと、リモートワーク自体に浮ついてしまい、若干ふわふわしていた感があります。

が、やはりオフィスには無い、集中のし易さは感じます。

動きがない

人が自分しかいない部屋なので、周りに目線を奪われる動きがありません。これは集中しやすいですね。

雑音が少ない

これも同様、基本的に、人が自分しかいないので、関係のない会話や雑音が少ないです。近所の雑音はありますが、イヤホンをしてしまえば、完全に一人の世界になれます。

これもオフィスに比べて、集中しやすいですね。

まだまだ向上できる

今後、環境をどんどん良くしていけば、オフィスより確実に良い環境になるなという期待があり、楽しみです。

勤務外の活動

運動不足解消のため、週に１，２度、帰りの通勤路の途中駅で降りてプールに通ってました。

今日は勤務終了後、家を出てプールに向かったのですが、家を出てまでプールでしんどい思いをするのか、というのが億劫に感じました。

これは家でのリモートワークの欠点かもしれません。

ただ、普段オフィス通いならできない、サンダル履いてプール行けたので、泳いだ後シャワーを浴びて、サンダルで帰れて気持ち良かったです。これ地味ですが個人的には大きいです。

疲労感の軽減

通勤による疲労が無いせいか、疲労感が普段より少ないです。これはいいことですね。

欠点

誰も居ないので、ついついfacebookや長めのyoutubeを見てしまう。。。というのはありますね。

人は弱い生き物。。。ここは自制心との戦いですが、仕組みで防げることも分かりました。

メインの案件で、夕会という形で毎日進捗報告しています。

その為８時間の業務で、何かしらのアウトプットがないと、報告することがありません。

これがいいプレッシャーになって、仕事に向かわせてくれます。

毎日の定例大事。

１日やってみて

改めて振り返ると、１日がとても長く感じました。今まで当たり前のように毎日通勤に時間を浪費していましたが、当たり前にしてはいけないなと。こんなに１日時間があったのかと、思い知らされました。

まとめとしては、

オフィスよりも集中できそうなので、生産性はあがりそう
通勤による余計な疲労が少ない
プライベートワークな時間が増え、仕事以外のアウトプット量が増える

※このブログを書けるのも増えた時間のおかげです。

ということが今日の感想でした。もうちょっとこなれてくれば、また違った感想になりそうです。またその時にまとめたいと思います。

おまけ

せっかくリモートワークできるチャンスを頂けたので、最高の環境で普段以上のパフォーマンスを出すのが最低限の責務と思ってます。

なので、まだまだ改善・及びアウトプット続けていきたいと思います。

まにフェスでIoTの魅力についてLTしてきました

Sun, 03 Sep 2017 16:47:06 +0000

まにフェスで発表してきました。

その時の資料はこちら

IoTの魅力 from Eiji Yokota

神戸デジタルラボの村岡さんが総合司会を務めるこのイベントで、ウェアラブルデバイスユーザ会で発表の枠を頂けましたので、IoTの魅力、というタイトルで話してきました。

こういった場での発表は久々だったので、発表の話を頂いたその日から、実は緊張が。。。

発表当日も落ち着こうと思ってたのに、やはり、落ち着きが無く。

一方的に話すような形になったな、と反省。

聞いてくださった皆さんにうまく思いが伝わったか不安ですが、

次機会があれば、もっと皆さんの様子を見ながら話せるぐらい落ち着いて話ししたいですね。

今回の機会をいただいた、村岡さん、またこのイベントの運営しているかぷっとさんに感謝です。

また機会があればぜひよろしくお願いします。

（招待されるぐらいの人間にならないと！

Web based IoT 勉強会立ち上げました

Thu, 17 Aug 2017 23:19:00 +0000

もっとwebの人たちにIoTを！ということでこのような会を @bathtimefishこと村岡さんと企画し、第１回を開きました。

私も喋らせていただいたのでその時の資料を公開します。

webエンジニアがIoTにハマるわけ from Eiji Yokota

とにかく、やること盛り沢山で勉強しないといけないことも盛り沢山です。そんな環境に身を置けることがエンジニアとしては幸せだな、と純粋に思うので、みなさんにもぜひ体験いただきたいなと思います。

勉強会開催にあたり、場所を提供いただいた神戸デジタルラボ様ありがとうございました。次回は大阪予定です。日付など詳細が決まりましたらtwitter等で告知しますので、よろしくお願いします。

Deep Learning実装祭り!! に参加してきた

Sat, 18 Feb 2017 19:05:06 +0000

なにわtech道 Deep Learning実装祭り!! に参加してきたのでそのメモ

TensorFlowで分かるディープラーニング

google 佐藤一憲

脳みそのニューラルネットを人工的に模した物
データ分類の傾き(２次元・線形の場合、ニューラルネットで言う重み）を人間がやっていたのを学ばせる
勾配降下法
google could datalabを使ったデモ
- １段のニューラルネット
手書き数字画像から数字を判断
784枚の学習画像、0-9の10枚の正解（ラベル）画像
y = softmax(Wx+b)
いきなりTensorFlowやるよりは、まずはオライリー、ゼロから始まるディーブラーニング、がおすすめ
softmaxとは、1-10までの数値確率っぽいもの。すべてを足して１にする。
トレーニング
cross_entry = 判定時にどれぐらい間違ってるか。wを正解に近づけていく。
勾配降下法
学習先環境（gpu,cpu,tpu）とセッションを作る
test
accuracy 正解精度 91%
true/falseではない、モヤッとしたデータをプログラムで扱える、というパラダイム・感覚が面白い
同僚の複数段デモ
複数段にする意味。隠れ層を足す。非線形も扱える。
問題に寄るニューラルネットの層・ノード個数は適当
sigmodi関数よりreluのほうが学習効率がよい。理由は謎。
学習率に変化をつける。初期は高め、収束していくと、小さく。アダム。learning rate decay。
overfitting過学習。dropout。ランダムにノードを削除する。91 -> 98
畳み込みネットワーク。convolutional layer。画像をピクセルではなく、画像のままとらえる。99

黒魔術（笑）で学習精度を上げている、とのこと

世界初CEVA社 DSP XM-4で動かすニューラルネットワークその実力とは

夏谷　実（パソナテック）

CEVA XM-4 とは、画像処理に強いプロセッサIP。汎用プロセッサに対するGPUの位置づけ。
XM-4の評価依頼,「あ〜ん」までの46文字を学習。cで書いた学習式をSM-4用に変換。
AlexNet 8層 googleNet 22層で検証

Intel FPGAのDeep Learning Accelerator IPとその開発手法紹介

竹村　幸尚　樣　(日本アルテラ株式会社) yukitaka.takemura@intel.com

FPGA
Deep Learning Accelerator IP 50-100万
tipベンダーなので２方向
クラウド分析
交通の安全性
FPGAなので、色んなネットワークに対応
AlexNet
GoogleNet

azure functionsでnode.jsアプリケーション開発

Tue, 07 Feb 2017 18:39:35 +0000

azure functionsでnode.jsを開発環境を整える手順をまとめておきます。

functionsとは

簡単にサービス紹介すると

プログラム実行環境で、プログラムを置くだけで実行環境構築が不要
AWSでいうlambda
プログラムおく他に、trigger、input、outputを決める。triggerのみ必須。
対応言語：C#、php、node.js、Python、PowerShell、etc
2016/11/10 GA（general availability）
Function App？表記の揺れ
webjobというPaaSをベースに動いている

2016/11/10にGAになったばかりのできたてサービス。以前はFunction Appというサービス名だったようで、web上の情報にも表記のゆれがありますので、ご注意を。

ポータルからfunctionsを作成

プランは大きく２種類で（参考）

従量課金・・・トリガー時のみインスタンス起動。処理時間で課金。
App Service・・・インスタンス常時起動。リソース利用時間で課金。

とあります。ドキュメントによると、しょっちゅう処理する場合はApp Serviceで、たまに処理する場合は、従量課金という使い分けになります。

で、注意として、従量課金は基本オートスケールなはずです。が、乗せるアプリケーションによってはスケールしない場合もあるようで、その場合は、App Serviceでそれなりのプランを選ぶ、という回避策になります。そちらの方が、インスタンスが常時起動している分、初期の起動が早いという特徴があります。

実行

functionリソースが作成されたら、ポータルから最初の実行できるとこまで確認します。

HttpTrigger -> 適当な関数名 -> triggerにhttp

以上の手順ですすめると、functionsの完成です。

実際にhttpリクエストからトリガーを起動させてもいいのですが、ポータルでテスト実行できます（以下画像参照）ので、簡単に動かすだけなら、そこからでも良いです。

画像未復旧: function_http_trigger

動かすだけなら以上で終わりです。

※実行ログが表示されない、という場合はqiitaに書きましたこちら参照下さい。

ローカル開発環境

しっかり開発するにあたっては、毎回ポータル上のソースを修正&実行するのは手間ですので、ローカルで開発できる環境を整えます。

これもQiitaに投稿しましたので、参照下さい。

補足:環境変数

App Serviceの変数設定、というところから環境変数を設定でき、process.env.○○で参照可能です。

例としては、

キー名：KEY_NAME
値：hogehoge

とすると、

console.log(process.env.KEY_NAME);
// hogehoge

// ※functions上だと
context.log(process.env.KEY_NAME);
// hogehoge

となります。

画像未復旧: env_variable

これらの設定系の値は、リソースマネージャというサービス(https://resources.azure.com/)で、APIから操作する場合は、リソースマネージャーを利用すれば可能です。

deploy

deploy方法について、こちらもqiitaに纏めております。

まとめ

azure functionsのnodes.js開発環境構築の解説でした。

おまけ

ドキュメントをざっと読むだけでは気づかなかったけど、知っておくべき機能をメモ。

host.json

host.jsonファイルで、function自体の設定値を管理しています。

https://github.com/Azure/azure-webjobs-sdk-script/wiki/host.json

timeout時間はここで設定できます。

ここはaws lambdaより優れている点かと思います。

funcitons.json

ポータルのGUIでtriggerや、outputを設定できますが、実質はfuntions.jsonを書き換えているに過ぎません。

そのfunctions.jsonには、ポータルからでは設定できない別のプロパティも用意されており、仕様はこちらに記載されています。

https://github.com/Azure/azure-webjobs-sdk-script/wiki/function.json

こちらを読んでもらうのが確実ですが、１つだけ紹介しておきます。

timer trigger のときのdisabled true

triggerにtimerを設定すると、いざ動作を止めたいときに、止める方法が見当たらず、わざわざfunctionsを削除してたりしました。

Node-REDを紹介しました

Tue, 26 Jul 2016 23:03:04 +0000

かみやんさん主催のJavaScript Performanceというイベントで

Node-REDについて喋ってきました。

資料はこちら

Node-REDの紹介 from Eiji Yokota

最近仕事でNode-REDをベースにしたenebularというサービスを触っており、

勉強する機会があったので、喋ってみました。

プログラマーじゃなくても少しnodeを勉強すればシステム組めるし、flowを簡単に共有できるので、マーケターの方などにもオススメです。

第33回関西PHP勉強会でLTしてきた #phpkansai

Mon, 30 May 2016 23:22:14 +0000

久々にphp勉強会でLTしてきました。

発表資料は以下。（ちょっとアップロード用に手直し済み

技術論というより精神論です。

発表の目的は資料の通り自分のためです。プライベートで開発がしたいと思っているのに出来ないという状況を、ぐずぐず言い訳してないで手を動かすように強引にもっていくため、追い込むメソッドを発動したというものです。

おかげで発表前の１週間はかなりきつく、体調も崩しかけたので、もう追い込むメソッドはやるべきでない、そう思ってしまうほどでしたが、そんな中でも発見がありました。

1日5分だけ

資料にも書いてますが、これ、結構自分の中でやってみて効果が大きかったです。

とにかくノートパソコン開いて５分だけでも作業するようにする。

ポイントは、5分というハードルの低さだと思ってます。

作業する環境を整えるというタスク

実は、何もしない、のと、ちょっとでも作業する、には、作業する環境を整える、というタスクがあって、これが結構めんどくささの壁になってたりします。

そのため、今までは、30分とか1時間の作業時間が確保できないと、なかなか作業にとりかかる事自体をしませんでした。結局それが、毎日何もしない、につながってました。

“5分だけ”の効果

そこで5分だけでもいいから作業する、ということを目標に掲げると、まず、

5分だけなら、と、この作業する環境を整えるタスクをなんとかこなす
いざ作業が始めると、5分では終わらず（短時間ながら、だからこそ）集中して作業ができる

という効果があることが分かりました。

また、副次的に

5分という短さゆえに、次の日の5分のために、作業前に頭の中で事前に作業内容を絞り込める

というメリットも感じました。

1つの課題にフォーカス

いざパソコン開いて、あれもこれもとなると、やることが多すぎてその整理から始まってしまい、作業が手につかないときがありますが、

例えば、

１つのエラーだけ調査して解決する
１つのメソッドだけ実装する

というように予めやる作業を限定し決めておくことで、余計な作業に手を付けず集中できたように思います。

結果、毎日開発する時間を実質5分以上確保しながら、進めれました。

1日5分メソッド

残念ながら発表までに、作りたいものは間に合いませんでしたが、これからもこの1日5分メソッドは使っていこうかと思います。

もし、同じように"開発したいものがあるけど、自分を取り巻く環境が理由で中々手につかないなー"と思っている方がいたら実施してみてください。

大阪版IoT縛りの勉強会に参加してきた #IotLT

Thu, 03 Mar 2016 22:31:26 +0000

大阪版IoTLTイベントに参加してきたので、そのまとめ

大阪版IoTLT 2016/03/03

「#IoTLT」でつぶやこう

発表まとめ

川野さん＠ウフル　milkcocoaの紹介
webにもIoTにも
SDKいっぱいあるよ
菅野のびすけ＠LIG IoTLTの紹介
技術は技術だけは伝わらない
失敗したLTでもあるよ！気軽に。
橋口＠栄和
sleepion 開発。藤田さんと。
IoTバッテリー安く売るよ、2500円
VR ハコスコ。ハコビジョンと合体したようなもの。
３・１９ウェアラブルデバイスって何だ。神戸産業会館。
菅原のびすけ@LIG
pubnub バックエンドサービス　milkcocoaと似てる
findit 落し物探す
tile thetileapp.com 落し物
b8ta b8ta.com テストマーケ。試作品のショーケース。
tessel2 jsで動くマイコン
getstructure.io
etc
河野@konojunta
誕生日メッセージをmilkcocoa使ってリアルタイム配信
学校の課題では、raspiで、QR呼んで、コントローラーになる
吉田＠IotALGYANあるじゃん関西支部支部長＠アドベン
Iotハンズオンを活動
windows10 UWPアプリ。pc,mobile,game,holoレンズ、どのプラットフォームでも動くアプリ？
小菅＠関西おうちハック
おうちハックadvent carender iot部門で２位
ロックオフで、おうちハック中。月ごとにテーマ決め。
辻＠KYOSO
マクニカkibo
ハンズオンしたが、Iotごっこではないか。→コミュニティ連携
3/17-18 グランフロント、Iotanいおたん
柏木@日進システム
リカちゃん洗濯機を制御
エアコンを３Dプリンター使って自作。すごい
jsでほとんど掛ける
松本@バスキュール
GCPUG関西支部長、Iot支部
作ってきたものの紹介

田村＠AMAGMA

講師、執筆、ハッカソンetc
Io[A..Z] Internet of 何々で、すべて説明
田中＠ブリリアントサービス
どこでも見える扉。の紹介。
モノで人がつながる。開発メンバー、その様子を見る人など。
山本＠wakayama.rb
デバイスもサーバもruby
ボードも小型化のために自作
擬似人工衛星
Rubic
極小rubyボード、商品化へ
PG_nokkii@立命館大学
coffee server
DJガジェット、テンガをこねくり回して音をだす

転職したので、転職活動についてのまとめ

Tue, 30 Jun 2015 08:48:35 +0000

転職

転職して1ヶ月経ち、落ち着いて来たので、転職中の流れなど時系列で残しておきます。今転職中の方や、これから転職しようと考えている方のお役に立てれば。

前提条件として、関西に住んでいるため、関西のwebエンジニア、という括りで探しました。

転職活動を始める前に

そもそも、何をしたいのか？を考えました。転職活動の軸になるのでめちゃくちゃ大事かと思います。

これが決めれればおそらくもっとスムーズに活動できたと思うのですが、それがぼんやりしていたため、

ぼんやりに引っかかる会社

ぐらいで調べていました。

ぼんやりを敢えて言葉にすると、これまでやってきたwebのシステム開発をベースにしつつも、もう一歩枠を飛び出したことがしたい、ぐらいでした。

活動開始

前職を続けながら合間に活動開始。ぼんやり以外の条件では、

できたら知り合いベース
先進的な転職サービス

を基準に会社を探しました。

知り合いベース

やはり知らないとこよりも知っている人がいるところの方が、情報も得やすいですし安心です。

たまに見かける"募集してます！“などの呼びかけが無いかSNSなどで調べました。

先進的な転職サービス

それと同時に、転職サービスも利用

これを基本に動きました。

これらを選んでた理由は、最近できたサービスなので、そういったサービスにもアンテナ張って利用している会社というフィルターがかかるためです。

※PRO Sheetは転職サイトではないですが、転職サービスも行っています。のと、転職活動中に生活費を稼げたら、というのも狙ってました。

誤算

僕が転職活動を甘く見てて、サクッと決まるやろ、と思ってたら以外と決まらず、結局4月より休職したので、本格的に、転職エージェントも使っていこうと決意。

あと、転職サービスも枠を広げていきました。

エージェント登録

bizreach

なにやら高級そうなイメージですので、登録してみました。

ただ、会員にもコースがあって、深くサービス使いたいなら、有料のタレント会員になる必要がありました。

転職中でお金ないのに、金とるてっ！と、最初は思ったのですが、無料でタレント会員になれる方法がありました。職務経歴書の登録です。

これに登録すると3ヶ月は無料でタレント会員になれます。3ヶ月あれば、転職決めるには十分かと思いますので、登録しました。

スカウトメールの山

登録後、スカウトメールという名で、めちゃくちゃメールが来ます。これはエージェントからもだし、企業からも直接きます。

はじめはすべて企業から来てるように見えておれすげーってなりますが、違います。初めての人は要注意。

捌き切れずだいたいスルーしてたのですが、中に「プレミア」とつくものがたまに来ます。

これは本来無料会員であれば見れないメールが、見れるというもので、ちょっと本気でスカウトしに来てる感がありました。

なので、基本このプレミアベースで、対応進めました。

最終的にはここから３社のエージェントとやりとりをスタート。

次の転職サービス

エージェント任せではなく、個人でも引き続き動いていこうと、

WEBエンジニア・ブログラマよりな転職サービスにも登録して枠を広げていきました。

これらで会社を探しながら、エージェントの方々からの紹介も受けつつ活動。

この間、休職中なので、生活費はもとより交通費も結構痛かった。

決断

１０社以上の会社を受け、最終的に数社から内定頂くことができました。

そして最終的にはクラウドサービスを提供・支援する会社に決めたのですが、決めた理由は

最後まで悩みましたが、面接で提案した、１週間アルバイトしてみる、という提案がそのまま通る柔軟性。
エンジニアだからこそ分かる“作らない”という利点
提供するサービスの質が、何もしなくてもある程度担保されている。
その分、クラウドだけでは解決できない難しい課題にフォーカスし、チャレンジできる

というのが決めた理由です。今ではIotやクラウド同士の連携業務に取り組んでおり、新しい発見が毎日あって非常に充実しています。

転職感想

あと、その他もろもろ、転職活動で感じた感想です。

いろんな会社行っていろいろ話し聞くのは面白い
面接前の面談という、お話するだけの機会がありますが、ここでは割とリラックスして、会社の事業内容や割とぶっちゃけた話が聞けます。普段、会社にいるとなかなか聞けない話なので、結構貴重な機会かと思いました。
面接慣れは、必要。なので、活動し始めは、本命１社に絞るよりも、ちょっといいかもぐらいの会社数社をどんどん受けた方がよいです。
面接で落とされるのはつらい。単なるミスマッチということも理由としてあるだろうから、そう思って自分を励ます。もしくは、、、、最後に書きますw。
社内も大事だが、常に意識を外（社外）に向けて、今自分はどの辺にいるのかを意識すべき。でないと社内ではなく、社会の中での自分の価値が分からなくなります。そうするために社外に常にアンテナを張っておく。
転職サービスごとに、履歴書と職務経歴書を書かされるのにイライラ。一箇所にまとめて、あとはapiで呼び出すとかしてほしい。ので誰かそういうサービスはよ。

以下、心の叫び

俺を落とした◯◯株式会社とか株式会社××とか！

絶対後悔させてやるからなっっ！

っていうモチベくれてありがとーーーー

http://fivebestessaywritingservices.blogspot.com

vagrant上で開発してherokuにデプロイする環境を構築

Tue, 03 Feb 2015 19:12:55 +0000

久々にサイトを作ろうと思いたち、pushでデプロイされる環境で開発したくて、勉強も兼ねてサーバはherokuで、開発環境をvagrantで作ったので、手順メモ。

環境

cakephpはcomposerの最新が2.6だったので、versionはそれで。

git
composer
cakephp2.6

Vagrant

本当は一からVagrantfileファイル作りたいのですが、（まだ勉強不足なのと）個人サイトなので、一旦先人の知恵を借りてcakephp+vagrantなgitから環境作ります。

vagrant-cakephp

git clone git://github.com/borivojevic/cakephp-vagrant

作業用ディレクトリに移動

cd cakephp-vagrant/

puppetで環境構築するようです。仮想環境なので、何で構築しようが気にしなくていいのもvagrantの魅力ですね。

起動します。

vagrant up

Vagrantfileに書いてますが、IPは33.33.33.10 が割り当てられるので、hostsに分かりやすい名前つけておきます。

sudo vim /etc/hosts

33.33.33.10 cakphp26.localhost

ドキュメントルートはwebrootに設定されているので、適当にwebroot/index.php をおいて、ここhttp://cakphp26.localhostにアクセスして確認。

この作業用ディレクトリがvagrant上の/vagrant/ と共有されていますので、ここにソースファイルを置いていけばokです。

heroku

herokuはアカウント登録後めっちゃ丁寧にintroductionあるので、pushしたらサイトに反映って流れはそれに従うだけで簡単にできます。

一度それに従ってなんとなく構造が分かったので、今回必要な分だけ挙げておきます。

先ほど作業していたディレクトリと同じ場所で

heroku環境作成。git remoteにherokuが追加される

heroku create (好きなアプリ名)

introduction の php-getting-started.gitにある、composer.jsonファイルを参考に、手を加える
addonなど使うために、クレジットカード情報は登録しておく。（無料枠でもこの情報が必要）

composer.json

{
 "name": "example-app",
 "repositories": [
 {
 "type": "pear",
 "url": "http://pear.cakephp.org"
 }
 ],
 "require": {
 "cakephp/cakephp": "2.6.*"
 },
 "config": {
 "vendor-dir": "Vendor/"
 }
}

で、書いたものをインストール

composer install

cakephp

この時点では、cakephpの本体部分しかないので、スケルトンを作成（参考：ComposerでCakePHPをインストール）

Vendor/bin/cake bake project app

この時点で、ファイル構成は、

- cakephp-Vagrant/
-- Procfile
-- Vagrantfile
-- Vendor/
-- app/
-- composer.json
-- composer.lock
-- puppet/
-- webroot/

こうなってるはず。で、webrootをappディレクリ内webrootをコピーして持ってきます。

Titanium tips

Mon, 19 Jan 2015 17:53:35 +0000

かなり前から貯めてたtips(3.3.0GA)を残しておく。

モジュールの設置場所 app/lib,~/Library/Application Support/Titanium/modules/iphone/
自作モジュールのsample/app.jsが読み込まれてない場合は、~/Library/Application Support/Titanium/mobilesdk/osx/3.3.0.GA/all/app.js を読んでる。
バックグラウンド処理のファイルの置き場所 service.jsというファイル名なら app/assets/iphone/service.js
Ti.mapでクリック出来ない longpressでviewのx,yから算出
imageasresizedで変換するとpngに変わる

https://jira.appcelerator.org/browse/TIMOB-15247

Tabのカラー・画像は変えれないと思った方がよい(iOS)
android 実機のログの確認方法 (android_sdk_home)/tools/ddms
android_sdk_home はti info の android SDK のSDK Path
テーマの変えかたは、appフォルダと同じ階層にplatform/android/res/values フォルダ作ってtheme.xml というファイル名以外の名前でxml作成 ■サンプル

あとtiapp.xmlの

として @style/(styleのname)を指定。すでにapplication タグがあったら


中身

これで、一応ti cleanしてからビルド

テーマのひな形ジェネレータ http://jgilfelt.github.io/android-actionbarstylegenerator

android でtextareaやtextfieldで、文字入力直後にフォーカスが外れる問題対応方法

$.index.windowSoftInputMode = Ti.UI.Android.SOFT_INPUT_ADJUST_PAN

windowならopenする前、tabgroup内windowならtabgroupに設定してやる

Titaniumがもっと楽しくなる開発環境

Fri, 08 Aug 2014 10:41:42 +0000

Titanium でいい感じの環境を整えてみましたので紹介します。

coffeeScriptでalloyフレームワークを書いて、js変換をgulpで監視・自動化し、tishadowでリアルタイム反映させてます、という内容です。

tishadow

何よりまずはtishadowです。これで開発速度が倍になると言っても過言ではない。

インストール

npm install -g tishadow

以前は、起動に色々ステップがありましたが、今は、tishadow express で簡単に利用出来ます。

tishadow express

ti build -p ios –shadow

tishadow expressコマンドを叩いておけば、いつものビルドコマンドに、–shadowオプションを付けるだけで利用出来ます。

buildコマンドを以下のように実機を対象にすれば、実機で同様の環境が出来ます。

ti build -p ios -T device -V (developer name) -P (UUID) -I 7.0 –shadow

※今の最新の環境(Xcode6beta,Ti 3.3.0GA)だと -I 7.0 オプションでSDKバージョン指定が必要でした。

また、androidの実機だとこうなります。

ti build -p android -T device –device-id (device id) –shadow

これでまず、app以下のファイルの修正が即時反映される環境が出来ます。

coffeeScript

jsのコード量が減ってすっきりするらしいので導入してみます。初挑戦。

インストール

npm install -g coffee-script

これでcoffee環境が整いました。

即時反映

せっかくtishadowを導入して、ファイル保存→即時エミュレータ反映、の流れがあるので、coffeeScriptを導入しても同様にファイル保存→即時ビルド→即時エミュレータ反映にします。

coffeeコマンドにも-wオプションでファイル監視機能がありますが、coffeeScriptファイル以外には適用出来ないので、汎用性を考えてgulpでファイル監視する形にします。

※ファイル構成は以下を想定

Resouces ・・・アプリに反映されるソースのディレクトリ
app ・・・alloy フレームワーク用ディレクトリ
coffee　・・・coffeeScript用に新規で作成

gulp

インストール

npm install -g gulp

その他必要なプラグインも

ウェアラブルデバイス勉強会大阪に参加してきた

Fri, 18 Jul 2014 11:19:59 +0000

ウェアラブルデバイス勉強会＠大阪に行って来たので、気になった事メモってきました。

主催は村岡さん(@bathtimefish)さんで、関西から盛り上げて行こうぜ的な熱いお話からスタート

まずは、神戸大学塚本先生のお話

※聞き取れなかったり、ふーん、な部分は端折ってます。

ウェアラブルデバイスとは

ウェアラブルデバイスをつけて14年。学術的な観点と、実際に身に着けて生活して来た体験から得た知見のお話

ウェアラブルデバイスは以前からあった言葉で、体に身に着けて、実生活で使って、コンピューティングするもの
没入型HMD（ヘッドマウントディスプレイ）のようなデバイスは、実生活で使わないのでウェアラブルデバイスとは呼ばない
ipodはウェアラブルデバイスと呼べる

Android Watch

時計なので、利用想定順は

通知機能
音声認識
手動立ち上げ

として考えられてる

以下、各製品の簡単なレビューがありました。

LG G Watch 画像未復旧: lg-g-watch
Samsung Gear Live 画像未復旧: Gear-Live_Black
Motorola Moto360 画像未復旧: Motorola_Moto_360_Android_Wear

iWatch

またしても遅れて11月発売？
10種類以上のセンサを搭載してるらしい

「9軸（加速度３軸、ジャイロ３軸、コンパス３軸）モーション+心拍」じゃないだろうーなー

予想：加速度、ジャイロ、コンパス、温度、湿度、明るさ、心拍、血圧、血中酸素飽和度、（あと一個聞き取れず
かなり制作に苦戦してるのでは

Epson Moverio

画像未復旧: epson-moverio-bt-200-glasses

ずっと使うの難しい

外光の反射
目が外からちゃんと見えない（普通の眼鏡掛けてる人に比べると、その人を見たときに目が見えないので違和感がある

Recon

画像未復旧: Recon-Jet_white

去年申し込んだけど、全然来ない。１０月予定。

PanasonicのHX-A500

画像未復旧: panasonic-hx-a500-wearable-camera

画質4k。ただし、違い分からない
2分半の動画でで853M
振動補正は良く効いてる

全体的な印象としては、まだまだ広がるには物足りない、といった感想。

後のパネルディスカッションでも仰っていましたが、一番足りないと感じるのはアプリケーションだそうです。

HMDがもたらすユーザエクスペリエンス

中内さん。

デザイナー目線でgoogle glass を半年付けたお話

google glass の仕様、操作方法
実演、take a picture 、trancelate（カメラに写った文字をリアルタイム翻訳）
usable movable wearable で次がfashionableの流れで物が広がっていくという独自分析
例１）置き時計、懐中時計、腕時計
例２）家電話、携帯電話、（デコられた、かわいい）スマホ
例３）眼鏡、グーグルグラス
公認アプリ65本、非公認約300本
ほとんどスマホでよかった。では、グラスで良かったとこは？
知識の外部化（検索力）、隠蔽化（相手には見えない、と解釈しましたがあってるかな）
夜の道路ナビアプリ=TRONごっこと呼んで楽しんでる
SFの世界、ネット（情報の世界）の内側を行ったり来たりする感覚
ライフログ、イベント系では（今のビデオカメラやスマホに比べて）自分がそのまま楽しめる
眼前の画面・カメラを使えるのがスマホに無いUX

PHPExcelの今出来ないこと

Thu, 10 Jul 2014 11:14:13 +0000

PHPでエクセルを読んだり書き出したりできるライブラリPHPExcelをもりもり触っているのですが、主にグラフィカルな部分で出来ないこともあるようなので、そのメモ(2014/07/10現在)

割と色々出来るPHPExcel

エクセルの、特にセルの操作に関しては、出来ない事はないんじゃないかと思わせるぐらい何でも出来るPHPExcelですが、さすがに完璧では無いようで出来ない（機能的に弱い）所もありますので、挙げていきます。

ある程度フォーマットされたエクセルを読み込んで、数値を書き出して、新たに生成する、ような利用方法を想定します。

条件付き書式は、エラーで消える

読み込むエクセルに、条件付き書式があると、一見正常に生成されるのですが、開こうとすると、以下のようなエラーが発生し、

Saveを選択すると、次はこのアラート

言われるがまま修理して開くを選ぶと、以下のような条件付き書式部分が

消えてしまいます。

消えるのは、グラフだけで、背景の色は大丈夫。

chartがあると、エラーで消える

読み込むエクセルにchartがあると、上記と同様のエラーが発生し、chart部分が丸々消えます。なので、chart付きエクセルを生成したい場合、chart部分は全てPHPExcelで書き出す必要があります。

（※PHPExcelで書き出したchart付きエクセルを、再度読み込んでそのまま書き出して見ても同じエラーがでました。）

chart生成時の細かいレイアウト調整は出来ない部分も

chartですが、エクセルではかなり細かいレイアウト調整が出来るのですが、PHPExcelでは同等の機能までは提供できていないようです。

分かっている範囲では、

y座標を２つ設定

このように、y座標を２つを設置することが出来ません。

ここで、PHPExcelのオーナーのMark Baker氏が

At this point in time, PHPExcel doesn’t support secondary axes in charts

PHPカンファレンス関西2014で始めよう！フレームワークことはじめ

Thu, 19 Jun 2014 11:29:08 +0000

いよいよ明日に迫った日本対ギリシャ戦を気にしつつも、PHPカンファレンス関西2014のリレーブログ９日目です。

昨日は、@omoonさんの『PHPカンファレンス関西2014 予習用リンク集』でした。気になる関連情報がさくっと追えて助かる記事でした。

さて、そのPHPカンファレンス関西2014では、いくつかフレームワークに関するセッションが開かれます。そのフレームワークに関して、今回は”ことはじめ”ということで、

フレームワークを触った事が無い
これから触ろう / 触りたいと思ってるけど、どれから初めて良いのか分からない
そもそも触る必要ない / 勉強するのめんどくさいと思っている

な方むけに、私の経験を通してそのメリットを書いてみます。

触るメリット

一般的には、コード量が少ない / 早く開発出来るといったメリットが共通してあるかと思いますが、それとは別に個人的に感じたメリットは

使う事で副次的に学べる事がたくさんある

ということです。

まず、私は、初めてフレームワークを触ったときに、普段の開発では使わなかった単語にたくさん出くわしました。

ルーティング
ビヘイビア
マイグレーション
スキーマ
ユニットテスト

などなど。いつどうやって使うのかなど調べてみると、これらの役割の便利さ/重要さに感動したのを覚えています。そして、こういった機能を知る事で、逆にフレームワークを使わない開発でもこれらの機能を意識して開発できるので、開発の質を上げることができました。

また、別の角度で使うメリットをカンファレンス内の13:30-14:00 C-3セッションフレームワークを使うべき 3 つの理由向井賢一　こちらで聞けるんじゃないでしょうか。

選ぶポイント

じゃあ、一体どのフレームワークを最初に使えばいいの？

そう思ったら、こちらのセッション 14:45-15:45 A-3セッション「フレームワーク4本勝負」 に参加するしかないでしょう！

もちろんフレームワークはこの4本以外にもあります。が、選択枝を広げられても選ぶのは難しいと思います。

そこで私の選んだ理由をこっそり教えます。

私は、最初のフレームワークにCakePHPを選びました。何故か？

名前がなんかかわいい

、、、というのは半分冗談ですが、半分本気です。ぶっちゃけ、最初から自分にあったフレームワークなんて選べませんし、そもそも”自分にあう”ほど何かを確立していた訳ではなかったので、”重厚すぎず、とっつきやすそう”という理由で選んだのは大きなポイントでした。最初はそれぐらいでいいと思います。

そこで、上記のような様々な用語と出会って、色々学んで、ある程度使えるようになると、次に別のフレームワークを触りだしても、似た部分が多いので、最初の壁がだいぶ乗り越えやすくなる、というメリットも生まれます。

私も今、Laravelというフレームワークを勉強し始めてます。”DI”って何それおいしいの状態ですw　が、何とかなるかーと思って進めてます。（あれ、またかわいい名前選んでる？

開発コミュニティ

とにかく、どれか触りましょう。そして、触り始めたら、開発コミュニティへ参加することも強くをオススメします。近くで”○○勉強会”とかあれば、行けば分からない事を聞けたり、知らない機能に触れるチャンスです。

私は、cakePHPを通して、色んな方と出会って勉強させてもらいました。周りに使っている人がいるかいないかで、勉強の効率もモチベーションも大きく変わってきます。そういう意味では、日本人がよく使っている、というのも選定基準の一つになりますね。

まとめ

フレームワーク触った事無かったらどれでもいいから触ろう！きっとこのC-3セッション「フレームワークを使うべき 3つの理由向井賢一」でありがたい話しが聞けます！
どれがいいか？それは、ここで聞いてみよう！A-3セッション「フレームワーク4本勝負」

明日のリレーブログは、@tbsmcdさんです。宜しくお願いします。

git-ftpで、ftpしか出来ないサーバでも自動デプロイ

Wed, 04 Jun 2014 18:49:17 +0000

レンタルサーバ等の、ftpしかできないサーバを扱う案件でもやはりバージョン管理はしたいし、できればcommitで自動デプロイもしたい。そこで、見つけたgit-ftpを使ってみました。

利用想定環境

以下のようなシーンに有効かと思います。

ftpしか使えないサーバ
検証環境=本番環境（要はサーバ一つだけ)
ローカルリポジトリでしか管理していない

主に、レンタルサーバでのサイト開発を一人でするような場合にこれに当てはまるのではないでしょうか。

インストールと使い方

ほぼこの記事通りなのです。まずはインストールして

$ brew install git-ftp

ローカルのリポジトリに移動してinit

$ git ftp init -u (user) -p – ftp://host.example.com/public_html

で、完了です。

ですが、このままだと毎回

git commit
git ftp push (…以下略)

と、commitの度にgit ftp pushを繰り返す流れになるので、せっかくなので、commitしたら自動でデプロイするようにします。

hooks

commmit後に走らせる処理は、.git/hooks/post-commitというファイルに処理を書きます。ここに

exec git ftp push --user (user) --passwd (password) (host)

という形でgit-ftpの同期コマンドを設定してます。これでok

あとは、git commitすれば、自動的にftpも走って同期されます。これで通常手動でftp行なっている場合、アップロード漏れの心配が無くなります。

google analytics api を使いやすくしたgoogle_analytics_report 公開します（サンプルレポートダウンロード機能付き）

Fri, 30 May 2014 15:28:15 +0000

google analytics api を使えば、web上で見る analytics のデータをほぼ自由に扱えるので、サイトにアクセス数を表示したり、excelに解析レポートとして出力したり色々自由にできます。

今回、exelに出力しようとして作ったライブラリ公開します。

グーグルの各サービスで利用出来るライブラリ google-api-php-clientがあるので、これを利用すれば、やりたいことは出来ます。ですが、エクセルにレポート出力するときに使いやすいようラッパー作りました。

ソースはここ（github@papettoTV/google_analytics_report）

ライブラリの説明

google-api-php-client を使えば

$this->analytics->data_ga->get();

で api 叩いてデータは取得できるけど、一度解析レポートを作成しようとすると何度もこれを呼ぶので、共通化していい感じにしました。この google_analytics_report のキモは、ここ（だけと言っても過言ではない！）。Google_Analytics_Report_Core::getResultsCommon()メソッドに集約されております。ポイントは、

apiなので取得件数に上限あるけど、取得側は気にしないのでいいようにした。
取得した値の合計値とか、件数とかよく使うので、それも共通化しておいた。

環境セットアップ

まず、api key 登録している前提です。

していなければ、ここから登録をすすめましょう。

api key登録（未登録の方向け）

細かい説明は省きますが、

project を作って
メニューの APIs & auth -> APIs -> Analytics API を on にして
再びメニューの Credentials で、Oauth と Publick API access の Key for server applications を作成

使うのは、

Client ID for web application の Client ID と Client secret と Redirect URIs
Key for server applications の API key

になります。

Redirect URIs はこのライブラリを設置するフォルダ内のredirect.phpを指定してください。

titanium のfacebooke module のloginイベントの謎挙動

Tue, 08 Apr 2014 19:32:10 +0000

動作が期待通りでないので、記録

検証環境

環境は、Ti SDK 3.2.2 でiOS7シミュレータ

試した、サンプルコードは以下。classicのsingle window applicationのFirstView.jsにfacebookのmodule追加しただけのコード

//FirstView Component Constructor
function FirstView() {
 //create object instance, a parasitic subclass of Observable
 var self = Ti.UI.createView();

 //label using localization-ready strings from /i18n/en/strings.xml
 var label = Ti.UI.createLabel({
 color:'#000000',
 text:String.format(L('welcome'),'Titanium'),
 height:'auto',
 width:'auto'
 });
 self.add(label);

 //Add behavior for UI
 label.addEventListener('click', function(e) {
 alert(e.source.text);
 fb.authorize();
 });

 var fb = require('facebook');
 fb.appid = {FACEBOOK_APP_ID};
 var loginFacebook = function(e){
 alert('loginFacebook');
 }
 fb.addEventListener("login",loginFacebook);

 return self;
}

module.exports = FirstView;

labelをクリックしたら、fb.authorize()が走って認証。1回目の動作は期待通りだが、問題は認証後の挙動

何故か発火するloginイベント

認証後、アプリを再びビルドすると、アプリが起動した直後に表示されるloginFacebookアラート。何故か以下の

var loginFacebook = function(e){
 alert('loginFacebook');
 }
 fb.addEventListener("login",loginFacebook);

loginイベントが発火してる模様。labelをクリックしてないのに。アプリが起動しただけで発火。謎。試しに一度、logout()してみる.

ベーシック認証作成ツール(php)を作った

Tue, 25 Mar 2014 09:38:34 +0000

ベーシック認証を簡単に設置出来るphpツール作りました。

なんで作ったのか？

大抵のレンタルサーバーで、ベーシック認証を設置する場合、

.htasswdの設置パスを調べる（php置いてpathinfo()とか）
「ベーシック認証　作成」でググる
.htaccess＆.htpasswd 作成サービス見つけてクリック
id/pass入れて.htaccessと.htpasswd生成
ローカルに.htaccessと.htpasswdを保存
.htaccessと.htpasswdをベーシック認証設置したいフォルダにftpでアップロード

という流れがほとんどでした。sshできないとこうなりますよね。

決して難しくはないけど、.htpasswdの設置パスを調べるのが、意外と面倒だったりします。そこで、もうちょっとこのフローを簡単にしようじゃないかということで作ってみました。

ベーシック認証設置方法

今回作成したツールの使い方です。

ここのソースをダウンロード。Download Gistをクリック
解凍して出来たphpファイルを、ベーシック認証設置したいフォルダにftpアップロード
ブラウザからこのファイルにアクセスして、id/passを登録

以上です。簡単でしょ？

完了したら、アップロードしたmake_basic.phpは不要なので削除してください。

当然ですが、動作環境としてphpが動く環境が前提になっています。いくつかのレンタルサーバでは試して問題なかったのですが、みなさまの環境で動かなかったりしたら@papettoTVまでご連絡ください。

以下がソース

あと、誰か素敵なデザイナさんが現れてhtmlをいい感じにしてくれるはず。。。|дﾟ)ﾁﾗｯ

あと、すごい今さら感のあるツールなので、もっとええのあるなら教えてください。（ググらない勇気

iOS実機やgenymotionに導入して分かった、tishadowの動作概要

Fri, 07 Mar 2014 14:49:27 +0000

あくまで概要でメモ程度です。

tishadowは、tishadow server とtishadow アプリで構成
対象のエミュレータor実機にtishadow アプリをインストール
tishadowアプリを起動しconnect する際、genymotionや実機からの参照IPはifconfigで確認
対象project内でtishadow runすると、tishadow serverからtishadowアプリへとビルドファイルが送られる
ビルドしたアプリは、tishadowアプリ内で動く
tishadowアプリがアクティブであれば、即時反映される

参考URL

Titaniumで、listViewのitemView内のオブジェクトへのイベント設置方法

Thu, 06 Mar 2014 11:55:46 +0000

意外と日本語の記述が見つからないので、iOS環境で動かしながら調べたことを残しておきます。

listView基本

サンプルコードは以下

var template1 = {
 childTemplates: [
 {
 type: 'Ti.UI.ImageView',
 bindId: 'profile',
 properties: {
 image:"/path/to/image.png" ,
 },
 events:{
 'click':function(e){
 alert('imageview lick');
 }
 }
 },                    
 ]
};

var listSection = Titanium.UI.createListSection();

var listView = Titanium.UI.createListView({
 sections: [listSection],
    templates: { 'plain': template1 },
    defaultItemTemplate: 'plain'  ,
});

itemViewへのイベント設定

itemViewをタップした場合のイベント、itemclickは用意されていますのでこれでいいです

listView.addEventListener('itemclick', function(e){
 // 処理
 });

itemView内オブジェクトへのイベント設定

itemViewにaddしたオブジェクトに別途イベントを設置したい場合、記述は以下になります。

template1.childTemplates[0].events = {
 'click':clickEvent
 };
 function clickEvent(e){
 // 処理
 }

つまり

テンプレート.テンプレート名[イベント設置したいオブジェクトのindex].events = {‘イベント名’:イベント処理関数}

という形です。今回で言うとchildTemplatesの0番目のimageViewにclickイベントを設置しました。

複数のイベント設定

複数指定する場合、

plainTemplate.childTemplates[0].events = {
 'click':clickEvent,
 'swipe':delete,
 };
 function clickEvent(e){
 // イベント内処理
 }
 function delete(e){
 // イベント内処理
 }

こうなります。

Titanium CLIでbuild時にinvailed –developer-name と出る場合の解決方法

Tue, 04 Feb 2014 11:05:56 +0000

いつものようにtitanium cliを使ってbuildしたときに、突然エラーが出るようになりました。

その解決にいたるまでのプロセスメモ

エラー内容は以下

[ERROR] Invalid “–developer-name” value “{developer name}”

（※{}は、適宜変換。）

叩いているコマンドは

ti build -T device –platform iphone -V “{Developer Name}” -P {uuid}

で、確かに間違いないはず！というか今までこれで通ってたのになー、と思いつつ色々調べたのですが、

provisiningファイル見ても、developer nameらしきものが見当たらない
ios develper centerで見れる開発者名入れても、同じエラー
delveoper nameを一覧で参照するようなtitanium cliコマンドもない
思い当たる開発者名に変えても通らず

ぐぬ。

ところが、Titanium Studioからのbuildなら通るので、buildした直後（に停止ボタンで止めてみたとき）のlogを見てみる。するとこんな記述が

Titanium Command-Line Interface, CLI version 3.2.0, Titanium SDK version 3.2.0.GA

Please report bugs to http://jira.appcelerator.org/

[INFO] : Found Titanium module id=facebook version=latest platform=iphone deploy-type=test path=/Users/{username}/Library/Application Support/Titanium/modules/iphone/facebook/3.1.1

[INFO] : Found Titanium module id=appid version=latest platform=iphone deploy-type=test path=/Users/{username}/Library/Application Support/Titanium/modules/iphone/{appid}/0.1

Titaniumで、いい感じのカルーセルUIを作る方法

Tue, 10 Dec 2013 10:54:04 +0000

Titanium™ Advent Calendar 2013の10日目です。

いい感じにスライドするカルーセルを作るためのTips

ScrollViewとScrollableViewって似てて紛らわしいですよね。

で、ここで突然問題です。

勢い良くスワイプしたらその分、ススーってスライドするけど、最後止まるときは、どれかのviewが画面に収まる形でパッと止めるには、どうすればいいのか？

ScrollableView

ScrollableViewを使うと、一枚一枚のviewが紙芝居のようにスクロールします。ですが、勢い良くスワイプしても１つとなりのViewに移動するだけで、パッと止まってしまいます。

ScrollView

ScrollViewを使うと、勢い良くスワイプしたらその分の距離スライドしてくれますが、そのまま慣性の法則で動くだけで、キリのいいところで止まってくれません。

うまくミックスしてイケてるカルーセルができないかな？

いいとこ取りするんだ！

色々と考えたところ、以下の方法で進めました。

まず、ベースとしては、ScrollViewを作って、そこにView1,View2,View3…を乗せて行きます。
これでは、ViewNにぴたりと止まる部分がないため、慣性の法則のまま、止まってしまいます。
ここを以下にクリアするかぁぁ！！！！！！が、今回の話しのメインです。

ススーっと動いて、ぴたっと止める処理

ソースコードで説明します。

var carousel = Ti.createScrollView();
 // スクロールイベント
 carousel.addEventListener('scroll',function(e){
 scrollStatus(e);
 });

scrollイベントに、scrollStatus()という関数を仕込みます。

function scrollStatus(e){
 // 今の位置からページ算出
 var currentPage = parseInt((e.x + pageSize/2) / pageSize);

 // 減速中に位置調整
 if(e.decelerating){
 adjustPosition(e.x, pre_x);
 }

 // 前の座標を保存
 pre_x = e.x;

 }

scrollイベントのプロパティにdeceleratingというのがあります。これは減速中かどうかを表すパラメータです。減速してない間（勢いよくスライドしている間）は位置調整しません。

// スクロール位置調整
 function adjustPosition(x,pre_x){
 // スクロール速度
 var dx = Math.abs(x - pre_x);
 // 速度が落ちたら
 if(dx
位置調整処理の中身です。scrollToで表示したいページに移動します。

###### ポイント

苦労した点は、どうやったら滑らかに動いて止まってくれるか？でした。

最初作ったときは、完全に止まったときにscrollToさせていたのですが、ものすごく不自然な動きになったので、じゃあ、どういうタイミングでscrollToさせれば自然になるのか？

その答えが **スライドの速度が遅くなった時** でした。

前の座標(pre_x)と現在地(x)から速度(dx)を算出して、規定値より少なくなれば、scrollToする、という処理にすることで、かなり滑らかになりました。

##### 実際の動き

ソースコードだけじゃイメージ分からなーい！ですよね？

なんと「[Petap](https://itunes.apple.com/jp/app/petap/id561841079)」というアプリで実装しております。

一度DLして動き見てみてくださいー！

ansibleをmacに入れてさくらVPSの環境構築してみる、その１

Wed, 24 Jul 2013 14:34:11 +0000

Infrastructure as Code！！

ということで、言いたい事言ってこの流れに乗ってみました。

chef流行ってますけど、なんかちょいと壁が高そうと感じてたところに、ansibleとやらを知ったので、導入してみました。

さくらVPSの乗せ変え作業が目的だったので、それを最終目標に、今回はとりあえず導入編で。

環境

メインマシン : 手元のMac（OS X 10.7.5）
対象サーバ : さくらVPS (CentOS6)

ansible インストール

Macにansibleをインストールします。

(ここを参考にしました。Installing Ansible on OS X)

pythonの動作環境構築

ansible はpythonで動くので、まずはpythonが動く環境を用意します。

$ python –version

Python 2.7.1

versionの確認。python2.6以下の場合2.7にupdateしましょう。

$ eazy_install virtualenv

（※以降、権限の問題でエラーが出る場合は、適宜sudoしました。）

virtualenvというpythonの複数versionを動作させるツールを入れます。（おそらく他のpythonシステムと併用を考えての導入かと。ansibleのためだけなら不要かも？）

$ virtualenv ansible-env

ansibleを動作させる環境を「ansible-env」という名前で作ってるようです。

$ source ansible-env/bin/activate

これでその環境になります。(ansible-env)　と出てきます。

(ansible-env)/Users/username%

こんな感じ。（これ以降すべてこの環境で実施しています）

で、その他必要なモジュールをインストール

$ easy_install pip

$ pip install paramiko PyYAML jinja2

ようやくansible インストール

$ git clone git://github.com/ansible/ansible.git

$ cd ansible

$ source ./hacking/env-setup

ansibleを使う

動くかどうか試します。

(ここを参考にしました。構成管理ツール Ansible について)

$ echo “127.0.0.1” > ~/ansible_hosts

スーパーハッカソンに参加して、惨敗だった結果を振り返ってみる

Tue, 21 May 2013 10:20:57 +0000

スーパーハッカソン2013に参加して来ましたので振り返ってみます。結果からいうと12チーム中10位という結果でした。なぜ、どうしてこのような結果になってしまったのか振り返ってみます。

ハッカソン開始前

事前に、寺田さんに声をかけて頂き、さらにメンバーも集めてもらい、チーム「フライングゲット」結成。実は一人でも参加するつもりでしたが、声をかけて頂いたので、最初の課題「チームメンバーになる」をクリア。

開催日

企画は、「〇〇という問題を解決する１画面のサービス」ということで、詰め方として、この問題を決める事から始めました。

各自持ってる問題を付箋に書きまくる
ある程度たまったらジャンルで整理
ジャンル毎に更なるアイデア、または、一つ良いのを拾って深める議論
その中でチームで「これはいいかも」と共感できた案をいくつかピックアップ
そこから一つを決定。としたかったのですが、中々「これだ！」というものが見つからず少し迷走
そんな中、会話の中から生まれた案に皆共感し決定

これで方向性は決定。twilioを使ったアプリを作る事に。

企画書、というかラフはこんな感じ（薄くて見にくいですが）

※実はこのとき、モデレータの藤井さんから、この企画に対してもう一ひねり欲しい、と言われたのですが、結局ひとひねり加える事ができませんでした。

日曜〜水曜

私は、メンバーの中でサーバサイド担当だったので、早速、翌日からtwilioAPIの調査開始。月曜、火曜、と必要な機能の検証／実装を終え、水曜に一度メンバーで再集合。企画の詰めを行った結果、方向性は変わらないものの実装できる機能の制約を加味して、仕様に落とし込んでいきました。

今振り返ってみれば、ここが最後のブレイクスルーが出来るチャンスだったように思いますが、無難な形に落ち着いてしまったのかもしれません。

水曜〜金曜

私は、発表日当日の土曜日はほぼ作業ができないため、金曜までにはデモを見せれる形まで持って行きました。そして、金曜夜に再度集まり、最終打ち合わせ。仕様の詳細確認、残タスクの確認と、発表の確認を行って解散。深夜まで残りの不具合を潰していき、完成させました。

発表当日

発表当日は、友人の結婚式で参加できなかったのですが、非常にハイレベルだったようで、12位中10位と残念な結果に終わってしまいました。悔しい気持ちもありますが、それよりもそれだけハイレベルな他のチームの発表が見れなかったのが本当に残念です。

反省点

結局、最後までひとひねりできなかった
開催日に藤井さんが言われた「これだけのことが１週間で出来るのか？」という限界ギリギリまで目標を設定できなかった

やはり、最終日参加できないため、ギリギリまで詰めれないというリスクもあり、確実に完成させることを目標に（良い意味でも悪い意味でも）無難な形に納めにいったことが、この結果にも大きく影響してたと思います。

次回参加のときは、開催日も発表日もフルフル参加できる体制で望みたいです！

最後に

このようなイベントを運営して頂いた藤井さん、および運営スタッフの皆様、本当にありがとうございます。

自分のクリエイター魂をかき立てるとてもいいきっかけになりました。

チームメンバーのみなさん、もっとキリキリした感じになるかと思いましたが、皆さんの人柄のおかげで楽しく開発もできました。ありがとうございます！

また、他のチームにも感謝です。まっだまだ上がいると思うと、とても気が引き締まります。

ではでは、最後に、またこのような機会があれば、みなさんぜひ一緒にやりましょう。

第6回関西PHP勉強会でLTしてきた #phpkansai

Tue, 30 Apr 2013 17:46:37 +0000

これに参加してきました。

第6回関西PHP勉強会

会が始まる前にピザとビールとxboxが用意されてるという、今まで経験した事無い勉強会。もちろん飲み食いしながらLTが聞ける（実は失礼かも？w）素敵なイベントでした。

全員がLTするという小規模だからこそできる、

和気あいあいとした雰囲気
LT中にも気軽に質問、突っ込みできる

という、スタイルでの発表でした。

発表内容

自動テストへの道のり from Yokota Eiji

前回のブログで、自動テスト環境を構築しましたが、しばし運営して見えてきた、

ユニットテスト環境
ユニットテストの利点、つまづく点
自動テスト楽しいよ！

等の内容をまとめました。

自動テスト

自動テストの話しをしたらすぐにこんなエントリーを発見

「CIを半年間まわしてみて」というお題でLTをしてきました

いやー、これからの参考になりそうです。

初めてのjenkins、commitしたらテスト結果に音を出すまでの道のり

Fri, 08 Mar 2013 23:59:00 +0000

初めてのjenkinsで、commitしたらユニットテストが走って、その結果次第でレベルアップ音がなるようになるまでの試行錯誤

Jenkinsでビルド後に音（BGM、SE）を鳴らしてみたに触発されてjenkinsついに初導入や！と気合いを入れてやってみた。

何カ所かハマりポイントあったので、それも全部残します。

前提

環境は mac osx 10.7.5
cakephp2で書いたwebサービス
gitで管理
ユニットテストをすでに書いてる

参考にした本

jenkinsインストール

いきなりですが、勢いでmacportsかな？でインストールしたら、その後ハマったので、こちらを参考にjenkins 再インストール。リンク先そのままですが、作業メモ

jenkinsアンインストール sh /Library/Application\ Support/Jenkins/Uninstall.command
ここから最新のjenkikins.war をDL
各ディレクトリ作成
mkdir -p ~/Library/LaunchAgents/
mkdir -p ~/.jenkins/
mkdir -p ~/bin/
mkdir -p ~/lib/
mkdir -p ~/lib/java/
各ファイル設置
mv jenkins.war ~/lib/java/
~/Library/LaunchAgents/jenkins.plist というファイルを作成。内容は以下。


    
        EnvironmentVariables
        
            JENKINS_HOME
            ${HOME}/.jenkins
        
        GroupName
        staff
        KeepAlive
        
        Label
        jenkins
        ProgramArguments
        
            /bin/bash
            ${HOME}/bin/jenkins-runner.sh
        
        RunAtLoad
        
        UserName
        ${USER}

~/bin/jenkins-runner.sh というファイルを作成。内容は以下。

#!/bin/bash
#
# Startup script used by Jenkins launchd job.
# Mac OS X launchd process calls this script to customize
# the java process command line used to run Jenkins.
#-      
# Customizable parameters are found in
# ~/Library/Preferences/jenkins.plist
#       
# You can manipulate it using the "defaults" utility.
# See "man defaults" for details.
        
defaults="defaults read ~/Library/Preferences/jenkins"
        
war=`$defaults war` || war="${HOME}/lib/java/jenkins.war"
        
javaArgs=""
heapSize=`$defaults heapSize` && javaArgs="$javaArgs -Xmx${heapSize}"
            
home=`$defaults JENKINS_HOME` && export JENKINS_HOME="$home"
        
add_to_args() {
    val=`$defaults $1` && args="$args --${1}=${val}"
}       
    
args=""
add_to_args prefix
add_to_args httpPort
add_to_args httpListenAddress
add_to_args httpsPort
add_to_args httpsListenAddress
add_to_args ajp13Port
add_to_args ajp13ListenAddress
 
echo "JENKINS_HOME=$JENKINS_HOME"
echo "Jenkins command line for execution:"
echo /usr/bin/java $javaArgs -jar "$war" $args
exec /usr/bin/java $javaArgs -jar "$war" $args

jenkins.plist の ${USER} と ${HOME} を書き換える

Twitter API 勉強会@大阪に行ってきた！#twtr_hack

Mon, 04 Mar 2013 20:33:34 +0000

これに参加してきましたのでレポートをば。やっとブログ書けた。。。１ヶ月前のイベント。。。

Twitter API1.1、Display Requirements、Twitter Cardについて

主催者でもある@yusukeさん

TWitter API1.1 の目指す所を簡単に言うと、

Twitterクライアント=Twitterのただのコピーみたいなクライアント　以外に頑張ってほしい

ということかな。そりゃそうやね。公式のクライアントあるもんね。

Twitter 関連サービスを5年運営してわかったこと

@msngさん

数多くのbotを運営されてるからこそ言える貴重な経験を共有させてもらえました。

突っ込みbotを運営して見えてくること

僕です。緊張で喉カラカラでした。

Tukkomimura #twtr_hack from Yokota Eiji

@yusukeさんに「三村botといえば、知らない人はいないぐらい」と言ってもらえたのは嬉しかったなー。。（お世辞でも嬉しいもんです。

んで、反省点を探すべく発表動画を見返すと、10分予定のところ20分も喋ってた。おい。。。

Twitterクライアントがこの先生き残るには(仮)

@s17erさん

まさにtwitterが好んで無いクライアントJanetterを運営されている方。twitter api1.1に向かって、切実に困ってる感じが伝わってきました。それでも最後は希望のある内容だったので、今後も頑張ってほしい！

感想

ブログが２回ほど消えてるので、三村botについて要約まとめれたので良かったです。いつかブログに書こうかと思ってたのでちょうど良かったです。

あと、まだまだ発表慣れないすねー。うまくしゃべれるようになりたい。あと、笑いがないと不安になる気持ちもなんとかしたいw

最後に、この機会を提供してくれた@yusukeさん、場所提供のオオサカンスペースさんに感謝！

参考

@yusukeさんのブログに資料やら動画やらがまとまってます。

独り言

あー！、3/8までに三村を1.1対応せねばぁー！

cakephp2.2 + PHPUnit + postgres でsequenceがうまく動かない場合の対処方法

Tue, 29 Jan 2013 15:19:39 +0000

ちょっとハマったのでメモ

発端は

一ファイル毎のテストは成功するのに、testsuite作って同時に実行するとduplicate keyでエラーになる場合がある！
調べてみると、fixtureでinsert()するときにsequenceがリセットされてないっぽい

なんでじゃー。しかも成功するときもある。２回に１回ぐらいの割合で繰り返す。不思議フシギー

試した事

fixtureのid(sequenceカラム)を消す

ここに書いたけど、fixtureのときにid指定しないと、auto incrementが効いて、insert()でもこけない。

これで解決か？と思われたが、、、当然、他のテーブルでこのidでjoinなんかしてると、結合できない場合が発生して、あうと。それにこの方法は、テスト時の登録データのidが固定されないので、あまりよろしくない気もする。

setUp()で無理矢理sequenceを合わせてみる

テストの前処理でなんとかならんかと考えて、やってみた。

public function setUp() {
		parent::setUp();

		$this->User = ClassRegistry::init('User');
		$q = "SELECT setval('users_id_seq',(SELECT MAX(id) from users))";
		$this->User->query($q);
	}

結果・・・だめ！postgresのシーケンスを進めても、cakephp側で持ってるidも進めないと結局1をinsertしようとする。これはこれで、対策ありそうやけど（setID()的な）見つけれず断念。

fixture時にsequenceリセットする

ググるとこんな記事を発見し、参考にしながら実践

AppCakeTest.phpをapp/Test/Fixture/ に作成

fields)
            && $this->fields['id']['type'] == 'integer'
            && $this->fields['id']['key'] == 'primary'
        ) {
            $db->fetchAll("SELECT pg_catalog.setval(pg_get_serial_sequence('{$this->table}', 'id')"
                . ", (SELECT MAX(id) FROM {$this->table}), true);", false);
        }
        return $result;
    }
}

idというレコードがあって、かつ、interger でprimaryだったら、setvalで今の値を取ってくる、って処理かな

各FixtureをAppTextFixtureで継承

この部分を

class HogeFixture extends CakeTestFixture {
（以下略）

これに変更

App::uses("AppTestFixture","Test/Fixture");
class HogeFixture extends AppTestFixture {
（以下略）

これで、完了。で、結果は・・・OK!!!いけました。単体のテストでも、ALLな全テストでもこれで通りました。参考先の記事に本当助けられました。

学んだ事

試行錯誤して学んだ事

App:::usesってなんでも読み込めるんだなー

cakephp2.2 でModel::query()のTips

Thu, 24 Jan 2013 20:47:39 +0000

ユニットテストを実施中に気づいたModel::query()のtips。

Model::query()でbindしたい

以下の方法で疑似bindしてくれます。

Model->query(
 'select * from posts where id=? and user=?'
 , array('hoge','oreore')
);

Model::query()でキャッシュしてほしくない

query()はデフォルト、結果がキャッシュされますので、キャッシュされたくない場合こうします。

Model->query(
 'select * from posts'
 ,false
);

、、、あれ、というとこは、バインドとキャッシュoffを同時にするには、どうしたらいいんだ。。。。

bind & cache off

これでできました

Model->query(
 'select * from posts where id=? and user=?'
 , array('hoge','oreore')
 ,false
);

なんと！cacheのパラメータを第３引数に移動で対応できました！汎用的！

参考

fetchAll

@cakephper さんの記事CakePHP2 独自SQL文でPrepared Statementを使うを参考に、fetchAllで、同じような事を試してみたんですが、ダメでした。

cacheQueries

そうそう、cacheQueries = false も両方、試したんですけどねー、これもだめでした。

追記

@cakephperさんに言われて、fetchAllを再度、以下のように第３引数設定して、試してみました。

Model->getDatasource()->fetchAll(
 'select * from posts where id=? and user=?'
 , array('cakephper','sasugadesu')
 , array('cache' => false)
);

ってしたら、いけました！てか、@cakephperさんもブログ追記してた！

macのローカルにサブドメインを設定する方法のメモ

Wed, 26 Dec 2012 16:45:03 +0000

webアプリをローカルで開発する際、プロジェクト毎に別ドメインたてたいものです。

で、mac(OSX10.7.5)のローカルにサブドメインたてようとしたのですが、centOSと少し勝手が違ったのでメモ

ドメイン・サブドメイン名

今回は、例として、localhostのサブドメインにsubdomain.localhost設定するという想定です。localhostへのアクセス環境はすでに設定済みとします。

hosts設定

まずは、/private/etc/hosts　に以下を追記

127.0.0.1 subdomain.localhost

httpd.conf設定

/etc/apache2/httpd.conf を編集

NameVirtualHost *:80

ServerName abc.localhost

DocumentRoot “/Users/yourname/project/abc/html”

subdmain.localhost のDocumentRootを /Users/yourname/project/abc/html に設定しています。

yourname部分はアカウント名に読み替えてください。

apache再起動で無事設定完了！・・・と思いきや

apache再起動して

sudo apatchectl restart

http://abc.localhost/にれっつアクセス。すると

Forbidden

You don't have permission to access / on this server.

ぬぬ！permissionが無いと起こられました。http://localhost/ は問題なく動いてるのに何で？

/var/log/apache2/error_log を見てみる

[Wed Dec 26 16:19:20 2012] [error] [client 127.0.0.1] client denied by server configuration: /Users/yourname/project/abc/html/

サーバー設定で拒否してますなー。Directoryディレクティブで許可してるディレクトリのはずなのに、、、（だからhttp://localhost/が動いてるはず）

Directoryディレクティブで許可指定しみる

/etc/apache2/httpd.conf に追記

Order allow,deny

Allow from all

これでapache再起動したら、動きました！

Titanium mobile でscrollイベントについて調べた話

Fri, 16 Nov 2012 14:19:38 +0000

この記事は、@astronaughtsさん主催のTitanium mobile “early” Advent Calendar 2012に参加して書いております。16日目（11/16）担当でございます。

みんなが好きなイベントは？そうscrollイベントですね！

Titanium mobileのscrollイベントが思い通り動いてないっぽかったので、動きを調べてみました。(SDK2.1.4 GA、iOSシミュレータで検証)

scrollイベント

scrollViewをスワイプしてスライドさせたときに発火するのがscrollイベントです。

scrollしている間、scrollイベントが発火し続け、scrollが慣性で止まると、scrollEndが発火します。

以下のようなイメージ

・・・（略）・・・

[INFO] scroll x=345

[INFO] scroll x=346

[INFO] scroll x=347

[INFO] scroll x=348

[INFO] scroll x=349

[INFO] scroll x=350

[INFO] scroll x=351

[INFO] scrollEnd

xはscroll時の座標です。

疑問(1) scrollEndが発火しない？

scroll中にtapして強制的にscrollを止めた直後、scrollEndが発火しません。

が、tapを終えると（tapしたマウスのクリックを離すと）scrollEndが発火します。

疑問(2) scrollToしたら？

scrollToを使って、プログラムで移動させた場合、どうなるか？

結論：scrollのみ連続で発生

scrollToを使っても一瞬で移動する訳ではないので、移動の間scrollが発火し続けます。ただし、scrollEndは発火しません

・・・（略）・・・

[INFO] scroll x=476

[INFO] scroll x=497

[INFO] scroll x=519

[INFO] scroll x=538

[INFO] scroll x=556

[INFO] scroll x=571

[INFO] scroll x=584

[INFO] scroll x=593

[INFO] scroll x=598

[INFO] scroll x=600

こんな感じ。

Titanium mobile でやってはいけないTi.App.addEventListener

Tue, 06 Nov 2012 10:20:19 +0000

この記事は、@astronaughtsさん主催のTitanium mobile “early” Advent Calendar 2012に参加して書いております。6日目（11/6）担当でございます。

やってはいけないTi.App.addEventListener

addEventListenerをTi.Appに設定する場合、

Ti.App.addEventListener("save_astronaughts",function(){
Ti.App.info("I'll save you!!");
});

な感じで書きます。

が、注意しなければならないのは、この処理が複数回呼ばれるような場所にあると、呼ばれるたびにeventが追加されてしまいます。同じイベント名だからといって上書きされません。

私にも、windowをopenしてcloseしたらそのwindow内で定義したevent全て消えてくれるのかと思ってた時期がありました。。。

前の日の記事でもaddEventListenerについて書かれていますが、

var win = Ti.UI.createWindow({});
win.addEventListener("save_astronaughts",function(){
Ti.App.info("I'll save you!!");
});

これだとwinをcloseすればOKですが、Ti.Appだとグローバルに定義している形になり、残ってしまうようですね。

複数定義してしまってても、アプリ自体はすんなり動いたりするので、見落としてました。

二重登録の対策

もちろん、複数呼ばれる場所に書かない、というのが基本ですが、私の場合、もう書いてしまって定義場所を移動しづらかったので、ラッパーを作って対策してみました。

// Ti.App.addEventListener の二重登録防止関数
 Ti.App.ael = function(listener_name,callback){
 // 登録済みの場合追加しない
 if(Ti.App.in_array(listener_name,Ti.App.listeners)){
 return false;
 }
 // イベントを配列に登録
 Ti.App.listeners.push(listener_name);

 // イベント追加
 return Ti.App.addEventListener(listener_name, callback);
 }

定義済みのイベント名をグローバルな配列listenersに登録して、定義済みかのチェックを行っています。コード内のin_arrayはこちら。何かの公開コード（忘れた。。。）に定義されていたのを拝借しております。

Ti.App.in_array = function(needle, haystack, argStrict) {
 var key = '',
 strict = !! argStrict;

 if (strict) {
 for (key in haystack) {
 if (haystack[key] === needle) {
 return true;
 }
 }
 } else {
 for (key in haystack) {
 if (haystack[key] == needle) {
 return true;
 }
 }
 }

 return false;
}

何かもっと素敵な対策方法あれば教えてください！

PHP祭り2012に参加してきた

Sun, 04 Nov 2012 15:44:36 +0000

PHP祭り2012に参加してきました。

作りたいものはこれって決まってたので、面白そうなセミナー聞きつつ、開発

アジャイルの話

@ryuzeeさんの話は、ボリュームも内容も圧倒的で、必見。

CakePHP+Jenkinsによるアジャイル開発

自分にとっては課題がいっぱい見えたので、一つ一つクリアしていきたいです．

その他にも、開発プロセスの自動化はいろんな会社さんの実例が聞けてよかったです。

とっても進んでるとこもあるし、自分と似たような環境のとこもあるし、各社さまざまですね。

作ったサービスの話

まだまだ精度があれですが、こんなんつくりました。

メイワク2ワクワク

迷惑メールを迷惑じゃないメールにしようってのが、根本です。

実はまともにcakephp2系を初めて触るのも有って環境構築に苦戦しました。

いつもはさくっとうごくmod_rewriteが全くゆうことを聞かなかったり。。。

この辺も含めて、今後改築していく予定です。

そして、これを発表したLTですが、

Phpmatsuri2012 lt from Yokota Eiji

そもそも４分の発表なのに５分ペースでしゃべって途中できられるというまさかの去年の再現。

無念。。。

でもサービス作ったので、最低限の目標ははクリアしたのでよしとします！

また、来年リベンジかなー

第4回関西PHP勉強会で発表してきた

Mon, 15 Oct 2012 09:01:50 +0000

これに参加しつつ、発表もしてきたので、そのまとめ

参加賞にこんなかわいいペットボトルがもらえるなんて！

今時のCakePHP @shin1x1さん

ビューブロック、継承：viewの共通部分
イベントシステム：コールバック
モデルバリデーション：モデルからバリデーション分離
SetクラスがHashクラスへ：setはCakePHP3では廃止
CakePHP3の特徴

CakePHP1.3 から2.xへの移行ガイド @slywalker さん

Cookbookに移行ガイドに基本的に書いてる
upgrade shell が用意されてる。cakephp2の本にも載ってる。
非推奨が出てくるタイミング：2.2.3 →２個目が、機能の追加改良、非推奨の追加、３つ目はバグフィックス、１つ目は、phpのバージョンサポートの変更
cakeRequest超便利

CookBookのこと @okonomi さん

翻訳のpull request送りまくったら勝手にコアメンバーに加えられてた。すごいw
cakephp本体と同じ流れで、フォーク→修正→commit→pull request → merge　されたらサイト反映
翻訳に参加してほしい。参加方法 → pull request して！

LT開始！

Javaな僕がFuelPHPを使ってみて @yamamoto_manabuさん

印象：新しい、強い、早い
License、PHPUnit
規約より設定、をモットー。初めてのFWでも受け入れる。

今時のYiiフレームワーク @tanakahisateru さん

実は人気のフレームワーク
・・・中国、ロシア、ウクライナで、人気？？
一応日本ユーザ会もあります！yiijan.org/

JavaでPHPをうごかすQuercusを触ってみた。 @ku_suke さん

Quercus = php on AppEngine
WordPressが動く（要Mysql）
PHPをJavaに変換！精度がすごい。apcよりも数倍速いというデータも。

CakePHP vs FuelPHP @omoonさん

イメージの話。画像のチョイスいいなーw
instagramen,やその派生版がある

CakePHPコアメンバー @ichikaway さん

Larry. PM,CakeDC社長
Mark Story. Canada CakePHP リード開発者 Cake1.3から
Jose Lorenzo Rodriguez. Venezuela リード開発者

FuelPHP勉強会に行ってきた

Thu, 11 Oct 2012 11:53:47 +0000

これに参加してきましたので、そのメモがき。

@omoonさんの発表

東京のphp勉強会LTで発表したinstagramen(github)というサービスを元に解説。

http://docs.fuelphp.com/ ここを元にインストール

このサービスの派生版（例、instagramentaiko , instagramukimuki）を作ろう、というのが今回の勉強会の大まかな流れでした。

コマンドでもいいけど、zipをDLして解凍でもいけます。

viewsのファイルが拡張子phpやけど、テンプレートも使える。

ディレクトリの構成
ルーティング

この辺は、ドキュメントにだいたい書いてるそうです。

コンフィグで結構何でもいじれて、phpの配列で書いてる
tasksディレクトリにコマンドを作れる。instagramenでの、毎０時にバッジ処理に使ってる。

oil refine Insta:get ‘明太子’

コマンド解説）tasksに作ったInstaクラスのgetメソッドに’明太子’引数を渡して実行

modelsディレクトリに作ったclassはオートロードされるので、書いたら使える
DBは、CoreのModel_Crudにfindやsaveがある

DB作成デモ

Modelクラスに

$_table_name,$primary_key,$_properties,$_created_at,$_updated_at,などを定義して、テーブル情報を設定する。

チェーンメソッドになってる。

例）Model->forge()->set($data)->save();

pre_find・・・find前に必ず呼ばれるメソッド。モデル内で定義

function pre_find(&$query){
}

pagodabox

pagodaboxというPaaSがFuelPHPをサボートしていて相性がよい

大まかな使い方

新規登録
new Appでアプリ追加
Empty Repoで空リポジトリ追加
instagramxxをgit pushする →自動でデプロイされる！素敵！

その他

FuelPHPがデフォルトDevelopment環境なので気をつける
Environments Vars というメニューで、サーバ変数設定できる。つまり・・・$_SERVER[‘hogehoge’]が管理画面で設定可能！

pagoda用ターミナルクライアント

これで、tunnelしてローカルからpagodabox上のDBに接続するのですが、私は、以下のエラーが出てしまって断念

% pagoda -a instagramichael tunnel bridgette

** Error:

** Input unrecoginized

** try ‘pagoda -a tunnel ‘

** ie. ‘pagoda -a app tunnel db1’

“マイケル”画像があつまるサービスができるはずだったのに＞＜

他の参加者でサービスできてる方もいました。

instagrameow猫画像
instagramugenmoyashi無限もやし！

まとめ

ほんとに、まとまりなくメモっていきました。

思ったのは、全部ファイルがphpってのが少し驚きました。テンプレートはもちろん、ログファイルもphpで吐かれてたような。。。

で、私が慣れてない名前空間をフル活用してたり、色々と発見の多い勉強会でした。

大村さんありがとう御座いました！

Titanium mobileで音再生

Wed, 26 Sep 2012 16:30:36 +0000

ググって出てきた（http://bowz.info/3760）のをそのまま実行すればいいんですが、自分なりに補足

環境

SDK 1.8.2
iOS SDK 5.1

サンプルコード

いたって簡単

var sound = Titanium.Media.createSound({
 url: './cricket.wav'
});

// 再生
sound.play();

止めたいときは、

// 停止
sound.stop();

単純に、音データを最後まで再生すると止まります。（自動でループとかはならない。loopingというプロパティがあるので、デフォルトfalseっぽいですね）

音データ

参考URLには

iPhone で使えるオーディオデータ形式は、aiff, wav, caf ファイルなんだそうな。

と書いてましたが、mp3,m4aでも再生できたのを確認！

jqtransform.jsのonchangeの仕方、valueの変え方

Tue, 11 Sep 2012 19:43:33 +0000

お仕事で、jqtransform.jsが使われてるselectタグと戯れた際のメモ

jqtransform.jsの概要

概要はこちらでご一読。JavaScriptでHTMLフォームの劇的ビフォアアフター「Jqtransform」

既存のフォームをきれいなUIに変えるjqueryプラグインて感じですかね。

大まかな動きとしては、既存フォームのhtmlを取り込んで、別htmlに書き出しているようです。

プルダウン(selectタグ)の仕組み

書き出されるhtmlを見て分かったのですが、既存のselectタグを隠して、ul,li,aタグに書き換えてました。

なので、onchangeイベントが発火しません。selectタグではないので。

プルダウンがこんな感じのhtmlに変わってます。


- [なし](#)

- [0g～10g](#)

- [11g～30g](#)

- [31g～35g](#)

- [36g～40g](#)

- [41g～50g](#)

・・・

onchangeイベントを取得する方法

検索して出る答えはここ。つまり、aタグまでアクセスして、clickイベントを拾ってしまおうというもの。

導入してみた

実際導入してみたけど、、、、動かなーい。

$("#selecttag div.jqTransformSelectWrapper ul li a").click(function(){
 // やりたいことを素直に書く
});

で、よくよく考えると、このhtmlはjqueryftransformに書き出されている訳だから、、、そうか、htmlロード時点では存在しないんだな、ということで、ロードされた後（正確にはjqueryftransformでhtml書き出された後）動作するように、ready()で囲んでみました。

$(document).ready(function(){
 $("#selecttag div.jqTransformSelectWrapper ul li a").click(function(){
 // やりたいことを素直に信じて書く
 });
});

これで無事解決。

あれ、valueの変え方は？

で、valueの変え方ですが、選択された”見た目”の部分は、spanタグの中にあったので、

$("#selecttag div.jqTransformSelectWrapper span").text("mitamevalue");

これでOK。で、実際に”送信される”valueはjqueryftransformによって隠されたselectタグにセットしてやれば解決

$("#selecttag select.jqTransformHidden").val("postvalue");

以上！

Titaniumを新しいmac book air に環境移行したときに、iOSシミュレータが起動しない対策

Tue, 17 Jul 2012 08:58:51 +0000

新しいmac book air に、Titanium mobilesdk1.8.2環境を移行しようとしたのですが、ちょっとハマったのでメモ

Titanium mobilesdkの過去version

アプリを開発してて、現行のsdkのversionで開発を続けたい場合、

Titanium Studio→メニューのHelp→Install Specific Titanium SDK… →Install from Update Stream を選んでversionが書かれているところをクリック→release

から特定のversionが落とせます。

今一番古いので1.8.2のようですが、たまたま開発してたversionと同じだったので、これを利用して1.8.2環境を構築しました。

iOSシミュレータが起動せず

で、そのままビルドしてみると、iOSシミュレータが起動せずにこんなエラーがでました。

dyld: Library not loaded: rpath/DevToolsFoundation.framework/Versions/A/DevToolsFoundation

そのままググってたどり着いた答えがこちら。pegliさんがパッチを当てたios-simを作ってくれているみたいです。感謝！

なので、あとはローカルのios-simと入れ替えてあげるだけ。

ios-simの入れ替え方法

具体的には、

git clone git://github.com/Fingertips/ios-sim.git
または、zipファイル落としてきて中にあるxcodeプロジェクトをビルド

するとios-simというアプリが手に入ります。これをビルド時に実行されるios-simと入れ替えてあげる。場所は、

/Users/（your_name）/Library/Application Support/Titanium/mobilesdk/osx/1.8.2/iphone/

上記に無ければおそらくこちら、

/Library/Application Support/Titanium/mobilesdk/osx/1.8.2/iphone/

これでiOSシミュレータが無事動作しました。

cakephp翻訳in福岡に行ってきた

Tue, 10 Jul 2012 13:19:39 +0000

金曜土曜（7/6,7）と福岡にてcakephp翻訳に行ってきました。atndはこちら

cakephp2.0のドキュメントはまだまだ日本語化が進んでいなかったので、それをみんなで進めようという@cakephperさん主催のイベントです。福岡会場と、東京サテライト会場という形式で行われました。２日間にわたって行われました。

参加目的

わざわざ翻訳しに福岡まで、とも思ったのですが、

英語を読むということへの抵抗を少しでも無くしたい
こんな機会を利用しないと翻訳なんて、自分でやろうとしない

そう思って、思い切って参加してきました。

で、実際参加してみて、想像以上に収穫の多いイベントになりました。

環境構築

最初は翻訳に環境構築？とも思ったのですが、

cakephpのドキュメントがsphinxというツールを使っている
cakephpがgithubで管理されている

ということで、sphinxが動く環境とpull request できる環境が必要になります。いきなりこの準備でテンパリましたw

やばい、付いていくのに必死なのでめも。sphinx入れてhttps://github.com/cakephp/docs sphinx-quickstart　叩く。先のrepをフォークして git clone https://github.com/cakephp/docs それをjaディレクトリでmake html

— パペットTV (@papettoTV) July 6, 2012

まとめておくと、sphinxの入れ方は、ここに書いてる通り、

easy_install sphinx

easy_install sphinxcontrib-phpdomain

sphinx-quickstart

で、インストールできました。sphinxコマンドが利用できるようになるので、最初にセットアップを済ませます。

sphinx-quickstart

色々聞かれますが、割とここはデフォルトのまま進みました。

sphinxというのは簡単言うと.rstというファイルを作っておくと、そこからコマンドでhtmlやpdfを生成できるツールです。なので、git cloneで持ってきたdocsファイル群にたいして、まず最初にhtmlを生成しておきます。

make html

これでローカルにcakephpドキュメントが見れる状態になったと思います。

翻訳作業

初日は、福岡rubyセンターを、２日目はFusic株式会社さんの会議室をお借りして翻訳作業です。

準備

で、ここがもっとも個人的にはタメになったのですが、翻訳作業の準備は

https://github.com/cakephp/docs　をフォーク
フォーク先をgit cloneしてローカルにコピー
作業用のbranch切って、git checkoutで作業用ブランチに移動

ここまでが最初のステップです。正直、まだgithubを使いこなしていない自分に取ってはここまでの一連の流れが非常に新鮮でした。

翻訳開始

翻訳が始まってからの簡単な流れは、

英語の文を日本語に修正
make html (sphinxの機能)して生成されたhtmlを確認
上記１、２を繰り返して１ファイル翻訳しきったらcommit
git push してフォーク先に反映
githubにて、pull requestして、後は反映されるのを待つのみ！

ちなみにはぢめてのpull requestがこちら。今のとこまだ未反映です。（ドキドキ

問題なければ取り込んでもらってcakephp/ja に反映されるのですが、何か問題あれば、その理由ともに返事がくるので、またそれを対応して再度pull request する、というフローになります。

※追記、結局うまく取り込めなかったようで、試行錯誤した結果、フォークするところからやり直しました。。。それがこちら

翻訳に際して心がけ

自分は英語得意じゃないし、こんなことできない。。。と思っているあなた！大丈夫です。なんとかなります。なぜなら

原文が英語で書いててもnativeな人が書いてるとは限らない

つまり、英語で書かれてるけど、英語得意でもない人が書いてたりするので、意外といいかげんだったりする。そんな英文を日本語に訳してるんだから、変でもしょうがない、と考えれば思い切ってできる！

日本語無いよりはあるほうが絶対マシ（という気持ち）

英文だけの状態より、無いよりは絶対多くの日本人にとっては読めるわけだから、日本語が多少おかしくても、大きな貢献になるのは間違いない！

つまり

自信を持って、訳して、いいんです。むむっ。

最後に

あとは、翻訳以外でも色々楽しめたのですが、とりあえず一言、福岡いいねっ！ということで締めます。次は11月のphp祭りかな？

liveDJsという音楽ライブ配信アプリ作りました

Mon, 18 Jun 2012 22:42:02 +0000

この金土日(6/15〜17)に開発合宿に行ってきたのですが、その成果として、以前から構想していた「liveDJs」というandroidアプリ(Titanium製)を作りました。

それなに？

ライブ配信されるクラブ系ミュージックの放送開始を通知、また再生できるandroid用アプリです

アプリの画面イメージ

最初の画面、番組一覧です。on air がライブ配信中の番組になります。

画像未復旧: liveDJs_list

再生画面その１。block.fmという番組の再生画面です。

画像未復旧: liveDJs_play

通知画面。配信が始まると通知されます。

画像未復旧: liveDJs_service.png

どうして作ったの？

みなさん、お仕事される際に音楽聞きながらという方も多いかと思うのですが、私もその一人です。特に最近聞いてるのが、クラブ系ミュージックのライブ配信です。

アゲアゲな音楽が多く、テンションもあがってノリノリで仕事できます！

で、こういう音楽配信サービスを仕事用PCで聞く場合、少々問題がありました。

いつ配信スタートするかいつも把握しているわけでないので聞き逃すことがある
配信番組サービスが複数サイトあるので、余計に把握しきれない
ライブ配信サービスを使っていると、結構PCのリソースを食う

これらの問題を解決すべく作ったのがliveDJsです。

liveDJsの特徴

androidアプリ

アプリにしたことで、作業pcのリソース食いません！

これで、PCはサクサク〜なままノリノリ〜で作業できます。

各番組のライブ配信チェック＆通知

配信チェックを定期的にする(アプリを閉じてもバックグラウンドでチェックする)ので、配信スケジュールなんてチェックしなくてもいいんです！見逃せない配信が、そこにある！むむっ！

ライブ配信

配信通知を受けたら、アプリ起動でそのまま配信が聞けちゃいます！！便利！！！

サービス全体像

現在用意している番組は、今のところ

の３番組で、これらの配信チェックを行っております。で、以下のような構成で動いています。

画像未復旧: liveDjs_flow

配信チェックサーバが各番組の配信チェックを定期的に行う
配信チェックサーバに対して、アプリから配信ステータスを定期的に取得
配信ステータスが配信中の場合、アプリから各サービスのライブ配信を取得

配信チェックサーバっているの？

配信チェックサーバが無くても、ライブ配信は受信できました。

しかし、それだと、端末台数分だけ配信チェックリクエストが増えてしまうことで、

単純に各サービス配信サーバへの負荷をかけてしまう
ustream APIのリクエスト上限（１日5000リクエスト）を簡単に超えてしまう

という問題がありました。

そこで、間にサーバを立てて、apiを使った処理はサーバに任せて、端末は配信取得のみ処理させました。

（block.fmに関してはapiはなかったのですが、playerのリクエストを覗いてapi的に利用させてもらってます）

ustream api

詳細はdocumentに委ねますが、今回使ったのはたったの２つ。Channel Commandsの

getInfo:このレスポンスのstatusパラメータで配信中か否か判定します
CustomEmbedTag:これが配信プレイヤーのhtmlを返します

getInfoで配信中と判定すれば、CustomEmbedTagで取得したhtmlを配信チェックサーバに保存しています。

で、そのhtmlを受信した端末が、各配信サービスにflash経由で配信してもらうという流れです。

課題とか今後の展開

アイコンをなんとかせねば！
バックグラウンドでライブ配信をチェックしているservice機能は動いているのですが、そこから直接アプリを呼び出せるようにする
番組をユーザから募集して、増やしていきたい。
これで得た技術で、もっと対象ユーザの広い別のアプリ作れるなー、と妄想中

おまけ

最後まで読んでくれた方にプレゼント。開発中の野良アプリですがliveDJsを興味ある方はDLしてインストールしてみてください。ご意見やフィードバッグは@papettoTVまでお願いします。

三村bot久々の修正

Sun, 17 Jun 2012 15:58:24 +0000

この金土日と滋賀に開発合宿に行ってました。その成果その２です。その１はこちら

三村bot(@tukkomimura)を久々に修正。

成果その２は三村bot。やりたかったアプリ開発に行き詰まったので、気分転換に修正してみました。

三村botは、フォロワ全員につっこむようにしているのですが、気がつくとフォロワーが5000しか取得できていませんでした。5000以上取得するにはcursor_idを使った処理で、次々取得しないとですね。

その部分のコードはこちら

$cursor = -1;

libxml_use_internal_errors(true);

while($cursor != 0){
	// フォロワー一覧取得
	$req = $this->to->OAuthRequest("http://api.twitter.com/1/followers/ids.xml","GET",array("cursor"=>$cursor));

	// XML文字列をオブジェクトに代入する
	$followers = simplexml_load_string($req);
	if($followers){
		if(isset($followers->error) && $followers->error != ""){
			print "##API ERRRO## ".$followers->error."\n";
		}else{
			$i = 0;
			foreach($followers->ids->id as $follower_id){
				$follower_id = (int)(string)$follower_id;
				if(!is_numeric($follower_id)){
					continue;
				}
				// DB登録処理
				// （省略）
			}
			$cursor = (string)$followers->next_cursor;
		}
	}else{
		echo "Failed loading XML\n";
		foreach(libxml_get_errors() as $error) {
			echo "\t", $error->message;
		}
	}
}

これで14000を超えるフォロワー全員が対象になったはず！

Titanium mobile androidのwebviewで Flashコンテンツを表示する方法

Sat, 16 Jun 2012 09:22:04 +0000

Tipsです。

ググっても以外とすんなり答えられなかったので、エントリーにしてメモおきます。

環境

MaxOS10.6
Titanium Studio2.0.2

コード

Tiapp.xmlにも追記して〜といった記述がありましたが、コードだけで動作しました。(検証実機：GallaxyS2 android2.3.3)

var webview = Ti.UI.createWebView();
	webview.setPluginState(Titanium.UI.Android.WEBVIEW_PLUGINS_ON);

これだけ、webviewにたった１行setPluginStateなるもので設定を追加してあげればOK

デフォルトはTitanium.UI.Android.WEBVIEW_PLUGINS_OFFになっているようです。

補足

最初にググった時は、答えのでてない掲示板や、javaのコードしか見つからなかったのですが、javaのコードでwebviewにsetPluginsEnableといったメソッドを見つけたので、それで探してみたらTitaniumにもありました。大元のコードも参考にしてみるものですね。

一応、公式にはTiapp.xmlにこれを追記、と書いてあるのですが、

追加したらビルドでエラー・・・で、コードの方だけ試したら動きました。無くてもいいのかな？

TitaniumStudioがFailed to Create the Java Virtual Machine と表示され起動しなくなった時の解決方法

Fri, 15 Jun 2012 18:51:43 +0000

今日から開発合宿でアプリ作るぞー、て意気込んでTiStudioを起動しようとしたら

「Failed to Create the Java Virtual Machine」と出て起動しない。

なんだこれー、昨日まで動いてたのに。。。

ということで調べて起動するようになるまでの履歴

環境

Mac OS10.6
Titanium Studio, build: 2.0.2.201205311912

まずは

ググるよね、ググります。で割と共通するのが、TitaniumStudio.iniを修正する、というもの。

TitaniumStudio.ini

TitaniumStudio.iniの場所はここ→/Applications/Titanium Studio/TitaniumStudio.app/Contents/MacOS

修正内容は、

-Xmx1024m

を

-Xmx256m

に変えるやら

–launcher.XXMaxPermSize

256m

を消すやら。

で、どっちも試してもダメだったので一旦途方に暮れます。で、いろいろいじったりググったりして怪しいところを発見。やっぱりjavaって書いてるしjavaかなー、と思い叩いてみる。

$ java

Unable to locate a Java Runtime to invoke.

むむ？動いてない？このメッセージでググるとやっぱり動いてないっぽい

java をインストール

javaをここからDLしてインストール。

結果

はい、解決しました。

めでたしめでたし

Japan AWS User Group (JAWS-UG) – 神戸(Kobe)勉強会第0回に行ってきた

Wed, 06 Jun 2012 21:05:32 +0000

今日はこれ（AWS勉強会＠神戸）がありました。

ということで参加メモ

はじめてのAmazon Web Services AWS堀内さん

テクニカルエバンジェリスト堀内(@horiuchi)さん
jawsugの支所が、現在神戸で19カ所目！
amazon何やってるか、クラウドとは、aws事例等の話し。いつもの内容なので割愛
オンデマンドインスタンス、リザーブド（初期費用払う）インスタンス、スポット（競売？）インスタンス
s3はアクセスに応じて自動でスケール
VPN経由でプライベートクラウド構築も構築可能
設計指針のようなものを用意 CDP:cloud design pattern

WordPressの常識を覆す

デジタルキューブ古賀さん(@digitalcube)。Wordpressを得意らしく、最近はnginxに力を入れているそうです。

Menjoy、クライアント：小学館。アクセスがスレッドに寄って不安定。月間1500万PV
SII Partners (B2Bサイト) 多言語化。ファイルホスト。セキュリティ。を考えAWSに
サーバ立ち上げデモ
AWSのメリット、問い合わせも日本語！

MiningBrownie マイニングブラウニー

益子さん(@mashy117)

webクローラー、テキストマイニングなどが業務
大阪支所が6/18にできるそうです
局所的なクローラ、webキャプチャ、データマイニング、www.mushikago.org
APIサーバ：ELB下にEC2→SQS→EC2→s3及びsimpleDB(すべて、t1.micro)
課金管理：per req,per storage、DynamoDBに一時的にロギングしてper 1h でRDSに流す
１３のawsサービス、EC2にするより他のサービスを使う事でコストを抑えれてる

アイレット後藤様

cloudpack エバンジェリスト

従量課金で見えにくい値段を、ミドルウェアセットアップや監視を含めて、定額（５万/月）で提供

特定日だけアクセスが増える、キャンペーン時に絶対落とさない、等を対応してきた

「AWSを使ってよかったこと」有本さん

おちゃのこネット株式会社CTO

電子書籍のコンテンツをawsで配信
構成EC2(small instance) route53のみ
tokyoリージョンで、アプリ不承認。アメリカ（US west？）に移動で解決

その他

amazonの営業さんから、西日本、パートナー様拡大中！ということらしいです。

懇親会

なんだかお酒の席でしか聞けないような話しがあってよかったです。

あと、とにかくaws万歳！な内容でしたが、本当にダメなところが見当たらないぐらい、すばらしいサービスである事を認識した夜でした。。。

大阪node学園三時限目に参加してきた

Sun, 29 Apr 2012 01:06:40 +0000

こちらのイベントに参加してきました。大阪node学園三時限目。(ハッシュタグ #ong3)

今回のテーマはSocket.IO

ハンズオン形式のイベントで、実際に手を動かしながらものを作っていく形です。時系列でつらつら作業ログを残していきます。

Socket.IO を使ってみるハンズオン

事前準備

atndに書かれている状態まで準備していきました。

いろいろとインストール方法はあるようですが、私は、ここからpkgファイルをDLしてインストールしました。

あと、nodebrewというのも入れておきました。

curl https://raw.github.com/hokaccha/nodebrew/master/nodebrew | perl – setup

まずは

今回チャットアプリを作るので、その作業用のディレクトリを作成して、そこから

mkdir chat

cd chat

npm install socket.io

supervisorというものをインストール。環境によってはsudoで実行する必要があるようです。

npm install -g supervisor

で、ここを参考にhttp://socket.io/#how-to-use

app.jsとindex.html　を作成

supervisor app.js

を叩きます。で、画面の出力が止まればいいのですが、

DEBUG: Starting child process with ‘node app.js’

info: socket.io started

warn: error raised: Error: listen EACCES

DEBUG: Program app.js exited with code 0

これが出続ける場合、80番portへのアクセス権限がないとうことらしいので、ポート番号を変えてあげる。

app.jsの

//app.listen(80);
 app.listen(8080);

index.htmlの

//var socket = io.connect('http://localhost');
 var socket = io.connect('http://localhost:8080');

ブラウザをリロードすると、consoleでこれが表示されます。

画像未復旧: node_console.png

サーバのsupervisorで、

debug: websocket writing 5:::{“name”:”news”,”args”:[{“hello”:”world”}]}

{ my: ‘data’ }

が表示されました。これでサンプル動作完了

jqueryを利用

jqueryのサイト行って、CDNのjqueryを利用します。

サーバのリプレースが上手くいくおまじない

Mon, 16 Jan 2012 18:31:49 +0000

昨日の深夜のサーバリプレースを一人でやりきったpapettoTVです。こんにちわ。

結局、昼過ぎまで落ち着かず、リプレースには魔物が棲んでたということで、もう魔物に襲われないようおまじないを唱えておきます。

リプレースって？

サーバAで動いてたwebサービスをサーバBに移すこと。新規でサービスを公開するのとは違って、既にユーザもいるしコンテンツも貯まった状態でのサーバの切り替えなので、いかにユーザに迷惑をかけずに（＝止める時間を短くするか）が勝負です。

止めずに出来るのがもちろん理想ですが、なかなか難しいところ。

リプレース作業

まずリプレースでやることを大まかに

リプレースによるサービス一時停止の告知
リプレース先のサーバ環境構築
メンテナンス画面作成
ソースの移行（プログラム、htmlやcss等のコンテンツ、生成されたデータを含む）
DBサーバの移行
動作検証
DNS切り替え（新サーバで公開）

リプレースによるサービス一時停止の告知

ついついリプレース作業そのもののに集中しがちですが、こちらも大事。

慌てて思い出してバタバタしないように、リプレースの話があがったらまず意識する。

リプレース先のサーバ環境構築

新しいサーバBは何のアクセスも無いので、事前に準備する

可能な限りサーバAと同じ環境（特にソフトウェアのversion）にする

バージョンアップさせたい気持ちは、、、分かる、、、分かるけど、、、ぐっ！！とこらえる。軽い気持ちでversionあげたら、はい、それでメンテ時間延びたー

リプレースの要件等でどうしてもバージョン違いをインストールする場合は、事前に同じ動作できるか要検証サイト全体を見直すつもりで要検証

httpd.confは同じにした？
GDは入ってる？jpegだけ抜けてない？実はImageMagic入ってた・・・とか無い？
APCは？
DBの文字コード、エンジンは同じにした？
メールサーバの設定はOK？プログラムとの連携とれてる？

メンテナンス画面作成

サーバBにコンテンツを移して動作検証するまで、コンテンツの更新を止めないとデータの移行が出来ません。その間ユーザはサーバAのメンテナンス画面で耐えてもらいます。

メンテナンス終了時刻も書いておきましょう。安心してまた来てもらうために。（作業側としてはプレッシャーですけどね！

ソースの移行を済ませる

rsync が使えるとパーミションもそのままでコマンド一発で移行完了するので非常に楽。

rsync -avz -e ssh remote_user@remote_host:/path/to/dir_or_file/ /path/to/host_dir_or_file/

remote側の指定が「/」無しで終わってるとそのディレクトリ毎同期する
sshでremoteサーバに接続するので、事前に鍵認証しておくと、パスワード聞かれないので楽
ユーザは、元サーバと同じIDになるだけなので、同じ（名前の）ユーザになるとは限らないので注意
予め環境構築時にこの辺を意識しておくと吉
当然移行後はあらたなソースの更新は、リプレースが終わるまでしない。しないようスケジュールしておく。

さ、ここまではメンテナンス入る前に準備できるので、きっちり確実にすること。

ここでの作業の漏れは、メンテ時間の延長にもろに響くので非常に大事。

ただし、ここからはメンテ中にしかできない作業なので、事前に作業をきっちり詳細まで妄想して分単位でスケジュールを立てて置くこと。

DBサーバの移行

メンテタイムに入ったら、さっさとdumpして突っ込む。

mysqldump -u username -ppassword –databases db_name | gzip > ${dmpfile}.gz

mysql -u swirl -p –default-character-set=utf8 decome_db

アクセスできた？
DBの参照・更新・削除できた？
ログは吐かれてる？
メールとの連携は問題ない？

一通りチェックして問題が無かったら、、、

DNS切り替え（公開）

無事公開！DNSの切り替えが反映次第リプレースしたサーバにアクセスがくるでしょう。

だがっ！・・・・ここで終わらない・・・・！

外部サーバとの連携は問題ない？IPが変わったなら、その影響は？
解析ツールは動いてる？
バッチ処理は？
・・・

まだまだ出そうですねw

まとめ

とまあ、ここまでざっくりとした流れでした。

titanium mobile1.8.0.1 でandroid2.2 だとファイルアップロードできない件

Tue, 10 Jan 2012 17:01:56 +0000

ファイルを単純にPOSTするのができなかったので、調べた内容をメモ

結論

色々調べて結果から言うと、現状1.8.0.1のバグとして認識されているようです。

http://jira.appcelerator.org/browse/TIMOB-6411

Fix Version/s:Sprint 2012-02

って書いてあるから、2月にはfix予定かな？

でも2月の頭なのか末なのか・・・気になるところ。

調べたこと

まず、android実機で赤い画面でエラーが発生。iOSでは出ない。その内容は

Uncaught Error: org.apache.http.entity.mime.content.FileBody

で、これでググって見つかったのが、以下のページ

http://developer.appcelerator.com/question/130194/httpclient—send-file-on-android-problem

で、TIMOB-6973にログしたよって書いてあるのに、それに気づかず、その下にtry catchしてみ？って書いてたので、実施。

var xhr = Ti.Network.createHTTPClient();
xhr.open('POST', url);
try{
	xhr.send({media:image});
}catch(e){
	alert(e.message);
}

sendのところをtry catchして出たメッセージが

org.apache.http.entity.mime.content.FileBody

と、ここで、TIMOB-6973この存在に気づいて見てみる。

すると今度は TIMOB-6411と重複してまっせって書いてあるので、そこでようやく結論に書いたリンクにたどり着きました。

うーん、今月中にリリースしたいんやけど、どうするべ。。。Titanium mobile1.7.5はTIMOB-6973によると大丈夫っぽいので、SDKのversion下げるのが現実的かなー。。。

postfixでランダムなアカウントに対応させる

Wed, 14 Dec 2011 21:04:35 +0000

postfixを使っている環境で、（ランダムな英数字）-test@mail.server.com　というアドレスで受信させる設定方法です。

実はほぼこのページ（【postfix】aiaseでのランダムメールアカウント設定）で完結していますが、改めて残しておきます。

設定ファイルを編集します。

vi main.cf

pcreの部分を追記します。

alias_database = hash:/etc/aliases, pcre:/etc/postfix/aliases.pcre

alias_maps = hash:/etc/aliases, pcre:/etc/postfix/aliases.pcre

postfix 再起動して設定変更を反映？させます

postfix reload

postmap /etc/postfix/aliases.pcre

システム要件

どんなときにこのシステムが求められるかというと、

携帯（ガラケー）会員サービスを運営しており、ログインせず写真をアップロードする専用アドレスが必要

このような場合で、システム的には、以下の要求が発生します。

ユーザごとの専用アドレスの発行
他のユーザのアドレスが知られないようなアドレス
そのアドレスから写真貼付メールが送られるので、受信後、ユーザと写真を紐づけた状態で保存

動作検証

適当なphpスクリプトを用意して、メール受信→プログラム起動、を確認します。

検証用php

/tmp/test.php をこのように用意します。

ファイルとログに実行権限を与えて、実行してみます。

echo 123 | mail -s subject aaa-test@mail.server.com　

/tmp/test.php.logに時間が記述されてたらOK！

こんなんとかも試してみる。

echo 123 | mail -s subject hogehoge-test@mail.server.com　

再び、/tmp/test.php.log　を確認。

何も記述されてない場合は、エラーが起きてるかもしれませんので、メールログを見てみましょう。原因が分かるかも。

まとめ

これでphpが動くのが確認できたので、あとはphp側でメールアドレスを解析してユーザとひもづけてあげればOKですね！

さくらVPSにAPCをインストール

Tue, 13 Dec 2011 22:00:57 +0000

phpがインストールされた状態を前提にソースからビルドします。

APCインストール

最新版をここから探します。http://pecl.php.net/package/apc

解凍後のディレクトリ内のINSTALLファイルを参考にしました。

$ wget http://pecl.php.net/get/APC-3.1.9.tgz

$ tar xzvf APC-3.1.9.tgz

$ cd APC-3.1.9

$ phpize

$ ./configure –with-php-config=/usr/local/php5/bin/php-config

$ make

$ export TEST_PHP_ARGS=’-n’

$ make test

make install

ここにインストールされたようなので、

/usr/local/php5/lib/php/extensions/no-debug-non-zts-20090626/

php.iniに追記します。

$ vi /usr/local/php5/lib/php.ini

vi /usr/local/php5/lib/php.ini

extension_dir = “/usr/local/php5/lib/php/extensions/no-debug-non-zts-20090626/”

extension=”apc.so”

apache を再起動してphpinfoを確認。

apcが表示されればOK

さくらVPSで（ソースからビルドする）LAMP環境構築しました

Mon, 12 Dec 2011 19:54:47 +0000

最近新たにさくらVPS借りたので、LAMP環境をソースから構築してみたそのログです。

さくらVPSでLAMP構築

※前提として、一般ユーザを作成済みとして、主にそのユーザで作業しています。

さくらVPSにLAMP環境構築〜apache編
さくらVPSにLAMP環境構築〜mysql編
ちょっと寄り道、さくらVPSにLAMP環境構築〜GD編
さくらVPSにLAMP環境構築〜php入れるまで編
さくらVPSにLAMP環境構築〜php編
おまけ、さくらVPSにopensslインストールしてphpからhttps接続させる
おまけその2、さくらVPSにAPCをインストール

今後もアプリケーション側で新たなライブラリが必要になる場合もあるかと思いますので、それは随時各エントリー内か新たなエントリーとして追記してく予定です。

環境構築での課題

今回、環境構築の課題として「yumに頼らない」という課題で取り組んでみました。

何故か。

昨今のIaaSの普及に伴い、環境自体をイメージとしてあたかもコピペで作っていけるような便利な時代になっており、毎回1から各ソフトウェアごとに構築していくのと比べると格段に時間の短縮が可能になります。

そこで生産性向上のためにも、このようなサービスを利用すべきと考えていたのですが、いざ自分の構築スキルを振り返るとyumに頼った状態でした。

yumは環境構築には非常に強力なので、つい頼ってしまうのですが、他のソフトとの連携等を行う際にyumだとconfigureオプションを変えれなかったり、ソフトのversionの指定が出来ない（しにくい？）などの不便な点があります。

そこで、これではいかんと思い、今回このような課題で取り組んでみました。

結果的に、それほど大きくハマることも無く、環境構築できました。

まだやりたいことはあるのですが、LAMPとしてはこれで十分と思いますので、それはまた別でまとめたいと思います。

IaaSへの挑戦

これで納得のいく形でIaaSに取り組めそうです！

さて、使うとしたらどれがいいですかねー。少し前はEC2を触ってたのですが、さくらVPSずっと使ってたので、さくらクラウドかなー・・・

さくらVPSにopensslインストールしてphpからhttps接続させる

Mon, 12 Dec 2011 18:55:18 +0000

phpのfile_get_contens()関数で引数のURLがhttpsの場合、以下のエラーが出る環境があります。

Warning: file_get_contents() [function.file-get-contents]: Unable to find the wrapper “https” – did you forget to enable it when you configured PHP? in ssl.php on line 2

その対応としてopensslをインストールしたので、そのメモです。

opensslのインストール

参考）http://memorva.jp/memo/linux/openssl.php

ここからソースをDL http://www.openssl.org/

$ wget http://www.openssl.org/source/openssl-1.0.0e.tar.gz

$ tar xzvf openssl-1.0.0e.tar.gz

$ cd openssl-1.0.0e

./config -fPIC shared

make

make test

make install

なぜか./configもmakeも permisionで怒られたので、以降rootで実行しました。

php連携

–with-openssl オプションをつけてインストールし直します。

参考）http://www.php.net/manual/ja/openssl.installation.php

./configure （今までのオプション）–with-openssl

$ make

$ make test

make install

./configure時に権限のエラーが起きたのでrootで実行してます。

また、make test時にphpインストールしたときと同じエラーがでましたが、ssl関連では出てないようだったので、スルーします。

動作確認

apacheを再起動してからphpinfoを見てみます。

認識されてますね。

先ほどエラーが出たスクリプトを再度実行してみると、エラーは出なくなりました。

(以下、2011/02/09 追記)

SSLの設定

ここを参考にしました。

http://www.server-memo.net/server-setting/apache/apache-mod_ssl.html

実際の作業は整理後追記予定。(以下追記)

関連ファイル保存用にフォルダを作成。

$cd /etc/httpd/conf/

$mkdir ssl.key

さくらVPSにLAMP環境構築〜php編

Mon, 12 Dec 2011 17:50:06 +0000

apache,mysqlにGDやその他ライブラリが準備が整ったとこでいよいよphpインストールしていきます。

phpインストール

ここからソースをDL http://www.php.net/downloads.php

cd /usr/local/src/

$wget http://jp2.php.net/get/php-5.3.8.tar.gz/from/jp.php.net/mirror

$tar xzvf php-5.3.8.tar.gz

$cd php-5.3.8

#./configure –prefix=/usr/local/php5 –with-apxs2=/usr/local/apache2/bin/apxs –disable-all –enable-libxml –with-libxml-dir=/usr/local –enable-zend-multibyte –with-regex=php –enable-filter –with-pcre-regex=yes –with-mysql=/usr/local/mysql –with-gd

$make

$make test

今回configure時に一部権限でエラーを吐いたので、rootで実行しました。

–disable-allオプションを指定してから必要なものだけを入れるようにしてます。

また、オプションは暫定ですので、今後のサービスにより、変更する可能性はあります。

※追記2012/1/27 configureオプション変更がありました。

$./configure –prefix=/usr/local/php5 –with-apxs2=/usr/local/apache2/bin/apxs –disable-all –enable-libxml –with-libxml-dir=/usr/local –enable-zend-multibyte –with-regex=php –enable-filter –with-pcre-regex=yes –with-mysql=/usr/local/mysql –with-gd –with-jpeg-dir –enable-session –enable-mbstring –enable-xml –enable-json –enable-sockets

また、make testでいくつかエラー出たようなので、メモ

=====================================================================

EXPECTED FAILED TEST SUMMARY

———————————————————————

output buffering – fatalism [tests/output/ob_011.phpt] XFAIL REASON: This test will fail until the fix in revision r214155 is backported from php 6

Inconsistencies when accessing protected members [Zend/tests/access_modifiers_008.phpt] XFAIL REASON: Discussion: http://marc.info/?l=php-internals&m=120221184420957&w=2

さくらVPSにLAMP環境構築〜php入れるまで編

Mon, 12 Dec 2011 15:50:43 +0000

前回GDをインストールしましたが、その他phpをインストールする際に必要なライブラリのインストールログです。

libxml2インストール

$tar xzvf libxml2-2.7.8.tar.gz

$cd libxml2-2.7.8

$./configure

$make

#make install

今後アプリケーション側で必要なライブラリがあれば、随時こちらに追記予定

いよいよphp

ようやくphpいきます。

さくらVPSにLAMP環境構築〜GD編

Mon, 12 Dec 2011 15:07:43 +0000

さくらVPSにLAMP環境構築で、apacheとmysqlが動いてたのでphp行きます。

・・・の前にこの環境で動かすサービス上必要なGDを入れます。

GDのインストール

GD入れる前に色々必要なlibpng,libjpeg,freetypeを入れていきます。

主な参考先）GD等のインストール

libpng

ここからDL http://sourceforge.net/projects/libpng/files/latest/download

tar.bz2でローカルにDLしちゃうので、サーバアップ後

$tar jxfv libpng-1.2.37.tar.bz2

$cd libpng-1.2.37

$./configure

すると

configure: error: zlib not installed

zlibが無いですよって怒られたので、

zlibインストール

$wget http://prdownloads.sourceforge.net/libpng/zlib-1.2.5.tar.gz?download

$tar xvzf zlib-1.2.5.tar.gz

$cd zlib-1.2.5

$./configure

$make

#make install

再びチャレンジ

$cd libpng-1.2.37

$./configure

$make

#make install

いけました。

libjpegのインストール

$wget http://www.ijg.org/files/jpegsrc.v8c.tar.gz

$tar xvzf jpegsrc.v8c.tar.gz

$cd jpeg-8c

$./configure

$make

#make install

freetypeのインストール

$wget http://ftp.twaren.net/Unix/NonGNU/freetype/freetype-2.4.8.tar.gz

$tar xvzf freetype-2.4.8.tar.gz

$cd freetype-2.4.8

$./configure

$make

#make install

GDのインストール

いよいよ本体

$ unzip GD_2_0_33.zip

$ cd pierrejoye-gd-libgd-GD_2_0_33/src

$./configure –with-png=/usr/local –with-freetype=/usr/local –with-jpeg=/usr/local

$make

#make install

Ti.Developers.meeting Vol 1.0に参加してきた

Sat, 10 Dec 2011 16:57:03 +0000

Ti.Developers.meeting Vol 1.0に参加してきましたので、内容のメモ。タグは#TDm1

Android/iPhoneアプリをJavascriptだけで作れるTitanium Mobileを知ろう！

@masuidriveさんの発表

HTML5 vs Ti ではなく HTML5 & Ti
200,000developers、30,000apps
実績：ココログ、Maeda-1、amadana、サイボウズlive,MogSnap ・・・etc
User Experienceをどう提供するかが大事
できない（苦手な）こと：画像フィルター、シューティングゲームのようなリアルタイム性
最終的にはモジュール（Obj-c,Java）で書ける
デモ http://bit.ly/TiHandsOn
技術的にできることとアプリとしてできることは違う。iphoneのUIガイドラインなど。
進化が早いのでブログ等の情報は、version注意
12/19 v8エンジン搭載のver1.8リリース予定。ただ、すべてのメソッド対応してない。選択制。

今回増井さんの話を聞いて思ったのは、決してandroidとiOSで同じUIを提供することが、いいUserExperienceを提供することにはつながらないんだなぁと。。。

同じUIにすることにこだわらる必要は無いってことに気づかされました

モジュールの力でTitanium Mobileをもっと活用しよう！

@donayamaさん

Titanium Mobile本の著者！お世話になってます！

実績：聖地巡礼S、TiAdventCalender2011 8日目
Titanium Module：機能補完ライブラリ。画像の圧縮率指定、ファイルのzip/unzip、OpenGL etc
Opensource Modules
Open Mobile Martketplace：レベニューシェア、70% developer、買い切り、月額、paypal
Live shopping（実際にOpen Mobile Martketplaceでモジュールを買うデモ）
zipをDL
プロジェクト直下にzipのままコピペ
ビルドすると、modulesディレクトリに展開
samplesディレクトリの中身をそのままコピペして再ビルド
tiapp.xml にmodulesタグを記述
Project →Cleanしてから再ビルド
Titanium+Plus Modules Appceloator謹製のモジュール群

モジュールを探す場所は一つじゃないようですね！

LT

@towerofl さん。なんど山口県から！

変数名とフォルダ名やファイル名を合わせる
効果：変数名の名前が分かりやすい、ネストが深くなる（ここで時間切れ）

@atsusy さん。

いくつかのカメラフィルター系moduleの制作者

作ったモジュールのデモを見せていただけました。

@sngmr さん。名古屋から。

ココ壱探し
データは、グルナビAPI＋ココ壱サイトスクレイピング

Microsoftさん

会場を貸してくれた理由等。ナカオ様。

Microsoft×デジハリでソーシャルゲームグローバルリーダー育成プログラム、ってをやってるとな！

笑いのあるすてきなプレゼンでした！

まとめ

ジュース飲み放題だし会場きれいだしMicrosoftさんには感謝！

またそもそもこのイベントを開いてくれた@asotronoutesさんにも感謝！

よーし、Tiやるぞー

さくらVPSにLAMP環境構築〜mysql編

Fri, 09 Dec 2011 17:10:06 +0000

前回のapache入れたの続きです。

mysqlのインストール

uname -a でOSを確認して

http://dev.mysql.com/downloads/mysql/　ここからDL先を探します。

$cd /usr/local/src/

$wget http://dev.mysql.com/get/Downloads/MySQL-5.5/mysql-5.5.18-linux2.6-x86_64.tar.gz/from/http://ftp.jaist.ac.jp/pub/mysql/

$tar xzvf mysql-5.5.18-linux2.6-x86_64.tar.gz

解凍後の設定は、こことmysql-5.5.18-linux2.6-x86_64ディレクトリ内のINSTALL-BINARYを参考にしました。

#ln -s /usr/local/src/mysql-5.5.18-linux2.6-x86_64 /usr/local/mysql

#cd mysql-5.5.18-linux2.6-x86_64/scripts/

#./mysql_install_db –user=mysqluser –basedir=/usr/local/mysql –datadir=/usr/local/mysql/data/

#vi /etc/my.cnf

（support-files/my-large.cnf あたりを参考に）

起動

$/usr/local/mysql/bin/mysqld_safe –defaults-file=/etc/my.cnf &

root パスワード設定

$/usr/local/mysql/bin/mysqladmin -u root password ‘new-password’

ログイン

$./mysql -u root -p

一般アカウントを作成

mysql grant all privileges on database_name.* to user_name@localhost identified by ‘password’

mysql exit

アカウント確認

$./mysql -u user_name -p

DB権限確認

mysql create database database_name

Query OK, 1 row affected (0.01 sec)

違う名前のDB’hoge’を作ろうとすると

mysql create database hoge

さくらVPSにLAMP環境構築〜apache編

Fri, 09 Dec 2011 16:59:46 +0000

yumに頼らずやってみた際の自分用ログです。

apacheのインストール

参考）http://httpd.apache.org/download.cgi

$wget http://ftp.kddilabs.jp/infosystems/apache//httpd/httpd-2.2.21.tar.gz

$tar xzvf httpd-2.2.21.tar.gz

$cd httpd-2.2.21

$./configure

$make

#make install

起動

#/usr/local/apache2/bin/httpd

動作確認

ブラウザから　http://（IPアドレス）を見てみます。

It works!

動いてます！

自動起動設定

#vi /etc/rc.d/init.d/httpd

内容はこちらを参考に

#!/bin/sh
#
# chkconfig: 35 85 15
# description: apache 2.2.21

apachectl="/usr/local/apache2/bin/apachectl"

case "$1" in
 start|stop|restart|fullstatus| \
 status|graceful|graceful-stop| \
 configtest|startssl)
 $apachectl $@
 ;;
 *)
 ;;
esac

権限を他のものと合わせる

#chmod 755 httpd

chkconfig に登録

#chkconfig –add httpd

サービス登録確認

#service httpd start

自動起動確認

#reboot

再度ブラウザで確認　http://（IPアドレス）

動作が確認できたら次はmysqlです。

CakePHP2.0のキャッシュとレスポンス（CakePHP Advent Calendar 2011 8日目）

Thu, 08 Dec 2011 20:33:35 +0000

この記事はCakePHP Advent Calendar 2011に参加しています。

cakephp2.0でmodelキャッシュやviewキャッシュってあるけど、実際使ったらレスポンスってどうなるの？というのを検証してみたいと思います。

前提

環境は以下で試しております。

さくらVPS512（512M）
centOS 5.6
apache 2.2.3
mysql 5.5
php 5.2
cakephp 2.0.4
apc 3.1.9

今回初めてcakephp2.0触ったのですが、これを期にcakephp.orgに寄付しました（ﾄﾞﾔｯ（ｷﾘｯ

円高の今がチャンスです！

検証方法

簡単なページ（レコード10万件から10件ランダムに抽出して一覧表示するページ）を作って、abを使ってRequests per secondの値を見て、比較していきます。

ab -c 10 -n 10 (url)

比較順は以下

デフォルト（そのまま）
modelキャッシュする
viewキャッシュする

始める前に一つ注意。cakephp2.0からmysqlの接続にpdo使ってたんですね！

これでハマってしまいました＞＜さすがにcakephp2.0がエラーで「pdoが無いですよ！」とは教えてくれなかったので、初めて使う人はご注意を！

phpinfo()で以下のようになってればOKです。

なってない方は、この辺を参考にインストールしましょう。

結果

結果から書きます。

デフォルト : 3.22
modelキャッシュ : 74.43
viewキャッシュ : 116.30

こうなりました。modelキャッシュで20倍以上、viewキャッシュで30倍以上のレスポンスが出ました！

では、簡単に検証内容を説明します。

デフォルト

コントローラの中身はこんな感じ

$options = array();
	$options["limit"] = 10;
	$options["order"] = "RAND()";
	$t = $this->Model->find("all",$options);
	$this->set("t",$t);

ランダムで１０件引っ張ってきてます。

デバッグによると、このクエリでだいたい平均400msかかってました。

わりと重めのクエリです。

modelキャッシュ

$t = Cache::read("cache_name");
	if(!$t){
		$options = array();
		$options["limit"] = 10;
		$options["order"] = "RAND()";
		$t = $this->Model->find("all",$options);
		Cache::write("cache_name",$t);
	}

	$this->set("t",$t);

結果をキャッシュして、キャッシュがあればキャッシュを表示させてます。

【Titanium Advent Calendar 2011：四日目】画面遷移

Sun, 04 Dec 2011 17:12:05 +0000

この記事は、@astronaughtsさん企画の「Titanium Advent Calendar 2011」向けに書いています。

ただいまtitanium勉強中の身でして、大したことを書けないですが、最初につまった画面遷移について書きます。

画面遷移

Titaniumを勉強するにあたり、さまざまな機能が詰め込まれたサンプルKitchenSinkがとても役に立ちます。

コードを見てみると、tabにwindowを置いて表示していくような流れになっています。

var tabGroup = Titanium.UI.createTabGroup({id:'tabGroup1'});
var win1 = Titanium.UI.createWindow({className:'win1'});
var tab1 = Titanium.UI.createTab({
	id:'tab1',
	window:win1
});

tabGroup.addTab(tab1);
tabGroup.open({
	transition:Titanium.UI.iPhone.AnimationStyle.FLIP_FROM_LEFT
});

ところが、タブの位置はiphoneは画面下側でandroidは画面上側に表示されますので、UIが大きく変わることになります。

そこで、タブを使わず遷移させる方法を探していくと、やはり別のサンプルにヒントがありました。

BaseUI -> Window (Standalone) -> Open(Plain) です。

// 現在のwindowの取得
var win = Titanium.UI.currentWindow;
// 次の遷移先に移動するボタン
var b1 = Titanium.UI.createButton({
	title:'Open (Plain)',
	width:200,
	height:40,
	top:10
});

// クリック時の動作設定
b1.addEventListener('click', function()
{

	// クリック時に開くwindow
	var w = Titanium.UI.createWindow({
		backgroundColor:'#336699'
	});

	// クリック時に開くwindowに置く閉じるボタン
	var b = Titanium.UI.createButton({
		title:'Close',
		height:30,
		width:150
	});
	// 閉じるボタン追加
	w.add(b);
	// 閉じるボタンを押したときの動作設定
	b.addEventListener('click', function()
	{
		w.close();
	});

	// 開く
	w.open();
});

クリックした先のwindowも、クリックイベントを設定する際に準備しているような動きのようですね。

Node.js勉強会＠関西第0回に参加してきた

Sat, 19 Nov 2011 18:42:35 +0000

Node.js勉強会＠関西第0回（ハッシュタグは#nodesgw00）に参加してきたので、そのレポートです。

会場は、サントリーアネックスビル。JR大阪駅から地下を通って出たらすぐ着きました。迷わないでいけたなんて・・・

概要

@craftgearさんによるイベント説明とnode.js概要

node.jsを使ったhello worldでphpと比較検証。100回のリクエスト同時に100リクエスト、やく１３、４倍の時間差
出来て２年で若いのに、ライブラリに溢れてる。選択に迷う。
フレームワーク・テンプレート・DBアクセス・テストフレームワーク・機能テスト・認証・ファイルアップロード等、それぞれ複数ある
補助ツールCoffeeScript、supervisor
認証はauthenがおすすめ
各基本機能のサンプルコードの簡単な説明

とにかくライブラリが豊富だし、選択が難しそうという印象。

あと、紹介コードがCoffeeScriptで書かれてたので、パッと見では分かりずらかったです。でもちょいちょい聞くなー、この単語。この辺が参考に良いかな。

今日から始めるCoffeeScript

JavaScriptにコンパイルできる小さな言語
コンパイル後はJavaScriptとして動作するため実行速度面ではほぼ変わらない
構文がRubyやPythonライク
ブラウザ用の開発にもサーバサイドの開発にも使える
forever,daemon

だそうです。

マルチプロセスと永続化

@kumatchさん（Feedtailor inc.）の発表

Cluster,foreverというモジュールの話
Cluster,master process ,worker process,
ライブコーディング、masterプロセスとworkerプロセスの動きを表示。
一つのportで複数プロセスが簡単に
workerプロセスではメモリ空間を共有してない
共有するためにはmasterにsendメソッドで値を渡す
forever,daemon,startメソッドで指定したプロセスが死んだら再度起動してくれる

かなり動きが詳細に見れて分かりやすかったです。あとちょっと怪しい挙動も見れて、node.jsの未熟さもかいま見れましたw

実際に、業務でファイル変換処理にnode.js使っているということ。

ファイル変換時に次のプロセスを待たせてしまうが、node.jsのマルチプロセスで解決しているそうです。

次からLTです。

東京Node学園祭レポート

矢谷重人さん（ファーストサーバ）の発表

総勢200名,3000円１日経たず完売
node.js総本山と業務提携、Node Ninja
中学三年生の参加者も！
プラチナ２枠のスポンサーに２０社応募の人気ぶり
NodeNinjaの開発人員募集w

東京Node学園祭の写真を使っての発表だったので、イベントの雰囲気が伝わってきました。

あと、東京ではnode.jsの初心者向けセミナーは飽きられてるという噂w

node.jsでつくるリバースプロキシ

@kamiyanさん,発表資料

色んなポートに割り振られたアプリケーションに対して、リバースプロキシで一元urlアクセス可能に
具体的なソースコードの紹介

コードの量も少ないし、本当に簡単にリバースプロキシができそうな印象持てました。

NodeにおけるCommonJS対応について

@esperia09(Re: Kayo-System) さんの発表

CommonJS:javascriptをサーバサイドなどで利用する標準仕様（ライブラリではない）
実はサーバサイドjsの歴史は古い（1996〜）
Node.jsがCommonJSに対応してるかというと微妙で、対応しようともしてない
Nodeはjavascriptのシステムを利用したいが、commonJSはjsの仕様を固めたい、というずれ

結論としては、Node.jsを使う場合は、CommonJSを気にしなくていいっぽいです。

感想まとめ

実際に触ってにないのもあり、具体的なソースをみて動きを把握することは難しかったです。ただ、ライブコーディングしてもらったのもあり、だいぶイメージがつかめました。

実際に、業務で必要とするシーンが今のとこ思いつかないのですが、一部とはいえはNode.jsで出来ることを実際に見れてよかったです。

Titanium Mobile カメラ起動と写真のアップロード

Tue, 08 Nov 2011 02:41:07 +0000

さて簡易なrssリーダーは完成したので、次の目標は、カメラで撮った写真をアップロードする、です。

カメラを使った処理は、エミュレータでは起動しないので、実機でコンパイルするしかないのが難点です！

app.jsでカメラ起動

まずはボタンクリック→カメラ起動の流れを作ってみます。

app.jsの中身はこんな感じ

// window 設定
var win = Titanium.UI.createWindow({
 title:'CameraTest',
 backgroundColor:'#fff'
});

// カメラ起動ボタン
var b1 = Titanium.UI.createButton({
	title:'camera start',
	height:40,
	width:200,
	top:10,
});

//クリック時の動作
b1.addEventListener('click', function(e)
{
	var win = Titanium.UI.createWindow({
		url:"camera.js",
		title:"camera",
	});
	win.open(win,{animated:true});
});
//windowにボタン追加
win.add(b1);
//window open
win.open();

これでクリックしたらcamera.jsが呼び出されるシンプルな画面ができます。

camera.jsでカメラ操作

で実際にカメラを呼び出して操作するcamera.jsはこんな感じ

var win = Titanium.UI.currentWindow;
Titanium.Media.showCamera({

	success:function(event)
	{
		var cropRect = event.cropRect;
		var image = event.media;
		if(event.mediaType == Ti.Media.MEDIA_TYPE_PHOTO)
		{
			// カメラで撮った画像を表示する
			var imageView = Ti.UI.createImageView({
				width:win.width,
				height:win.height,
				image:event.media
			});
			win.add(imageView);

			// カメラで撮った画像をアップロード（uploadCameraImageはあとで説明）
			uploadCameraImage(image);
		}
		else
		{
			alert("got the wrong type back ="+event.mediaType);
		}
	},
	cancel:function()
	{
	},
	error:function(error)
	{
		// create alert
		var a = Titanium.UI.createAlertDialog({title:'Camera'});

		// set message
		if (error.code == Titanium.Media.NO_CAMERA)
		{
			a.setMessage('Please run this test on device');
		}
		else
		{
			a.setMessage('Unexpected error: ' + error.code);
		}

		// show alert
		a.show();
	},
	saveToPhotoGallery:true,
	allowEditing:true,
	mediaTypes:[Ti.Media.MEDIA_TYPE_VIDEO,Ti.Media.MEDIA_TYPE_PHOTO]
});

これはcameraで画像を撮った場合と、エラーが起きた場合の処理を書いてます。その他、細かいパラメータはKitichenSinkをコピペしたままです。（内容はまだ分かってませんw）

Titanium mobile 自分のrss reader とりあえず完成！

Sat, 29 Oct 2011 04:35:09 +0000

前々回でrssを読み込んで一覧表示をし、前回なんとか一覧→詳細の画面遷移はできたので、ちゃんとデータの受け渡しをして、多少まともなアプリにしてみます。

画面遷移時のデータの引き渡し方法

一覧→詳細と遷移する際に、tapした記事の本文を表示させないといけません。

そこでポイントはapp.jsのここ。（プログラム全体は記事の最後に貼ってます。）

if (Ti.Platform.name == "android") {
			var win = Titanium.UI.createWindow({
				url:"detail.js",
				title:e.rowData.text,
				body:e.rowData.body
			});
		} else {
			var win = Titanium.UI.createWindow({
				url:"detail.js",
				title:e.rowData.text,
				body:e.rowData.body,
				backgroundColor:'#fff',
				barColor:'#111'

			});
		}

Platformによる分岐がありますが、大事なのはbody:e.rowData.bodyのところ。

windowオブジェクトのプロパティとして新たにbodyというのを作りそこに、値をセットします。e.rowData.bodyは

datas.push({title:title.item(0).text, test:'detail.js', body:description.item(0).text});
（・・・中略・・・）
 var tableview = Titanium.UI.createTableView({data:datas});

このようにtableviewに値をセットする際にbodyプロパティにxmlから取得したデータをセットしています。

そして詳細画面（detail.js）で

var win = Ti.UI.currentWindow;
（・・・中略・・・）
var detail = Ti.UI.createLabel({
//	backgroundColor:'#336699',
	borderRadius:10,
	width:300,
	height:'auto',
	top:10,
	text : win.body
});

このような形でcurrentWindowで現在のwindowを取得し、そのbodyをlabelのtextにセットしています。

これで詳細画面のlabelのtextに、xmlで取得した本文（descriptionタグ）が表示されます。

画面のスクロール

ところがこのままだと、本文が画面いっぱい埋まってはみ出してしまう場合がありました。

で、感覚的にスクロールしてくれるかと思いきや、画面は動かず。。。。

てことでサンプルのKitchen sinkを見てみると、example/scroll_views_tabs.js に

var scrollView2 = Titanium.UI.createScrollView({
	contentWidth:75,
	contentHeight:500,
	top:70,
	height:200,
	width:75,
	borderRadius:10,
	backgroundColor:'#13386c'
});

こんなものを発見。実際画面もスクロールしていたので、これを参考にしました。

var win = Ti.UI.currentWindow;

var scrollView = Titanium.UI.createScrollView({
	 contentWidth:'auto',
	 contentHeight:'auto',
	 top:0,
	 showVerticalScrollIndicator:true,
});

var detail = Ti.UI.createLabel({
	borderRadius:10,
	width:300,
	height:'auto',
	top:10,
	text : win.body
});

scrollView.add(detail);

win.add(scrollView);

これがdetail.jsの全貌ですが、前回との違いは、window( label() ) だったのが、window( scroll( label() ) ) という関係になって、scrollが間に噛んだようなイメージです。

携帯（ガラケー）IPアドレス最新版URL

Thu, 27 Oct 2011 21:32:45 +0000

お仕事で最新のIPアドレスを調べたので、URL張っておきます。

副産物

php でこのサブネットマスク形式のIP一覧に含まれているかどうか判定する処理を作りました。

参考）サブネットマスクを用いたIP制限をしたい

Titanium mobile クリックして次のウィンドウに遷移する

Thu, 27 Oct 2011 02:49:24 +0000

前回課題とした、Titanium mobile でクリックしたら次のウィンドウに遷移させる方法です。

遷移先のウィンドウ用にdetail.jsを作成しました（app.jsと同じ階層に）。中身はこんな感じ

// create table view data object
var data = [
	{title:'Tab Groups'},
];

// create table view
var tableview = Titanium.UI.createTableView({
	data:data
});

// add table view to the window
Titanium.UI.currentWindow.add(tableview);

var win = Titanium.UI.createWindow({
	height:30,
	width:250,
	bottom:110,
	borderRadius:10
});

var view = Titanium.UI.createView({
	backgroundColor:'#000',
	opacity:0.7,
	height:30,
	width:250,
	borderRadius:10
});

win.add(view);

でapp.jsをこの形

// this sets the background color of the master UIView (when there are no windows/tab groups on it)
Titanium.UI.setBackgroundColor('#000');

// create tab group
var tabGroup = Titanium.UI.createTabGroup();

//
// create base UI tab and root window
//
var win1 = Titanium.UI.createWindow({
 title:'Tab 1',
 backgroundColor:'#fff'
});
var tab1 = Titanium.UI.createTab({
 icon:'KS_nav_views.png',
 title:'Tab 1',
 window:win1
});

// create slider view data object
 var tableview = Titanium.UI.createTableView({
data : [
	{title:'Detail', test:'detail.js'},
]
});
tableview.addEventListener('click', function(e)
{
	if (e.rowData.test)
	{
		var win = Titanium.UI.createWindow({
			url:e.rowData.test,
			title:e.rowData.title
		});
//		Titanium.UI.currentTab.open(win,{animated:true});
		tab1.open(win,{animated:true});
	}
});
	win1.add(tableview);
//Titanium.UI.currentWindow.add(tableview);

//
// add tabs
//
tabGroup.addTab(tab1);

// open tab group
tabGroup.open();

クリックして開く処理

まず、ポイントはここ。app.jsのこの部分

Titanium Mobileですごくシンプルなxml readerを作ってみた

Tue, 25 Oct 2011 23:13:55 +0000

Titanium Mobile を最近触り始めたので、スキルアップとともにアプリができる過程を残していきます。

前提

開発環境は、こんな感じ

mac book air
Titanium Studio

ちなみに構築手順はこちらがまとまってます。

最初の課題

twitter APIからjsonを読み込んで一覧で表示、というシンプルなアプリはphpmatsuriのワークショップで、すでに動いてましたので、xml読み込みverを作ってみました。

xmlの対象はこのブログのfeedです。

ハマりどころ

xmlのDOM操作も多少苦戦しましたが、何よりデバッグの分かりにくさに苦労しました。

どうも、onload()による遅延ロードに起因して、デバッグがすべて表示されないようです。

デバッグするタイミングが注意ですが、それは下の開発tipsに書いてます。

完成ソース

デフォルトのapp.jsからいじってますので、その名残が多少あります。

// this sets the background color of the master UIView (when there are no windows/tab groups on it)
Titanium.UI.setBackgroundColor('#000');

// create tab group
var tabGroup = Titanium.UI.createTabGroup();

//
// create base UI tab and root window
//
var win1 = Titanium.UI.createWindow({
 title:'Tab 1',
 backgroundColor:'#fff'
});
var tab1 = Titanium.UI.createTab({
 icon:'KS_nav_views.png',
 title:'Tab 1',
 window:win1
});

var http = Titanium.Network.createHTTPClient();
http.open("GET", "http://blog.playispeace.com/feed/");
http.onload = function() {
	var doc = this.responseXML.documentElement;
	var items = doc.getElementsByTagName("item");
	var datas = [];
	for (var c=0;c 0)
		{
			row.add(Titanium.UI.createLabel({
 text: title.item(0).text,
 top: 0,
 left: 0,
 right: 0,
 height: 'auto',
 bottom: 8
 }));
		datas.push(row);
		}
	}
 var tableView2 = Titanium.UI.createTableView({data:datas});
	win1.add(tableView2);
};
http.send();

http.onerror = function(){
	//alert("network error");
};

//
// add tabs
//
tabGroup.addTab(tab1);

// open tab group
tabGroup.open();

開発tips

開発時に気づいた点などです。

PHP祭りに参加して〜2日目

Mon, 17 Oct 2011 20:39:00 +0000

PHP祭りに参加して〜１日目の続き

朝は、7〜8時が朝食タイムだったので、なんとか7時前に起きて朝食モリモリ

睡眠不足は食事でカバー！

これモットーです。

デモ大会にエントリー

ふたたびモクモク。で、気がついたら、午後から始まるデモ大会のエントリー締め切りが迫ってるやないか！優勝したらipad2だぜ？ほかにも色んな賞で色々もらえるのにぃぃ、、、！！

でも、こりゃ、成果物は無理ですぜ。。。

でもでもせっかく来たのに、、、祭りなのに、、、爪痕残さねば。。。

ということで、勢いでエントリー参加。で、

状態。

内容は前回のブログに書いた、こたつの話をすることに。

デモ大会

昼食後いよいよ、デモ大会開始。40名を超える発表者がいたため、一人3分で3グループに別れ、グループ終わりで休憩挟む形に。

デモ大会ルール

発表終わりに全員で,1,2,3点(1がgoodで3がexellentってのもいい表現！)のどれかに投票
全員の発表が終わったら、各フレームワーク等ごとの賞と、全体の優勝者を決定
優勝者にはipad2がっはぁああ！！！

というわけで、話聞く側も気の抜けない大会なのです！

私は、３番グループの真ん中当たりだったので、『デモの無い変化球的な発表やし、みんなが飽きてきた頃合いがいいなぁ』・・・と思ってたので、ちょうど良かった！

そんなこと思いながら、みなさんのすばらしい発表を聞き不安にw

いよいよ発表のとき

３グループ目が始まる前に準備

で、どんどん発表が進んでいって、いよいよ発表開始！

だが、、、、

あとから考えると、、そういえば初めてのLTでした、、、

緊張はしてたものの、酒の力で、普通には喋れてたと思うのですが、、、、

タイマーを見れてなかった、、、、

さー、いよいよ本題と思った次の週間、鳴り響いたのはドラの音（終了の合図）

『えーっ！！』って言っちゃった（全力で）。

あー、なんと、、、成果物の無い上に発表もこのざま。。。

得点もねーなとあきらめ席に戻る。

すると「残念でしたねー」「むっちゃ続き気になりますわー」と周りの方々に声を掛けていただく。あー、みなさん優しいお言葉ありがとうございます。。。

まさかのリベンジ！？

そしてあっという間の全員の発表終了。

３０分ほどの投票集計＆審査タイムに突入。

で、この時間は、まだ発表したい、とか心残りのある人が発表していいような、フリーダムタイム。

ん、、、、心残り、、、、だと・・・・？

これは、もしや、と思っていると、、、

「こたつの続きが聞きたーいっ！！」という@mogyaさんのかけ声！

その後に、自然発生的にわき上がるこたつコール！！！

「こ・た・つ！こ・た・つ！」

いやいやいや、そんな盛り上げられても困るんですけどwwwww

てか、こたつの話なんですけどwwwwww

でも、ぶっちゃけ嬉しかったですけどwwww

ということで、続きを発表。おかげで、気持ちよく思いっきりしゃべれました。

結果、賞とかはもらえ無かったですが、記録より記憶に残せたのなら満足です！

そのときの発表資料がこちら

web_to_kotatsu

View more presentations from Yokota Eiji

ちなみに資料内の「3G」というのは発表番号のことで、投票が行われてたので資料内でアピールしてますw

発表会と後の祭り

各賞の発表や、次期祭りが福おk(ry とかどっかで決定とかの話もあり、祭りは終了。

散り散りに帰っていく中、たまたま出会った遠征組のグループに合流。流れでお好み焼き「風月」によってわいわいして帰りました。

感想

セッション内容が濃すぎて、話聞いてるだけでもおなかいっぱいで、でもテンションは高いのでコードもごりごり書くし、みたいな状態が24時間以上ずーっと続くような、そんな感じです。

帰りには、久々に味わう心地よい疲労感と達成感で満ちてました。

あと、遠征して来る（関西以外）人は、エネルギッシュだなーと感じました。

さすが祭りに対する意気込みが違いますね。

にしも、本当に充実した２日間が送れました。

スタッフのみなさん、また、発表者の方々、そして、いろいろと手助けしていただいた皆さん、本当にありがとうございました！そしてお疲れさまでした！

おまけ

祭りの動画アーカイブページ
みなさんの感想ブログ、写真
祭りのテーマ曲になった（うそです）動画。@gwoo氏が祭り中ずっと流してたお陰で、今も頭の中でループ中。。。

PHP祭りに参加して〜１日目

Mon, 17 Oct 2011 18:36:03 +0000

PHP祭りに参加したので、そのレポート

9時から10時まで受付予定だったので、少し余裕を持って参加したつもりでしたが、環状線の内回りと外回りを間違えるハプニングで、10時すぎに会場入り

概要説明

まずは、イベントの概要説明。祭り２回目の方がこの時点では少なかったのですが、これは経験上分かってて遅れてくるのだとかw

部屋は二人の相部屋ですよとか、細かい注意事項が「みなさん大人なので」ということで終わったりw

セッション

最初は@yando さんの「ハッカソン入門」

ハッカーとは？
ハッカソンの例
とにかくアウトプット（github,blogに！twitterでは流れてしまう）

次に、@hyoshiok さんの「ハッカー文化を根付かせる」

民族誌・・・その文化では当たり前のことを記述する
ミッドナイトプロジェクト（スカンクワークス）、googleの20%ルール
統制の手法。強制的統制、功利的統制、規範的統制
ハッカー倫理。すべての情報は自由にアクセスできなければならない、権威を信用するな、等。
facebook,google,yahoo,apple,linkedin エンジニアの人の移動の流れ。最高のプログラマは最高のプログラマと仕事する。
ハッカー中心の企業文化の理解、価値観の共有、あとは方法論（勉強会、ランチ、飲み会、戦略、etc）

質問で、「ハッカー文化を根付かせる」をハッカーと言わずに説明できないか？　→　答え：jobsもハッカーだ。いっしょに考えていきましょう。

プレゼン＆ワークショップ

昼飯後、いよいよ本格的なmatsuri開始

ここからは、プレゼンとワークショップに別れて同時進行。

@masuidrive さんの発表

appceceletor,inc にてplatform evangelistとして活動
スマートフォンのアプリ開発の問題とtitaniumによる解決策
javascript解析エンジンが、nativeAPIを読んでる。「タブを置く」とjsで書いても、iphoneとandroidではタブの位置が違う
利用アプリ紹介、利用可能な機能の紹介（camera,video,sql database・・・etc）
できないこと。リアルタイム性の必要なもの、bit処理（フィルター、暗号・複合化）、大量の写真を利用、
ただ、ObjectC,Javaで拡張するModuleがある。部分的に、ObjectiveC or Javaで書ける（これ知らんかった！）
modile販売プラットフォーム（open mobile marketplace）
ブラウザで動くjsとの違い：dom操作がない。xhrの代わりにhttpクライアント機能。requireのサポート
UI層、共通層、ロジック層の３層のイメージ。UIがプラットフォーム依存
速度、メモリ管理。ネイティブ（Objective-C/Java）より遅い。メモリ管理は自動（GC）でネイティブより食う
Titanium Studio：Aptana(Elipse)ベース
対抗馬と言われるものの特徴。Corona – 2Dゲーム(Lua),Unity – 3Dゲーム、PhoneGap – HTML5、Flash for iOS – 開発難航？titanium はツール向け
得意/苦手。ネットのフロントエンドアプリ。アニメーション・エフェクト。リアルタイム性は厳しい。画像処理APIが無い（Moduleで対応できる）
titanium mobile 本でてるよ！差分pdfもあるよ！
ti.masuidrive.jp で日本語版コミュニティも作成中。（後から直接ご本人と話した時、「なんか作ったらここで報告して」とのことでした）
認定トレーニングあるよ！11/25に大阪きてしゃべります。
Accelatorに入社した理由。iphone開発で渡米→android版も必要になる→titanium mobile出会う→module開発楽しくなる→イベントで作りの不満を言う→ceoとやり取り始まる→誘われるも条件（ビザの問題）で合わず断る→accelator $9M調達！→ビザの問題解決！・・・が結果日本で流行る→日本法人立てよう。（ビザ・・・w）
ビジネスはsubscription（ヘルプサポート）とmarketplaceでちゃりんちゃりん

質問１「日本法人であれば、本国の方針に逆らえないなどないか？」回答：「そこは自由で席は本国で、とかありなので、うまいことやりたい」

質問２、「英語は？」回答：「できない。テクニカルなことは割と通じるがビジネスはまったく。」「レポートは？」「文のつなぎ合わせ。相手がほぼプログラマなのでifとかthenとかも書く」w

@graham による「cakephp2.0」

通訳を交えての発表でした。

php11年,cakephp コアデベロッパー 4年 cakefest にも参加

いいね系ボタンにみるonとoff の表示について思うこと

Fri, 14 Oct 2011 14:10:10 +0000

寒くなってきたので、もうすぐこたつが欲しくなりそうです。

てなわけで、うちの（ちょっと古い）こたつの話します。

追記(2011/10/16)：記事の内容を最後に資料としてupしてます。

こたつのスイッチ

うちのこたつのスイッチって、電源切れてるときは「切」が見えてて、電源入れると「入」が表示されるんですね。

で、なんかいつも分かりにくいと思ってました。

ぱっとスイッチを見たときに「入」が見えたら、『今電源が切れててこのスイッチを切り替えたらスイッチが入る』って意味にも捉えれるので。

つまり、スイッチの表示が、本来は現在の状態を表しているんですが、このスイッチを切り替えた場合の行動の意味、とも考えられると。状態なのか行動なのか、という違いがある訳です。

で、なぜこんな解釈をするかと考えると、日本語に起因するのかなと。

状態：電源が入っている
行動：電源を入れる

どちらも「入」と表現できる。これが僕が分かりにくい理由だと思うんです。

例えば英語だと「入/切」じゃなくて「on/off」になると思うのですが、on/offって状態の表現になりますので、分かりやすいよなと。スイッチの切り替えが、「行動」じゃなくて「状態の切り替え」というのが明確になる。

（もちろん日本語でも「入っている/切れている」って表現すりゃ分かるのですが、デザイン上文字の長さの問題があります。）

ちょっとだけwebの話

いいね！ボタンとか+1ボタンとかよく見かけるじゃないですか。最近。

表示しているボタンて、状態の表示、だと思うんですよ。onかoffか。つまり押したら、状態が切り替わる。

でもボタンだけあってあれだけのサイズで、それを表現するのって難しいですよね。

+1ボタンなんかはちょっと分かりにくいなと思ってて、この見た目だと押したら「+1される行動」を表してるようにも見えます。

で、さらに実際押してみたら、青くなる。これが「on」なのかというは押したから分かるのですが、あらためてそのページ訪れてそのボタンをぱっと見ても分かりにくいですよね。。。

ただ、マウスオーバーすると、クリックしたらどうなるかという行動内容に関する説明が表示されますね。さすがgoogleです。

言いたいこと

あうゆうボタンて、要件としてやはりあれぐらいのサイズである必要はあると思います。

なので、いかにその中で「on/off」を的確に表現するか、というのは難しいですが、しっかり考えるべきじゃないかと思うわけです。

追記(2011/10/16)：cakephpmatsuriでこれに関して発表しました。（資料）

web_to_kotatsu

View more presentations from Yokota Eiji

ちなみに資料内の「3G」というのは発表番号のことで、投票が行われてたので資料内でアピールしてますw

kinect 勉強会行ってきた

Sat, 24 Sep 2011 18:59:34 +0000

関西Kinect勉強会vol.1行ってきました。

vol0にも参加したので、今日で２回目。kinect持参で乗り込んできました。

勉強会の内容を自分用にメモ

kinect初心者講座

@cokklerさんの発表

kinectの更新処理はいくつかある。センサーの更新を一つ待つ・全部まつ・待たない（非同期）
イメージバッファ
深度バッファ
DirectX用のテクスチャに変換
ユーザの輪郭抽出。１５人まで認識可能？（未検証）
デモ１kinect世界旅行:背景を有名地域の写真にして、仮想世界旅行
デモ２PCで遊べるダンスダンスエボリューション：背景を（踊りの）動画にしてボージングするゲームっぽいもの

割りと具体的なソース（メソッド）の紹介と、後半はデモな発表でした。

kinect（タイトルメモし忘れw）

主催者の@tunemageさん

初心者の壁：C++と画像処理
OpenFrameworksを使ってみた
デモ：図形描画、アニメーション、
カメラ情報を取得するメソッドも用意されている
プラグイン：Box2d,OpenCV,OpenNIなど
良いところ：お手軽、C++なのでkinect連携しやすい？

kinect連携がしたかったけど、はまってできなかった、とのこと。mac bookのカメラでの動作デモは動いてました。

タイトル無し

Kimura Koji さん

急遽頼まれての発表とのこと。

2010.12.03のdotFesでkinect使ったのでそのサンプル
flash+kinect連携
flKinectを作成(cocoaアプリ)
asでは重いのでできるだけネイティブ（ObjectiveC）で実装。深度のしきい値などはネイティブ側
水の中で魚（#Kinect でつぶやくとアイコンが魚になる）が泳いでるのを表現するデモ
今年のdotFesでもKinect使ってるやる、とのこと。他にも3,4社Kinectつかってるとのこと

昨日お願いしての発表だったにも関わらず、内容あるプレゼンでした。

Kinectとインスタレーションて相性良いなぁ。

Kinect Android3.1でKinect Rock

@ksksueさん

さっき頼まれて発表とのことw

ドライバ等の低層に興味がある（組み込みよりな印象）。
Android3.1からUSBをサポート
画像情報の転送がサポートされてない等あり、チルトモータとLEDは制御できた
デモ：フラワーロックならぬkinectロック

１、２時間で仕上げたプレゼンとは思えないちゃんとした内容でした。

NUI × Business

Kinect本の著者：中村薫（@kaorun55）さんの発表。なかなか結びつきにくいBusinessの話ということでこちらも興味津々。ちなみにNUIというのはこちら

本出して環境が変わった。執筆、開発、講演。
microsoftのSDKだとキャリブレーションがいらない
microsoftSDK とOpenNIの比較
実はOpenNIはAndroid対応してる
OpenNIは正式にkinectをサポートしてる訳ではない
GPL、LGPL
windowsSDKは商用利用禁止だけど、将来的にはユーザの声で変えていきたい（microsoftの中の人談）
検証をいかに自動化するか

後半、NUI × Business + Agile

Agileとは？の概要
Jenkins やスクラムまわりの話
大阪産業会館でイベントがある

内容の濃い話でした。ちょっと後半のほうは完全に聞き入って、メモれず。発表資料はこちら（なぜかリンクエラー出るので直接表示しておきます。）

ハッカソン

とくにテーマもなく１チーム６、７人で分けてハッカソン（というほどでもない感じゆるい雰囲気の）。

私のチームは、何故か私のコンパイルが通らないというのを色んな方に手伝ってもらって、なんとか進める会になってましたw

助けていただいた方には感謝しております。

雑感

全体的な感想は、やっぱkinectはデモに限る、動かしてなんぼ、っと思いました。ちょっとしたサンプルでも動かしたときの反応の良さは、すごく良いですね。

あと、google groupできたようです。

また、イベントを開催してくれた@tunemageさんと、会場を提供していただいたクロノス株式会社さんには、感謝感謝です！

自分のモチベーションのためにもこのイベントが続いていくことを願っております。

Ti.Developers.meeting Vol 0.3 in Kyoto 行ってきた

Sat, 17 Sep 2011 17:25:36 +0000

これ（Ti.Developers.meeting Vol 0.3 in Kyoto,公式？サイト）に行ってきた。

サンプル動かしたぐらいのちょー初心者でしたが、勢いで参加したので、内容まとめ。

会場は、はてな本社。発表会場とオフィスが透明の壁で仕切られてたので、オフィスをちら見しながら聞く！

進行：上野正大さん（@astronaughts）

Android バットノウハウつめあわせ

EC studioの@twingo_bさん、メインはインフラ。見たことあるなーと思ったら、jaws-ugの大阪支部長でした。

チャットワークのandroid対応をTitaniumで（すでにあったiOS版をベース）
コードの書き方：app.jsから各WindowごとのコードをTi.include()でinclude、参考サンプルtweetanium
起動時に落ちる。app.xmlに追記で対応
未定義プロパティはiOSはundefined、Androidはnull。if(sample==undefined) で対応。
createWindowのあとに、各windowのプロパティを設定しないといけない
cookieが共有がされない。モジュール作るしか無い。（なんと！
レイアウトがガタガタ
特定のビューでおちる。iOS専用のコードがある。コード分離して対応
ScrollViewでScrollしない
WebViewのevalJSが動かない。androidでは、evalJSで複数行の実行ができない。
リリース時、.svnが原因でDistributeエラー。
リリース時、WebViewで落ちる。jqueryなど、jsファイルは消える！jsを別拡張子にする。

結論：TitaniumMobileのソースコードをGitHubからとってきて、ソースコードを見ながら開発する

だそうでw

基本、androidつくってios作ったほうがいい、という意見も。

「問題にぶつかったときの解決方法は？」という質問したのですが、「やはりソースコードを見る」だそうですw

window.urlを使わずにプログラミング

ふるかわだいすけさん。なんと！モバイラーズオアシス開発者。今日もお世話になってました！

マルチコンテキストの問題、コンテキスト間での共有が難しくなる。例えば、変数の共有はハマりどころ。解決方法はいくつかある。
シングルコンテキストで解決させる方法の紹介
Ti.include + ブロックスコープ((function());)で、ファイルの分割と親変数の参照が可能
共有したいオブジェクトはグローバルに宣言

requireはお勧めしない？ハマりどころらしい・・・

ないならつくってみなよ、iPadアプリ

いしもとこうじ（@t32k）さん

モテたい→お金稼ぎたい→売れるアプリ作りたい→売れるアプリ難しい→タイマーアプリ欲しい→デザインで差別化
既存アプリはボタンが多い（less is more）タッチジェスチャーだけ、するとフォントが重要なのでオリジナルで
結果、タブ・ボタンの無いデザインに→http://ticktock.t32k.me/

はまりtips

背景画像の繰り返し→モジュールあり
ボーダーもモジュールあり
上下のフリックは標準に無く、endies editionのサンプルコードにある

木曜（２日前）公開で、販売個数は18（うち7は海外）だそうです。

はてなカウンティングアプリの裏側

id:chris4403 栗栖さん（@chris4403）。webサービスで開発したはてなカウンティングをiPhoneアプリ化。

アプリ前とアプリ後で大きくユーザ層が変化。ギークからライトに、かな。
開発環境：Vim,Git,Xcode。最終Xcodeで実機確認
viewとlogicに分けて作成
解析：titanium-google-analytics.js というのがある
ブログにも書いてるとのこと

「analyticsはアクション毎に毎回通信？」という質問したところ「まとめてバッチ処理的にしてる。通信の有無の影響はほとんど受けてない。」とのことでした。

こんどこそTitaniumでアプリをリリースしてみた

倉井龍太郎（@kurain）さん、はてなのアプリエンジニア、gihyo.jpも書いてる。

facemashの猫版。ero ratingでランキング化
データはサーバ、アプリ側はviewer 。json apiはcontent typeを指定しないと、androidで動かない
サーバどうするか。VPS、Iaas、Paas。
結論：さくらVPS

TitaniumでiOS/Android同時リリース：NIFTY-Serveの事例

成田　智也（@harukazepc）さん。ニフティ株式会社、システム開発部。

Nifty-serveのスマホ版（iphone/android 両方）をつくろう
ワンソース、マルチユース、体感40%〜15%減
javascriptでwebデベロッパになじみがあって運用しやすい
全ソースの15%がiOS/androidの振り分け

postfixをサブドメインでも使えるようにする

Fri, 16 Sep 2011 01:13:40 +0000

以前の記事で、postfixによるメール設定を行いましたが、sample.com というドメインでmail.sample.comというドメインでの設定でした。同じように、aaa.sample.comやbbb.sample.comでも、また別アカウントでも使えるようにしたいと思います。

virtual_alias_domainsを設定

virtual_alias_domainsを使います

vi /etc/postfix/main.cf

設定ファイルは何でもいいようなので、とりあえず、/etc/postfix/virtual　にしてみます。

virtual_alias_maps=hash:/etc/postfix/virtual

保存を変更したら、実際に作成します。

vi /etc/postfix/virtual

以下のように設定すると、

mail1＠aaa.sample.com mail1

mail2＠bbb.sample.com mail2

mail1＠aaa.sample.com というアドレスに送信すると、mail1＠sample.comに転送
mail2＠bbb.sample.com というアドレスに送信すると、mail2＠sample.comに転送

という状態になります。（＠は全角に変えてます）

設定反映させて、完了

postmap /etc/postfix/virtual

空メール用にメールサーバ（postfix）をさくらVPSに立てる

Thu, 15 Sep 2011 14:43:12 +0000

携帯からの空メールや、添付写真送信等の用途でのメールサーバを立てていきます。

主にこちらを参考にしています。（メールサーバー構築(Postfix+Dovecot)）

いつもお世話になっております！

postfixのインストール

仮にmail.server.com というhost名で立てる想定で進めます。

yum -y install postfix

設定ファイルを修正

vi /etc/postfix/main.cf

追加(自FQDN名を指定)します

myhostname = mail.server.com

追加(自ドメイン名を指定)

mydomain = server.com

追加(ローカルからのメール送信時の送信元メールアドレス@以降にドメイン名を付加)

myorigin = $mydomain

変更(外部からのメール受信を許可)

inet_interfaces = all

変更(自ドメイン宛メールを受信できるようにする)

mydestination = $myhostname, localhost.$mydomain, localhost, $mydomain

追加(メールサーバーソフト名の隠蔽化)

smtpd_banner = $myhostname ESMTP unknown

以下を最終行へ追加(受信メールサイズを10MBに制限)

message_size_limit = 10485760

参考にしているリンク先にあるような、SMTP-authやメールボックスは不要と考え、省いています。

Postfix起動

sendmail停止し、

/etc/rc.d/init.d/sendmail stop

自動起動も停止しておきます。

chkconfig sendmail off

システムで使用するメールサーバー機能をsendmailからPostfixに切替えます。

2をいれてEnterします。

alternatives –config mta

There are 2 programs which provide ‘mta’.

Selection Command

———————————————–

*+ 1 /usr/sbin/sendmail.sendmail

2 /usr/sbin/sendmail.postfix

Enter to keep the current selection[+], or type selection number: 2

rootでcronしたらsudo: sorry, you must have a tty to run sudo ってでる対策

Wed, 14 Sep 2011 00:00:00 +0900

タイトルどおり、とりあえずの対策

/etc/sudoersを編集

visudo で編集するらしいがrootでやればviで可能

vi /etc/sudoers

以下の行をコメントアウトする

Defaults requiretty

　　　↓

#Defaults requiretty

参考

おまけ

そもそもrootでcronするような設計がまずい気がしないでもない、、、

pamを使ってSSHをIP制限する方法

Mon, 12 Sep 2011 16:14:36 +0000

pamという認証プログラムを使って、SSHするサーバをIPで制限する方法です。

前提

例）

hogehogeというユーザでSSHするIPを

aaa.aaa.aaa.aaa
bbb.bbb.bbb.bbb

にだけに許可する方法。

設定

/etc/pam.d/sshd に以下を追記する

account required pam_access.so accessfile=/etc/security/access_login.conf

アクセス制限するファイルを/etc/security/access_login.conf　と指定します。ここはなんでもいいので、好きなように変更可能。

で、指定した　/etc/security/access_login.conf　内を

+:hogehoge: aaa.aaa.aaa.aaa. bbb.bbb.bbb.bbb.

-:ALL: ALL

「aaa.aaa.aaa.aaa.」というように、指定したIPの最後に「.」をつけるように！

これで、hogehogeというユーザでのログインは、aaa.aaa.aaa.aaa とbbb.bbb.bbb.bbbからしかログイン出来なくなります。

さくらVPSの環境構築でお世話になったURLまとめ

Sat, 10 Sep 2011 14:38:28 +0000

環境構築はなかなかすんなりいかないものですので、いつもぐぐって解決させてますが、そんなときに助けてもらっているURLをまとめておきます。

まずは最初の下準備

はじめてのさくら VPS + CentOS の初期設定からチューニングなどの作業まとめ

rootでのログイン禁止

rootによるログインを禁止

FTPをyumインストール

FTPサーバのインストール（Linux）

昔っからお世話になりまくってる。環境構築全般

CentOSで自宅サーバー構築

httpd.conf でベーシック認証

ユーザー認証によるアクセス制限（ベーシック認証編）

mysqlデータ移行が必要なら

MySQLのダンプ（エクスポート）、インポート、バックアップ

バーチャルホストでリダイレクト

virtualhostを使ったリダイレクト

不正アクセスを自動でhosts.deny に追加

さくらのVPSで絶対最初に入れてほしいセキュリティソフト

Developers Summit in Kansai 行ってきた

Wed, 07 Sep 2011 15:26:17 +0000

行ってきたので内容まとめ。

スマートデバイスとクラウドが実現するソフトウェアの革新〜上陸したWindows Phone7 と Kinnect によるAR世界の実現〜

発表者の西脇氏が、マイクロソフト株式会社　テクニカル・ソリューション・エバンジェリスト　というだけあって、マイクロソフトごりごりな内容。自分のアンテナには無い内容だったので、マイクロソフトも色々やってますねって言う印象。

マイクロソフトもクラウドやってるよ
officeとの相性はそりゃいい。データロス無し。これ→office365
エクセルとかをアップロード、PCやスマートフォン（windows phone7）から複数人でのリアルタイム編集
windowsXP中国語office無しでも、IEで開いたら中国語でそのエクセル見れる

windows phone7とiphoneとの違い

iphoneのホームはアプリ一覧。wp7のホームはタイル一覧。つまり目的別。

iphone:Aさんとコミュニケーションとりたい→アプリを選ぶ→人を選ぶ
windows phone7:Aさんとコミュニケーションとりたい→人を選ぶ→アプリを選ぶ

人間中心デザインであるとのこと

kinnect使ったAR、バーチャルフィッティングルームおもろかったー。鞄を右手左手持ち替えたり、違う鞄に切り替えたり、そのままオーダーとか。アメリカ、ヨーロッパではすでに実用化されてるとのこと。

あとプレゼンの本出してるらしく、プレゼンがすんごいスムーズに進めてました。すばらしかった。

HTML5でWebはどう変わるのか？

HTML5の概要の話

HTML5の障壁の一つ、それがIE6（http://www.ie6countdown.com/）

よりセマンティックに（＝意味付け）。タグに意味を持たせる。
レンダリングエンジン、Trident,Webkit,Gecko,Prestoがあるが、同じマークアップで同じ表示になるべき

サンプル紹介

SVG:SVG女子
geo location api :foursqure playground
web font api,video api: 書道

基本的なHTML５の話、これまで見てきたHTML5の講演とかと内容は同じだった印象。

次世代ジオロケーション　サービスの開発手法

ロケーションサービスの概要

位置情報
メタデータ
収集・分析

次世代ジオロケーションとは？

リアルタイム
クラウド
ソーシャル

YOLP(yahoo open local platform)

http://developer.yahoo.co.jp/webapi/map/

Yahoo!ロコの地図データ
ローカルサーチAPI
店舗名寄せAPI

データストレージ

ユーザデータのホスティング→検索APIの提供
オープンな位置情報データリポジトリ

チェックインAPI を近日公開予定

開発例

ラーメン屋ヒートマップ
マクドナルドナビゲーション

ちょっと発表者の方がもごもご話されて聞き取りにくかった。

終わり

あと、２講演あったけど、聞きたそうな内容ではなかったので、退散〜

7/10 facebook勉強会でのLT資料公開

Sat, 23 Jul 2011 15:06:15 +0000

遅ればせながら公開します。

Cakephp plugin for_facebook

View more presentations from Yokota Eiji.

以下、余談。

発表直前に自宅サーバがお亡くなりになり、復旧作業をずるずるとここまで引っ張ってしまいました。すいません。。。実は、まだ、完全復旧はできておりません。

元々は自宅サーバでこのブログや@tukkomimura というbotを動かしていました。で、ハード的な故障っぽかったので、さくらVPSにお引っ越ししました。ところが、このbotを動かすのにmecabというソフトとphpとの連携が何故かうまくいかず。。。

yahoo テキスト解析api を使うという手もあるのですが、、、なんとか自分とこのサーバで完結したい＞＜

地図検索サービスを公開

Mon, 18 Jul 2011 21:00:22 +0000

地図検索サービスを公開をしちゃいます。

地図検索サービス

mysqlでスロークエリをチェック

Mon, 30 May 2011 23:13:06 +0000

パフォーマンスネタを暫く続けようかと思い立ったので、まずはmysqlから。

mysqlの場合、スロークエリを無くすことが一つの指標になりますので、まずはチェックできる環境を構築します。（mysql5.5で実施）

スロークエリ設定

mysqlといえばこのブログ、漢のコンピュータ道。いつも勉強させてもらってます。そこの「MySQL 5.1のスロークエリログ」を参考にして、

[mysqld]

slow_query_log=ON

slow_query_log_file=mysql-slow.log

long_query_time=0

まずは試しにlong_query_time=0にして動作チェックしてみる。

この設定をmysql再起動して反映。

#/etc/rc.d/init.d/mysqld stop

#/etc/rc.d/init.d/mysqld start

restartでも問題ないと思いますが念のため。

ていうか、mysql-slow.logってどこなの？と思い探してみる。

find / -name mysql-slow.log

ここにありました。

/usr/local/src/mysql-5.5.11-linux2.6-i686/data/mysql-slow.log

ちなみにmysql5.5はソースからインストールしました。で適当にアクセスしてみてみて、mysql-slow.logにごにょごにょ追記されているのを確認。じゃ、ファイルじゃなくてテーブルに保存してみる。

[mysqld]

slow_query_log=ON

long_query_time=0

log_output=TABLE

最初保存されるテーブルがどこにあるか分かりませんでしたが、mysqlというDBにshow_logテーブルを発見。中を見るといきなり１０００件を越すレコードががが。long_query_timeを現実的に0.1にすると、止まりました。

結果

まだまだレコード数もなけりゃアクセスもないので、0.1秒を越すようなクエリは無いってことですなー。

補足

さすがに0.01になると以下のクエリが引っかかりました。

select * from followers where tukkomi_flg=0 and delete_flg=0 order by rand() limit 0,1

これはwordpressじゃなくて@tukkomimuraのクエリｗやはりrand()は重いようですね。。。あと*指定も改善の余地あり＞＜

「連ツイ」リリース

Mon, 23 May 2011 01:58:08 +0000

連続一文字ツイート「連ツイ」作りました。

連ツイ

動機

画像未復旧: lighter.png←このボタンを勉強に作ってみたくて、それきっかけで手頃なサービス無いかなーと思い作りました。

作り方

概要ですがざっと。

ここ(https://dev.twitter.com/)でアプリケーション登録しましょう。
twitterのoauth用ライブラリを取得。gitの場合→git clone git://github.com/abraham/twitteroauth.git
twitteroauthの中にあるサンプルソースを参考に、作る

twitteroauthの概要

参考にしたサンプルの概要です。

twitteroauth/config.php ：登録したアプリのConsumer key,Consumer secretと、callback先のURLを設定
twitteroauth/connect.php ：最初の画面。画像未復旧: lighter.png←このボタンがある画面
twitteroauth/redirect.php ：ボタンのクリック先の処理。twitter.comの承認画面にリダイレクト
twitteroauth/callback.php ：承認から帰ってくる遷移先。index.phpにリダイレクト（config.phpで設定）
twitteroauth/index.php ：認証後の画面
twitteroauth/clearsessions.php ：セッションを削除
twitteroauth/twitteroauth/ ： OauthとツイッターAPI用のライブラリのあるディレクトリ

DBもいらないのでPHPだけですね。セッション（$_SESSION）を利用しているので、保持する値がどこでどう使われてるか、がポイントです。

終わりに

忘れかけてたのもあるのですが、Oauthへの理解も深まってよかったかなと思います。

SSHの公開鍵と秘密鍵の関係

Mon, 09 May 2011 02:16:04 +0000

ID/パスワードなしでログインできるしセキュリティも向上するしで、SSHの公開鍵認証によるログインはお勧めです。

ですが、いまいち公開鍵と秘密鍵って？？とか、どっちで鍵生成するんやったっけ？？って、いつも分からなくなるので図示してみました。

SSH鍵生成

まずは鍵生成で分からなくなるのが、どっち（サーバ/クライアント）で鍵を生成して、どっち（公開/秘密）の鍵を移動するのか。

クライアント（ログイン元）が左側で、サーバ（ログイン先）が右側とします。

画像未復旧: ssh鍵生成

クライアント（ログイン元）で鍵生成
公開鍵をサーバに移動（クライアント側には公開鍵は不要）
公開鍵を~/.ssh/authorized_keys に追記

このときauthorized_keysの権限も確認します。600になっていなければ、変えておきます。

chmod 600 authorized_keys

※Windowsだとちょっと生成方法とか違うので、クライアントもサーバもlinuxベースで考えてます。

SSH公開鍵認証

で、実際、公開鍵認証するときの概要も図示してみました。（参考：公開鍵暗号でSSHのセキュリティを高める）

画像未復旧: ssh鍵ログイン

まとめ

鍵の生成はクライアントで
公開鍵をサーバのauthorized_keysに追加

関係ないですが、こうゆう図を書くのにCacoo使ってみたのですが、なかなか使えそうです。イラレとかなくてもある程度必要な図がすでにあるのでいいですね。

参考

鍵交換方式による認証

三村botを復活させました

Thu, 05 May 2011 17:07:11 +0000

サーバが止まって以来三村bot(@tukkomimura)も止まっていたのですが、復活させました。簡単に三村botをご紹介。

そもそもbotとは？

twitter上でプログラムで動くアカウントのことです。色んなbotが存在します。

三村botって？

さまぁ〜ずの三村にインスパイアされて作ったbotです。

特徴は：

あなたのつぶやきにツッコミます
ボケてなくてもツッコミます

例えばこんな感じです。

@LEGZAS23 だんでだよ！ RT 久しぶりに2時まで寝てしまった

ツッコミ噛むのかよ！

・・・と、言いたくなりますね。色んな突っ込みしてくれるので、どう突っ込まれるかはフォローしてからのお楽しみということで。

また、作るときに、気をつけたのは、つっこまない条件です。それは以下、

同じツイートにつっこまない
リプライツイートにつっこまない
RT付きツイートにつっこまない

同じツイートにつっこんだらうっとうしいですよね。なので避けました。またリプライやRTのあるつっこみにツイートすると、フォロワーでないアカウントにつぶやいちゃう可能性があるので、それも避けました。

次のエントリで技術的な話も紹介してますので、興味のある方はこちらもどうぞ。

三村botの作り方

Thu, 05 May 2011 00:00:00 +0900

先のエントリーで三村botの復活をお知らせしましたが、その作り方をご紹介

環境

用意したものは、

twitterアカウントとOauth認証キー
phpとmysqlとcron
mecab

twitterアカウントとOauth認証キー

まずbot用のアカウントを用意します。

そして、ここ(https://dev.twitter.com/)でアプリケーション登録すると、Oauth認証に必要な各値(Consumer key,Consumer secret,Access Token,Access Token Secret)が取得できます。これらをメモっておきます。

phpとmysqlとcron

LAMP環境であればだいたい揃いますね。別にwebサーバは無くていいです。

また、TwitterのOatuh認証用ライブラリも利用します。

mecab

三村botのつっこみは、フォロワーのツイートから単語（名詞）を抽出してつっこむパターンがあります。この名詞抽出部分でmecabを利用します。形態素解析というやつですね。

また、php-mecab連携のライブラリを作ってくださった方がいるのでありがたく利用させていただきます。

インストール方法については、「php mecab」あたりでぐぐると出ますので、そちらにお任せします。

設計指針

一応つっこむツイートはランダムにはしたいけど、できるだけフォロワー全員を突っ込むよう工夫してます。

フォローしたのにつっこんでくれないよう＞＜、みたいことは避けたいなとw

処理概要フロー

（全員つっこみ終わってたら）フォロワー一覧取得
ランダムに一人のフォロワーを選んで、最新つぶやき取得
そのつぶやきからつっこむツイート生成
つっこみポスト

上記処理を毎分cronで走らせてます。

注意

気をつけないといけない

twitter APIが350回/hの制限があること
twitter APIの返りに必ずデータが入ってないこと

こんな不安定なの？ってぐらいAPIは信用できませんw

それを元に設計しないと、構想してたのができねー、ってなるので注意です。

twitter API（本家）

twitter API(日本語)

まとめ

以前作ったときは、まだbasic認証だったのとAPI制限も60/hだったので、その頃とは少し詳細仕様が変えました。より理想に近い形にはなったかなーと。

そのうちプログラムはgithubで管理したいなーと思ってますので、できたら追記しておきます。

webなボタンを集めてみた

Sat, 30 Apr 2011 12:56:09 +0000

webには、なんたらボタンていっぱいありますね。ブックマークだ、ソーシャルだと、、、。で、それを集めたらおもろいかなー１コンテンツにならんかなー、と思ってページ作ってみました。

webなボタン集

で、集めだして気づいたのは、同じ機能のボタンでも画像が違うかったり、同じサービスでも色んな機能のボタンがあったり、と、キリがねぇーってなりました。

それで、重複してるの除いたり、メジャーじゃないやつ（僕が知らないやつw）を除いたりしてると、意外と少ないなーとw

今後も、新しいボタン見つけたらどんどん追加予定です。気に入ったらぽちぽちボタン押してね＞＜

バッチ処理が重複するのを避ける方法

Wed, 27 Apr 2011 16:40:34 +0000

例えば、1分毎に走らせてるバッチ処理があり、1分後にまだその処理が終わってない場合、同じ処理が重複して実行されてしまいます。これを避ける方法として、同じ処理が走ってるかどうかチェックする機能を実装しました。

バッチ処理の重複実行を回避するシェルスクリプト

シェルスクリプトがphpファイルを実行する例(このソースはgistでも管理しています。)

#!/bin/sh
exec_file='/full/path/to/exec_file_name.php'
pid=`pgrep -f $exec_file`

#if not running
if [ -z $pid ] ; then
        echo "Done!!"
        php $exec_file
#don't exec
else
        echo "canceled"
fi

ポイントは、pgrepコマンドで、実行ファイル名を含んでいる処理のプロセスIDを取得していること。マッチしない場合は、空になるので、if内の条件が真になり実行されます。

また、文字列によるあいまい検索なので、実行ファイル名(exec_file)はフルパスを推奨します。

検証方法

動作の検証ですが、実行するphp内でsleep使って止めてみました。

これで、出力結果をファイルに吐き出すようにcronに設定して、

*/1 * * * * sh /path/to/test.sh 1» /tmp/test.php.1.log

出力結果が以下のようになったので、OKかな。

・・・

Done!!

20110427 16:38:01

canceled

Done!!

20110427 16:40:01

canceled

Done!!

20110427 16:42:01

canceled

・・・

Done!! とcanceledが交互に出力されてるのが分かります。

jawsug大阪勉強会行ってきた

Sat, 23 Apr 2011 13:51:51 +0000

行ってきました。jawsug大阪勉強会

多分スライドとか探せばwebにあるんだろうけど、自分の言葉でのメモをば。

エバンジェリスト玉川さんのお話

リージョン内にゾーンがある
ライセンス量も時間課金内に含まれる
Amazon RDS ＝mysql 自動オートスケーリングで、ゾーン間で同期、フェイルオーバしてくれる
EBS＝オンラインストレージ
S3＝バケットというものにあらゆるデータを保存、データ保存料に応じて課金、３重バックアップ。静的コンテンツの公開サーバとして利用可能
SimpleDB ＝NoSql
Elastic IP＝固定IP
Route 53 一ドメイン１月約１ドル

感想としては、これ

AWSって色んなことが出来過ぎるので何をしたらいいかわからないと思っている人は多いんじゃないかなぁと思う。 #jawsug

— AKAI Tadaaki (@akai_t) April 23, 2011

何でもできすぎて、何していいか分からんw

ハンズオン

無料枠AWS、１ヶ月ごとの使用量。個人で使う分には充分ぽい

S3ハンズオン

バケット作成。create bucket。bucket名は一意なので早い者勝ち
create bucket（bucket名は一意なので早い者勝ち）
Set Permision→Everyone open/Download
Set Metadataでレスポンスヘッダが制御可能
Start uploadでアップロード完了
アップロードファイルを選択してProperties
DetailタグのLink（しかもSSL！）クリックで、画像表示or動画再生とか。Metadataで調整可能っぽい
phpでS3にアップロードするライブラリあり
S3用アドオンs3fox

時間が余ったのでEC2も！

EC2ハンズオン

玉川さんの資料を元に実施

manage consoleはfirefox推奨
星のついてるイメージが無料対象
インスタンス１個のmicroが無料。Availability ZoneはNo Preference
Shutdown Behavior:terminateはインスタンス消去。stopは課金が止まるだけでそのまま始めれる。コンソールからはstop推奨
key-valueでサーバ群に名前を付けてカテゴライズできる
公開鍵をDLしたら保存場所忘れずに！鍵はリージョンごとで違う
Security Groupとはファイアーウォール。Sourceは0.0.0.0/0を選ぶと全解放。既存グループを選択可能。Add ruleでルール追加
選んだSecurity Groupは後から変更できないが、内容の変更は可能。ので、広め？に設定しておくといい。
インバウンドのみの制御。アウトバウンド（出て行く方の）制御は別
Termination Protection：enableだと落とせなくなる。本番用のサーバなどに。
Launch !!
sshは、AMIの場合、ユーザはec2-user。イメージごとにユーザが決められていて、rootのイメージもある
DLした公開鍵をつかってログイン。macなら公開鍵のパーミションを600にしてssh -i (公開鍵) ec2-user@(Public DNS)
apache インストール。sudo yum -i install httpd

DB(mysql)を自動でバックアップする

Wed, 20 Apr 2011 01:44:22 +0000

DB(mysql)データを自動バックアップするメモ。以前にも書いたのですがｗ　再掲。

自動バックアップの流れ

バックアップ先のサーバにSSH公開鍵を設定
バックアップ用シェルを作成
それをcronに設定

公開鍵を設定するのは、シェルでssh(scp)する際にID/パスワードを聞かれないようにするためです。そうしないとそこでシェルが止まってしまいます。

バックアップ先のサーバにSSH公開鍵を設定

バックアップ元のサーバで、鍵を生成

$ssh-keygen -t rsa

全部Enter で進むと ~/.ssh/ にid_rsa.pub と id_rsaができるので、id_rsa.pub をバックアップ先のサーバに移してから

$cat id_rsa.pub » ~/.ssh/authorized_keys

~/.ssh/authorized_keys に加えます。

バックアップ用シェルを作成

以下をdb_backup.shとして保存。

${dmpfile} exec ssh-agent scp ${dmpfile}.gz user@backup_server:/backup/dir/path &


-->

dumpしたデータを圧縮し、バックアップ先のサーバに保存します。ファイル名を曜日ごとに変えることで、１週間分のバックアップが取れます。

また、最後の exec 〜　は、最後に&をつけることで、これ以降にスクリプトを追加しても処理が継続します。

###### シェルをクーロンに設定

0 5 * * * /bin/sh /home/user/batch/db_backup.sh 1>>/home/user/batch/db_backup.1.log 2>

>/home/user/batch/db_backup.2.log

負荷がなさそうな朝5時に設定して、１日１回バックアップ処理が走ります。

###### 復旧作業

バックアップデータから復旧させるときは、圧縮したデータを解凍して

$mysql -u user -p –default-character-set=utf8 dbname で対応します。–default-character-setは必要に応じて修正します。

##### まとめ

ssh公開鍵設定して、シェルスクリプト書いて、クーロン設定して終わり！

※補足　クーロンによる処理が動いてなかったのですが、ここが参考になりました。

[crontabがどうしても動かないときに確認すべき3つの点+α](http://d.hatena.ne.jp/natsumesouxx/20100313/1268479064)

oracle で、複数レコードを同時にinsertするSQL

Mon, 18 Apr 2011 14:59:19 +0000

insert all
 into table_a(column_a,column_b,column_c) values(value_1a,value_1b,value_1c)
 into table_a(column_a,column_b,column_c) values(value_2a,value_2b,value_2c)
 select * from dual

もしくは、カラム指定を省略して

insert all
 into table_a values(value_1a,value_1b,value_1c)
 into table_a values(value_2a,value_2b,value_2c)
 select * from dual

OSC 2011 kansai@kobe に行ってきました

Sun, 17 Apr 2011 17:56:08 +0000

復活したばかりのサーバが突然SSHできなくなったり、ほっといたら復活したりで不安なpapettoTVです。ガクブル。

昨日、OSC 2011 kansai@kobe 行ってきたので、簡単にメモっておきます。

OSC 2011 kansai@kobe 話聞いた一覧

node.js入門

node.jsってサーバサイドで動くjs、って認識しかなかった
apacheやnginxとは違うアーキテクチャ（シングルスレッドベースの非同期処理環境）がjsで実装されている
C10K問題、ノンブロッキングI/O

LinkStation をハックしよう！

LinkStationもwebサーバやFTPサーバにできる
シリアルポート？を半田ごてでつなげてディスプレイ表示。出力探すのに2日。入力探すのに２日
サブCPUでタイマー制御して、パックアップ時だけ起動→省エネ

Linux KVMではじめるカンタン仮想化入門

発表資料を紙でもらえたので、後で確認

徹底比較 PostgreSQL vs MySQL

利用率は2009年にmysqlが抜く
レプリケーションはMySQLが早い段階で導入・多段構成が可能（スレーブのスレーブ）
プロシージャはPostgreSQLが早い
PostgreSQLはBSDライセンスなので商用製品に組み込んで販売可能
どちらが良い悪いではない。（発表者宗近さんの私見）web系はMYSQL。PostgreSQLは堅牢なので業務系向きか？

昼休憩

今年はHTML5開発元年！なのでHTML5アプリを開発しよう。

HTML5とは、CSS3や周辺API機能も含めてHTML5と呼ばれてる。５月に草案が決まる予定
タグが増えるし、既存タグの意味が変わる。覚え直しが必要だし、きちっと意味通りマークアップするのは大変になる。html5テンプレ系サイトでも間違ってることあり
CSS3で色んな動きを演出可能
ゲーム作成フレームワーク。IMPACT,crafty,limeJS
画像にsvg（ベクター画像）が使える
metaタグでブラウザのサイズによってcss切り替えれるので、１htmlでpcサイトとモバイルサイトが自動切り替え可能

スマートフォン、Facebook時代のCMS活用 —SOY CMS2の事例

既存HTMLなサイトも簡単にCMS化できる
Facebookのファンページ？もiframeでできてるので作れるよ

まとめ

去年より倍ぐらい人がおったような気がします。内容も濃いもの多し。あとweb業界って宇宙ですね。勉強してもしても終わらないぐらい広いなーと。つくづく痛感。

サーバ復活！

Sat, 16 Apr 2011 00:00:00 +0900

HDが死んで半年・・・２、３年の知識が詰まってたデータの復旧を試みたのですが、無理だったので、ようやくあきらめて、、、一から始めます！

Profile

Mon, 01 Jan 0001 00:00:00 +0000

pblo

関西Node学園 梅田キャンパス 2時限目で発表してきました #kng2

発表内容

HIGOBASHI.AWS 第4回 ネットワーク × ガチ編 に参加してきた #higobashiaws

宣伝

俺が考える最強のネットワーク構成

ハマりポイントから考察するMicrosoftADの裏側

NLBとPrivateLinkの仕様に立ち向かう

関西Node学園に参加してきた #kng1

春からはじめる新しいNode.js v10

TypeScript + Express

Babel7.xで変わること

Web based IoT KANSAI 3 開催した #webbiot

イベントの雰囲気

いきなり懇親会

内容

総括

Node-RED UG Japan Osaka キックオフ

発表資料

運営スタッフとして

イベント情報

JP_StripesでLTしてきた

webサービスにstripeを導入するまでの軌跡

発表の経緯

発表の目的

アウトプットは？

「遺書一筆」の作り方

サービス構成

学んだこと

React.jsの特に悩んだところ

最初の構築環境の壁が高すぎる・・・

画面遷移をどう設計するか

APIの叩き方

値の引き回し方

見た目

その他感想

ソース

今後

「遺書一筆」リリース

遺書一筆とは？

何ができる？

何故こんなサービスをつくったか？

作った想いについて

感謝しているか

感謝を意識する

みんなに伝える

遺書を扱うこと

個人だからできるサービス

非公開

え、webなのに、非公開ってそれ意味ある？

まとめ

リモートワークを始めて１ヶ月経って気づいたこと

生産性

気づき

出来た時間の使い方

朝にできた時間

気づき

夜にできた時間

output

プライベートワーク

まとめ

EVO2017が面白すぎたので資料作っちゃいました

リモートワーク、始めました

リモートワーク初日

環境

準備

プラス3.5時間

集中力

動きがない

雑音が少ない

まだまだ向上できる

勤務外の活動

疲労感の軽減

欠点

１日やってみて

おまけ

まにフェスでIoTの魅力についてLTしてきました

Web based IoT 勉強会立ち上げました

Deep Learning実装祭り!! に参加してきた

TensorFlowで分かるディープラーニング

関西Node学園梅田キャンパス 2時限目で発表してきました #kng2

HIGOBASHI.AWS 第4回ネットワーク × ガチ編に参加してきた #higobashiaws

世界初CEVA社 DSP XM-4で動かすニューラルネットワークその実力とは

夏谷　実（パソナテック）

竹村　幸尚　樣　(日本アルテラ株式会社) yukitaka.takemura@intel.com

ウェアラブルデバイス勉強会大阪に参加してきた