Category Archives: Web

Gunma.web #7 で喋ってきました『エダカリン!』

 先日のGunma.web #7で発表してきました。
 今回はLTでなく10分程度の発表です。LTじゃないのは初めて。

 テーマはツリーデータの枝刈りで、かなり昔に作成したWebアプリ 実用 R アナグラミング を題材にしてローマ字アナグラミングのデータ構造をいじくりまわすという趣旨です。

 実用 R アナグラミング は、ANIを(アニ|アンイ)の複数読みができないというバグを抱えたまま数年放置していたアプリなのですが、今回Gunma.webの発表機会もあって取り組んでみました。
 今回作成したライブラリは、まだアプリに取り込んでないのでバグは抱えたままです(というか元の作りが悪くて単純なI/Fの差し替えで対応できない)。そのうち差し替えます。

 今回のソースコードはgithubに置いてあります。disってください。

romaji-anagram
https://github.com/ivoryworks/romaji-anagram

 発表後、具体的な処理について質問がいくつかあって、お茶を濁すような形で説明してしまったのですが、詳しくははコード見てください。ごめんなさい。

 それと、これは個人的なポリシーなのですが、今回のスライドにソースコード載せてません。今後も私のスライドにソースコードが載ることはありませんし、(たぶん)これまでも無かったと思います。
 理由はいくつかありますが、一番大きいのはGunma.webが言語に特化した勉強会でないからです。
 今回の題材はPHPで書いていますが、PHPerのプログラマーの方にも非PHPerのプログラマーの方にも非プログラマーの方にも同じくらいのInputになるように心がけています。
 LTだったら1枚のスライドに長くて十数秒しか割けないとか、スライドなのであまり小さな文字は書けないとか、そもそもコードがダメとか小さな理由はいくつもあるのですが、まあそういった事なので今後ともよろしく。

Gunma.web #7 に行ってきたよ

 2011/12/17 Gunma.web に参加してきました。(ATND)

 会場はこれまでと趣向を変えて前橋プラザ 元気21の会議室で行いました。
 予定人数18名のところ満席となり過去最多。初参加の方々も!
 そしてLT3本、発表3本とボリュームあって内容も充実してました。人数多いと楽しいね。もちろん自分も発表してきました。

 会場満席のためプロジェクタ置いたり接続するPC置いたりするスペースが無く、食事用に用意した弁当つまり登利平の鳥めし言うなればソウルフードトリメシの箱を用いてプロジェクター台を急設しました。すごい!Gunma.web断然すごい!
 こちらのレポートに写真あるから見てね。ヒドいから。

 以下レポート。いつも簡単ですみません。スライド等へのリンクは順次ここに張られると思うのでそちら参照のこと。

「あじゃいるについて」[LT] @hatori_
 Gunma.web初LTでトップバッターですが、内容の前にまず、デスクトップPCでLTに取り組もうとする姿勢が会場を震撼させました。これがGunma.webです。違います。
 テーマはアジャイル。初LTということもあり、5分オーバーで延長でも全て語りつくぜず残念だったと思います。アジャイルはデカすぎるのでLTにするなら更にターゲット絞ると良かったかもしれません。

「エダカリン!」@ivoryworks
 10分くらい喋りました。詳細は別エントリします。とりあえずスライドこちら

「javascript の MVC」@kanayannet
 主催者の発表。個人的に大きなjavascript書かないのでフレームワークとかMVCとか、いまひとつピンと来ないのですが、新しい事を知る良い機会になりました。勉強会はこのように『普段漁らない情報』を得られる(しかも説明付き!)という所が素晴らしいと思っています。

「プログラマになれないあなたのための言語戦略」 @parrot_studio
 安定の発表。あまりの情報過多でスピーカーが酸欠になるという事態になっ すみません。間違えました。そういった事態にはなってません。今回の発表の中では一番楽しかったです。
 プログラミング言語にはそれぞれ得手不得手があります。プログラミング言語を習得するに越したことはないですが、得手不得手をお互いに補うような構成で身につけると問題や課題の解決に対するアプローチの数が変わってきます。
 「そういう言語がある事を知っている」だけでも良いと思っています。時間的に許されるなら必要になった時に習得するのでも良いです。ただそれには前もって存在を知っておく必要があります。おそらく1つないし2つの言語を扱える人は、新たな言語を習得するのにそれほど時間を必要としません。今回の発表はその良い機会だったと思います。

「プログラマのための中間CA証明書入門」[LT] @tsurumau
 SSLの証明書のやり取りは過去に勉強したはずなのにすっかり忘れてました。いやいや憶えたからかもしれない。
 個人的にオレオレ証明書じゃなくて正規の証明書を扱うことは今後もないと思いますが、サービス利用側としてもしっかりとした知識を持っておく必要あると思っています。

「でこぼこの光と影」[LT] @某じょし
 UIにおいてのエンボスのはなし。実は昔、ドット絵でボタンたくさん作ったことがあって、光源とハイライト&シャドーについて勉強しました。
 その時の光源は左上にあったのですが、今回の説明および例として挙げられたUIでは真上にある事を知り驚きました。
 そう言えば、MacのアクアUIの頃から光源が真上にあるデザインが増えてきたような気がします。

 以上。発表の後は主催者からの連絡事項と懇談で幕を閉じました。
 参加者の中からLTやる人(やりたい人)増えてきて個人的に嬉しいです。

参加者のレポート
Gunma.web#7 開催報告 @kanayannet
 オフィシャルレポート。各発表へのリンクはこちら参照。

Gunma.web #7 (on 2011/12/17) まとめ – どっかのBlogの前置きのような @parrot_studio
毎度Gunma.webのレポートで情報量ダントツ。ありがとうございます。

gunma.webにおじゃましてきたよ! @craim
初参加の上レポートありがとうございます。
個人的には参加レポートがもっと増えてくれば良いかなと思います。振り返り重要。

日記:Gunma.web #7 に参加してきました #gunmaweb
安定の秘境感ありがとうございます。
こちらも初参加&レポートです。

 実は、群馬 ITグルメの会 #2 という2次会があったのですが残念ながら参加できませんでした。前回の#1も不参加で残念至極。

『パスワード忘れちゃった時の秘密の質問ってヤバくない?』はヤバくない

パスワード忘れちゃった時の秘密の質問ってヤバくない? Facebookからヒントを得て、どしどし他人のパスワード盗んで大金が引き出される…(ギズモード・ジャパン)
http://www.gizmodo.jp/2011/09/facebook.html

ある意味で意外な盲点だったかもしれません。ほら、よくログイン用のパスワードを忘れた時に、母親の旧姓ですとか出身小学校名ですとかを尋ねるプライベートな秘密の質問に答えてパスワード再発行できる仕組みがありますけど、あれは非常に危険かもしれませんよ。実際、すでに大金を引き出された被害まで続出してるみたいですし!

秘密の質問に対して真面目に答えを設定するのが悪い。
解決策は『秘密の質問に対して常に思い出せる全く関係のない答えを設定する』だ。

母親の旧姓→おっぱい

これでいいじゃない。

出身小学校名→おっぱい

システムにとっては全く関係のない話だ。
これでソーシャルエンジニアリング仕掛けられても大丈夫だし、Facebookやらから推測されることも、たぶん、ない。

ソフトバンククリエイティブ (2003/06/21)

Gunma.web #6 でLTしました『pavone』

 先日の Gunma.web #6 にてLTしてきました。
 今回はCanvasを用いた画像編集(合成)アプリで、ブラウザでシンメトリー写真を作るというものです。

 このブログでもシンメトリー倶楽部というカテゴリがあって、ろくに書いていない上に、しばらく放置してるんですけど、これはいかんということで、スタパさんに最近シンメトリーどうですか、とか聞いたりしたりなんかしたりして、このアプリを作りました。

と、LTで話したんですけど、

本当はこのアプリの前身は1年以上前にあって、ちょうどGunma.web #2の少し前くらいに書いていました。mixiアプリ向けに。
作ったシンメトリー画像をシェアしてお互いに評価し合って、アルバム作って、とかいう構想が当時はあったのですが、いつの間にかお蔵入りになりました。
LTではスタパさんと話してインスピレーション受けて勢いで作りました出来ました、みたいな事を言ったんですけど半分くらい嘘、いや、演出。いいえ、格好つけました。ごめんなさい。

実は、Gunma.web #2の時に@kanayannetが、『HTML5 + CSS3 + websocket について』という題目でHTML5の事を話してて、HTML5のスライダーの話が出てきて、その時私が『縦型のスライダー作れますか?』と質問しているのですが、それは、このアプリで使っているスライダーの事だったんです。はい。

pavoneという名前ですが、

いや、その前にデモでお見せしたアプリのURLです。

pavone demo
http://www.ivoryworks.com/pavone/demo/

いちおうまだプロトタイプなので、よしなに。
1年以上前から手をつけていてまだプロトタイプなのかよ、とかそういうのはわかるんですけど、まだなんです。

で、

名前のpavone(クジャク)ですが、これ、「とりあえずイタリア語にしておけば受けがいい」という説明でして流してしまい、どうしてクジャクなのか説明しなかったですが、名前つけるときに『シンメトリー』という言葉や音はあえて含めないようにしよう、ダサい、という考えのもと、なにか動物や植物の名前に・・・、線対称、でも大概の動物は線対称(厳密には違うんだけども)だしな、とか考えて、でてきたのが、クジャク、です。クジャクはその線対称を大いに表現していて、かつ、多くの人が知っているからクジャクになりました。
それと、このアプリを使って写真を左右にスライドすると、なんかこう、クジャクが羽根を広げるような感じになる事があるので。まあそういうイメージです。

つかれた。
なんだかウラ話で終わっちゃいましたが以上です。

Gunma.web #6 に行ってきたよ

2011/9/03 Gunma.webに参加してきました。 (ATND)

会場は、前橋のノンノ・イタリアーノ
雰囲気がとても良くて料理も美味しかったです。ボーノ、ボーノ。

ATNDだと12人になってますが、最終的に14人の参加となりました。たぶんこれまでで一番多かったと思います。

それでは各LTと発表に対してのひとことメモ。
各スライドは、そのうちこちらにリンクがまとまるはず。はず。

@ivoryworks :「Pavone」
 自分のLT。前回と同じく今回もトップバッターでした。
 Gunma.webの前菜的役割が定着してきた感があります。
 詳しくは別エントリで。

@toshi6 : 「ポモドーロ」
 『ポモドーロ・テクニック』について。あのタイマー使うやつですね。
 ポモドーロ・テクニックについては、「タイマー使って何分か知らないけどまあ割と短い時間で区切りを入れて繰り返すやつ」くらいの認識だったので勉強になりました。
 職場で広めようとしたけど定着しなかった。と仰ってましたが、私の職場でも同じ事になると思います。こんなのあるよ、程度で良いのかもしれません。紹介と布教はちょっと違いますしね。

@vestige_ : 「拝啓、gunmaweb様へ」
 栃木の方です。ようこそ。群馬県と栃木県は対立関係にあると広く知られていますが実際にはそんな事ないです。
 挨拶にかえて自己紹介を含めたLTでしたが、個人的に今回のLTの中で群を抜いて良かったです。これはお世辞でなくて。情報の量と構成、バランス良かったです。見習いたい。

@tsurumau : 「新しいサービス」
 新しいサービスの発表でした(このタイトルセンス)。
 ただ、ちょっと決め手がない感がありました。利用者視点で見ると、依頼に対する期待感が持てない、ような気がしています。
 いっそ『ペアプロのパートナーやります』の方がいいですね。ペアプロしたいけど1人しかいないアナタのために!というキャッチで。『お一人様でも遊べます』の雀荘と一緒です。

@troisvierges : わたしの、一番浪費する 時間の使い方
 飛び込みLTでした。フィードリーダーをこう使ってますとか、こういう体験を経てきましたといった内容でした。
 私も未だにフィードリーダー使ってますが、以前twitterで「みんなどんなの使ってるの?」と聞いたら案外皆さん使ってなかった感じというか、もしくは無視されていました。日頃の言動に注意していきたいと思います。情報収集はtwitterで十分なのかもしれません。ある意味自動的に洗練されるし。

@parrot_studio : 「Signs;Gate ~RESTfulなサイトの作り方~」
 上記までがLTでこちらは発表です。いつも思うのですが、この方のLTないし発表は、私がイメージする「勉強会」に最もマッチしていると思っています。実際勉強になってます。RESTfulよくわかりました。
 あと、最後に次回発表の予告をする縛り具合にマゾヒズムを感じました。

@kanayannet : 「TDD と ペアプロ」
 私も最近興味を持っているTDDについてでした。主催者の発表。
 おそらく私の職場では将来的にペアプロが適応される事はないと思うので、いまひとつ現実感がないというか、まだ利点がよくわかってない感じです。
 これまでのスタイルを捨ててペアプロを選択するとどれだけのメリットがあるかというのがまだよく理解できてません。
 TDDは今の業務でも使っているし可能な限り自動化すべき。だたしテストコードの品質を高める努力は絶対に必要です。それなりに工数が必要ですね。

ああ、疲れた。
今回はLT7本、発表2本でこちらも最多更新したハズ。

 このあと、ワークショップについての談義、でしたが時間が足りなかった気がしています。 
 ただ、続きはオンラインで、まで持っていけたのでなんとかなるでしょう。

 2次会はいつもどおりカフェに。
 前回と同じくColorsCafeだらだら話しました。

 3次回はいつもどおり鳥めしを。
 だらだら時間を過ごしました。
 基本だらだらです。
 Gunma.webは2次会以降がヤバいです。

『Davemash』リリースのおしらせ

『Davemash』をリリースします。
これは、デーブ・スペクター(@dave_spector)さんが日々Twitterで乱射している数多のクールギャグに敬意を表する意味で作成したWebアプリです。

Davemash
http://www.ivoryworks.com/davemash/

アクセスするとすぐにわかると思いますが、デーブさんのギャグが2つ出てまいります。

そしてどちらかのギャグを選ぶと、また新たに2つ出てまりいます。

はい、選んでください。

そうです。これはあの『Facemash』のようですね。
ただ、あちらは「より魅力的な」女性を選んでいくのに対し、この『Davemash』は「より寒い」ギャグを選んでいくことが目的です。

いや、このアプリに目的はありません。
ただ、ただひたすらに寒い、いや、クールなギャグを選んでいくだけのアプリです。
選び続ける事に苦労を伴うかもしれませんが、精神鍛錬と思って選び続けてください。
選ぶ際に「nice cool!」と言うと多少気が紛れるかもしれません。

時折、質の高いギャグが現れることがあります。
その時は決して慌てず、反対のギャグを選ぶようにお願いします。

ページ下段に、サムイネランクとサムクナイネランクを用意しました。

サムイネランクには皆様が選んだクールギャグが評価の高い順に並びます。
そして、サムクナイネランクには惜しくも選ばれなかった、そう、つまり残念ながらクールでなかったギャグが評価の高い順に並ぶことになっています。
質の高いギャグをお求めの方はサムクナイネランクをご参照頂ければと思います。

以上です。
nice cool!

Gunma.web #5 に行ってきたよ

2011/05/13 Gunma.web #5 に参加してきました。(ATND

会場はオー・ドゥ・ピュールというレストランでした。
定番となりつつある会食しながらの勉強会スタイルです。

では簡単にLTの感想を。

今回はLTトップバッターでした。内容的に最初で正解です。
@ivoryworks 「Area-E-Gator」(Twitter API を用いたアプリの紹介)

 タイトルは『Area-E-Gator』ですが、出来上がったアプリは『Davemash』です。
 LTの中にLTのが入れ子になっているという変態スライド。
 作中作みたいなのいつかやってみたかったんだよね。
 『Davemash』のリリースエントリは別にします。
 笑いをとるために開発したアプリなので、これで笑ってもらえなかったらどうしようと心配だったのだけど、少しでも笑っていただいて良かったです。

@parrot_studio 「再代入なんて、あるわけない」~ふつうのプログラマが関数型言語を知るべき理由~

 関数型言語についての記事をよく目にするのだけど、使う機会がなくて結局よく理解してません。
 今回はLT(5分)だったけど、10分、15分話してもらっても良かったかなと思ってます。
 そういえば、黒系背景じゃないの初めて見た、と思って今調べてみたら、白背景あった。催眠プログラミングのやつ。

@tsurumau 「HTMLをDBみたいに使えるjQueryプラグインを作ってみた」

標準SQL規格 SQL92の準拠を目指してるとか凄いです。LTやって自分を追い込むという考えは良いんじゃないかな。
今回のLTので標準SQL規格というものを初めて知りました。勉強になったな。

@xxxxxxx(匿名希望) 「Project Hikyo(秘境群馬計画)」(web企画の話です)

LTで歌うというGunma.webでは前代未聞というか前人未到の領域に足を踏み入れた色モノLT(失礼)。
秘境なのにPRしてしまうという計画の行き着く先は何なのか。
広く知れ渡った挙句に秘境が昇華して秘境ではなくなるのではないかと心配です。
あと『Area-E-Gator』完成していなくてすみません。あきらめてください。以後気をつけます。ごめんなさい。

2次回は前橋のColors Cafeでブレイク。
トライアングルドリーマーについて話す。

3次回は同じく前橋のけやきウォーク登利平のお弁当を買い、(その登利平の店舗内で食べられるのに)フードコートまで持って行って会食という怪しい集団を演じる。

Gunma.webで温泉合宿(ハッカソン的なもの)やろうみたいな話が出てきて期待してます。
私は力になれないと思うので、作業している周りでその場を盛り上げていきたい所存です。あと口出し得意です。

次回は7月後半くらいとか言ってたな。
仕事の方が佳境のはずで、休日出勤を余儀なくされる状況だと思うのだけど、なんとかスケジュール空けて参加しようと思います。

おわり。

— 追記 —
おわり、じゃないです。
主催者のLT感想書いてませんでした。無茶苦茶ですみません。すっぽ抜けてました。
@kanayannet 「smart_phone向け JS ライブラリ」(主に jqtouch と jquery mobile の話)

HTMLとJavaScriptで、スマートフォンアプリに近い操作感をWebコンテンツで実現(表現)するお話+デモです。
いま作ってみたいスマートフォンアプリが1つあって、Web技術でつくるアプリってどうなのかな、とか思っていた矢先だったので良い機会でした(PhoneGapとか、今回のも)。面白いですね。
ただやっぱり私はJavaで書きます。Webじゃない方の人間なので。

以上。
次回も楽しみ。

Gunma.web #5 で LTやります

 もう今週の土曜日なのですが、恒例のGunma.web(web勉強会 in 群馬)に参加してきます。
 またLTやります。
 ついさっきスライドを書き上げたとこです。もう少し練習しないと5分に収まりそうにありません。
 内容的には、またWebアプリ作ったから紹介するよ、といういつもの形式です。

が、

 今回は本当にろくでもないアプリです。

 ですが色々と苦労しました。
 涙で枕を濡らす日も多々ありました。

 でもそんな中、@dave_spectorの寒いクールギャグに助けられました。
 笑いは人を助けます。本当です。

 それでは週末のアプリリリースをお楽しみに。

『zenback』はじめました

zenback

http://zenback.jp/

本ブログでもzenbackはじめました。
このエントリでもページ下部に各種情報が表示されているはずです。

設置まもないため、『関連キーワード』『関連記事』『関連リンク』等、情報が表示されていないかもしれませんが、そのうち表示されるようになります。

zenbackの導入に際して、本ブログでのコメントフォームは閉じることとします。
古いエントリについては、まだフォームが表示されるものもありますが、順次なくなっていきます。

今後ともよろしく。

OSC 2011 Tokyo/Spring 行ってきたよ。

2011/03/05 (土)
オープンソースカンファレンス 2011 Tokyo/Spring 行ってきました。OSCは3回目の参加となります(前回)。

会場は早稲田大学(西早稲田キャンパス63号館、61号館)
高田馬場駅からちょっと歩いた所にありますが別の方向にずんずん歩いていって遅刻しました。救いようがないです。

写真はスタンプラリーでGetしたトートバッグ。他にも色々頂いています。FireFoxのライトはついに3本目になってしまったので、そろそろ違う物お願いします。

1コマ目のWordPress参加できなくて残念でした。次回よりちゃんと調べます。ごめんなさい。

日本Symfonyユーザー会の『分散バージョン管理システムGitとGitHubを覚えよう』を聞いて、帰りにGit本買ってきて読んでます。
Git勉強しようと思っていたので「さわり」のわかる良い機会でした。

ライトニングトーク&大抽選会&閉会式の63号館201はとても広かったのですが、立ち見多数でLL大会も盛り上がりました。

遂に来場者数2000人を越えたそうです。

おめでとうございます。

次回はTokyo/fallの会場は「9月 慶応」との予告がありました。
楽しみにしてます。

そういえば8月はLLCだ。
熱いゼ!