第4回CSS Holic『コーダーとプログラマーの付き合い方』に行ってまいりました!
第1回から@dearheartsさんにお声掛けいただき、ちゃっかりw参加していたCSS Holicも気がつけば第4回。
今回は、初の試みとなるゲストスピーカーの方が!
しかも今、ノリに乗ってる「nanapi(ナナピ)」を運営する
株式会社ロケットスタートCTO、和田修一さん!
毎度、ATND参加表明が遅れ、補欠ギリギリなアタシですが(!)今回も何とか滑り込めたので、にやにやしながら参加して参りましたよ。
内容は以下のような感じでした。(ATNDコピペですけども)
第一部
「nanapi(ナナピ)」を運営する株式会社ロケットスタートCTO 和田修一さんに
サービス運営を通じて、コーダーとエンジニアの付き合い方をお話頂きます。
第二部
APIを使ったPHPライブコーディング講座。
第三部
こんなこと困ってます。これどうやるの?
恒例の持ち寄り質問タイム
第一部
第一部では、nanapiなどを例に挙げ、受託開発とサービス開発の違いから始まり、チームでの意識共有の大切さ、エンジニアの仕事とはどんなことなのか等、取っ掛かりやすいような話口で、でも要点をついてお話しいただきました。
ばばっと20分くらいでしたが、わかりやすいーさすがですね。
個人的に気になったコトとしては以下。(※メモなので、細かい言い回しは異なります)
- 受託開発:売上が決まっている、ゴールはクライアントの満足
サービス開発:売上が決まっていない、利益の最大化がゴール
- ゴールからのブレイクダウン(何をつくりたいか、ではなく、何のためにつくるか)
- 役職が違えば、目標が違う、というのは誤り
- 組織は小さいほど、ボトムアップでは崩れる
- エンジニアの仕事:データ保存&呼び出し、が基本
- 仕組みを作り続けることが重要
- ユーザーの声を100%反映させるのは正しくない
あと、ディレクター向けのレベルの知識は知っておいてほしい、とのことでした。
それだけで、話がスムーズになるそうです。
そんな基礎向けのオススメ本はこちら(↓)だそう。
ただ、個人的にものすごくショックだったのは、まさに昨日(!)この本処分してしまっていたこと…!!!あー何という苦笑
ちょっとまた買おうかな…(無駄
第二部
さて、第二部はライブコーディング!
企業向けとして有料で公開しているnanapiのAPIを今回特別に使用させていただき、予め和田さんが用意くださっていた、サンプルページを参加者で実際にちょろっといじってみました。
APIから特定のジャンルの記事(nanapi用語でいうライフレシピ)をとってきて、そこからさらに検索したり、検索結果ゼロだった場合の表示を書いたりしましたよ。
みんな、表示される度に、それはそれは初めてインターネットに触れたときのようにキャッキャしてました笑
ただ、アタシは、持ち運べるのがしょぼいネトブしかなかったこともあり、、PCなしの超絶アナログで参加していたので(恥)、、お隣さんのPCガン見してましただけなんですけど…すみませんすみません。
や、でも、なんか面白かったです。というレベルの低い感想で申し訳ないですが、、
が!面白そうだな!って思えるかどうかってすごく大切だと思うので、これでいいんですよね。(?)
第三部
第三部は質問コーナーだったんですが、、めも追いつかなかった、というか消化不良気味なので、誰かまとめてくれるといいな、、という他力本願。

そしてメモの落書きだけ公開しておこう。これであってますかね。
今回は、あくまで、導入部分というか、表題どーり、エンジニアさんとの接点増やしって感じでしたかね。この話を聞いたり、ライブコーディングしてみて、今後、こっからどう広げていくのか、勉強していくのかという。
勉強会の類は何事もそうなんですが。
その一歩への敷居を下げるという意味で、プログラムやプロジェクト全体、Webサービスに関して、興味のわく内容だったなと思います。
これまでも時々拝見してましたが、nanapiのファンになりました(単純w)
3年後の上場を目指していらっしゃるそうですよ!!すごい!
サービスそのものも優れていますし、応援していきたいサイトのひとつです!
(主に恋愛と料理のレシピ、熟読します…!!w)
改めまして、ゲストの和田さん、主催のみなさま、ありがとうございました!!
次回Holicも楽しみですね!
最後にCSS Holic情報
9月30日に開催されたコーダー飲み vol.4秋。
今回も、微力ながら、幹事さんのお手伝いさせていただいてきましたー。
vol.4では、幹事の@kzms2さんの提案で、「コーダー小話」と称して、コーディング等に関するコネタを数名にお話しいただきました。
登壇者の方、および、小話内容については、以下の通り。
タイトルのリンク先は、公開いただいた各スライドです。当日ご来場いただけなかった方もどうぞご覧くださいませな。
(tweetviteで公開している内容と同一です。2010/10/17現在)
音声データもあります。
が、何の調整もしてないので、雑音諸々入ってますし、お一人づつでデータが分けられていません。
※WMA形式のため、、Macユーザーの方はiTunesで調整しないと聞けないそうです。。すみません。。
参)黒Mac部: Macでwmaをmp3に変換(iTunes)
快く引き受けてくださった登壇者の方々に改めて感謝!ありがとうございました!!
月末の上に期末だったりで、行きたいけど行けないっ!!という声も聞かれて、嬉しいやら悲しいやらでしたが、当日は、小話を熱心に聞く方もあれば、世間話に花咲いている一画もありで、おかげさまの盛況ぶりでした。
会場はこのような感じ。


参加者のみなさま、ありがとうございました!
次回、vol.5は、我らがお姉さま!@tobotobotoさんが幹事で、来年頭くらいに開催予定です、たぶん笑
コーダー以外の方も毎回いらっしゃいますし、興味ある方はお気軽においでくださいませ!
最新情報は幹事アカやアタシ、@HTML_CoderでTLに流すので、チェックしてみてください♪
では、重ねまして、登壇者および参加者のみなさま、ありがとうございました!!!
&幹事のみなさま、おつかれさまでしたー!!
問題
主にTumblr投稿用につかっているGitHubのtombloo、気づいたらReblog時に下記のようなエラーを吐くようになりました。。(ver. 0.4.9)
ポストエラー
message : s is undefined
fileName : chrome://tombloo/content/eval.js
lineNumber : 1641
元ページ:
“ReblogしようとしたTumblrサイトネーム”
“ReblogしようとしたポストのパーマネントURL”
——————————————–
ちなみにTomblooとは
-
写真やメモ、ブックマークや引用などを、いろいろなサービスにかんたんにポストできるFirefox拡張です。
- Home – tombloo – GitHub
右クリ→”J”でがんがんポストできて快適~♪なんです!
——————————————–
さて、、JSのエラーらしいことはわかっても、原因なんてわからないし、探り方もわからない。
基本的に新規投稿ばかりでReblog少なめなので、一時的かも?と思って、放置していたのですが、毎回出て、さすがにウザいなぁと思い、解決方法をググりました。自分の環境固有かも…とか考えていたりもしたのですが、意外と同じエラーにぶつかってるひとがいっぱい。もっと早くぐぐればよかったです笑
解決方法
で、解決方法なんですが!!パッチ(0.4.14)が出てました…!(詳細はこちら)
私の環境では、Firefoxのアドオン管理画面で、「更新を確認中にエラーが」云々とか出てたので、一度tomblooを削除、最新をインストールしなおしてみました。(※)
無事、Reblog出来るように!あー快適快適!!
むしろ、、いつから更新出来てなかったんだろう…0.4.9とか…
バージョンの確認はシッカリしないとですね…!!ただし最新版がイイとも限らn(ry
参考にしたサイト、ブログ
補足
※tomblooの設定とか恐らく消えちゃうので…違う方法もある、かも?
パッチだけあてる方法とかも探してみたのですが、ざっと探しただけなので、よくわかりませんでした…。。
なんかパッチファイルへのリンクを右クリ→tombloo→Tomblooパッチのインストール、でイケるらしいんですが。。
—
追記(10/09/24)
一度削除しなくても上書きインストールで大丈夫でした!
(会社のPCで試した…!)
—
参考にしたサイト、ブログ
本州の西のほうにお住まいの、つい友@necomecomeさんが東京に来るとのことで、デートしてまいりました。場所は吉祥寺。
草間彌生さんの展示を見る、とのことだったので、アタシが便乗する形で、吉祥寺美術館へ。
見てきたのは「草間彌生展 ワタシというナニモノかへの問い」。

コラージュが数点、あとはシルクスクリーンの作品という展示内容でした。
よく目にするかぼちゃの作品も何点かありました。
実を云えば、草間彌生さんの作品って気色悪いなぁとずっと思っていました。
感覚的に受け入れられない感じがして、草間さんのことを知ろうとも思わなかったのですが、草間さんの作品の特徴である、水玉やら網模様というのは、幻覚、幻聴がキッカケなのだそうです。(参:草間彌生 – Wikipedia)
それで、やっと何だかすっと納得出来た感。自分の抱いていた、気色悪いという印象が間違っていないということが分かり、閊えていたものがさぁっと消えたような感覚。
それがわかってから、見た作品は、全然違うように見えました。単純ですけど。
美しくないもの、迫りくる恐怖観念、苦痛などを表現するアートというものを、どうにも認められない、避けてしまうところがあって、でも少しそれが克服できた感じ。それもまた人間の自然なのかな、という。
何しろ、いい体験をしたな、というのが素直な感想。見に行ってよかったです。
それから、常設の浜口陽三記念室 、萩原英雄記念室 も見ました。
今回、どれも版画だらけだったのですが、技法とかすごく気になりましたね、すっかり版画充しました。
やっぱり版画ちょっとやってみたいなぁ(←影響されやすいひと笑)
=====
デート相手の@necomecomeさんとは、気づいたらTwitterでおしゃべりするようになっていた仲。同い年だということもあり、いつか会いたいねーとずっと云っていて、念願叶ってなので、ワクワクドキドキでしたよ。
やーブログで写真は拝見してましたが、本人はオサレで別嬪なおっとり女子!!
彼女、実は新婚さんで(無念w)、今は主婦業しながら、コラージュやイラスト作品を作りためてるのですが、それがまた可愛いんだ。作品はTumblrにあげているので、ぜひ見てみてください♪

紙モノのデザイナーさんなんだけど、彼女自身の結婚式用につくったアイテムがどれも可愛くて罪!!!このへんとかこのへんとかみてみてほしい!
式の雰囲気とかも凄くステキだったので、あたしが結婚式するときはプロデュースを彼女にお願いすることにしてますし、約束をとりつけてあります!(キリッ
あ、いろいろツッコミは不要です。わかってますし><w

↑もらった名刺
美術鑑賞後は、@chiekojimaさんにオススメしてもらった、yuccaへ行きました。
乙女要素ありつつも、落ち着いていて、のんびりできる&ゴハンおいしい、いいカフェでした♪チエさんありがとう♥
かわいくてもらってきた、店頭においてあったポストカード。

イイダ傘店の受注会気になるけど、東京はもう終わってましたww
京都、神戸、福岡はこれからなので、誰か見て来て笑
ホームページ受注会が10月下旬にあるらしいので、覚えておこう…(忘れそう…)
そんなわけで、あたしのブライダルプロデューサーとの顔合わせは、無事完了です!!(いろいろ嘘
—
追記:
おみやげに、きびだんごもらったの書くの忘れてた!

ありがとうねっ!!
朝夕はだいぶ秋めいてきた今さらですが、日焼け止めのまとめエントリーいっきます!
まずですね、アタシは日焼け止めが嫌いです。
肌に密着して皮膚呼吸出来ない感じも、独特のニオイも、白浮きするのも、ぜんぶイヤで仕方なくて、サマースポーツするときでもないと日焼け止めはしない人間でした。しょーがなく夏場はアロエとか塗ってましたが、まぁ気休めです。
お肌の現状も将来も気になるお年頃、、どうしよう…と思っていたところ、twitterでふぉろわーのみんなから色々教わったり、オススメしてもらいました!!
まずはみんなからオススメ日焼け止め。(順不同)
メンソレータムスキンアクアモイスチャージェル 【実際つかってみた】
CMで麻生久美子さんが「こっちの日焼け止めはみーずだぞっ♪」って歌ってるやつですね。
ドラッグストアで試し塗りしてみて、着け心地が軽い感じがしたので、こちらを今使ってます!

アタシは置いておく用のボトルと持ち歩き用、ふたつ!
感触的には、とろーりしっとり系の化粧水のような感じ。ニオイはほぼない。顔にもイヤな感じなく塗れる!
するする塗れますが、塗ったあとはだいぶ長いコトしっとりしてます。アタシは肌が乾燥しやすく、しっとり系が好きなのでいいですが、さっぱり系がお好みの方には合わないだろうなぁといった使い心地です。しっとりめが好きな方にはぴったりかと!
ニベアサンプロテクトウォータージェル
女性陣の支持があつくて気になったのは、こちら!
使い心地さらさらで、ノーマルとメントール入りがあるそう。肌馴染みのいいそうですよ。
今使ってるのがしっとり系なので、次、ちょっとお試ししてみようかな、と思ってます。
ただボトルタイプが常にあるわけじゃないみたいなので、それだけアレだなぁ、とか。
てか商品情報引用できるように用意してあった!やるな、花王!w
ミストタイプ
Kanebo ALLIEなどで展開しているミストタイプ。
シュッとホントお手軽に使えるので、ちょこっと出掛ける時とかに重宝するらしいです。
毎日全身に使うのは、逆に大変なのかな~と思いますが、すっぴんでぐーたらしててふとコンビニ行きたくなった時とか良さそうですよねw
シートタイプ
DHCなどで展開しているシートタイプも、お手軽感ではとても良さそう。
持ち歩きにもかさ張らないから、良さそうっすよね。
おしえてもらった豆知識
SPF高いものって長時間もつってだけだから、肌に負担もかかるし、SPF低いものをこまめに塗った方が日焼けしにくい
―@kun_morita
オススメありがとでした!
@kun_morita、@mifdesign、@Rio_M、@emim
Amazonさんには上のふたつはあった。
そのへんのドラッグストアにも大体上の二つはあるので、近所で買うほうが早いかなー。
そんな感じで。
気まぐれにはじめて、なんとなくテーマ選んで、すこしアレンジしただけで、テキトーにやってたこのブログ。(ぇ
さりげなく使ってるテーマ、コメントんとこにユーザーアイコンが出るようになってたんですね。
基本的にコメントされることがなく、放置してたんですけど、どうやらGravatarとかいうアイコンを使える仕様らしいと気付きまして。
Gravatar (Globally Recognized Avatar) とは、広い範囲で利用できるアバターです。Gravatar はアイコンであり、フォーラム、チャット、ウェブサイトのような仮想現実上のオンライン・コミュニティの中で、そのユーザーの身代わりとなって、他のユーザーと自分自身を区別できるようにします。
―Gravatar の使い方 – WordPress Codex 日本語版
よっくわからないけど、設定しておいて損はなさそう笑
ん、で、、、
自分のってどうやって設定するの…?
ってそもそもが全然わかっていなくて、しばらく自分のWordPress内をうろうろしたり、よくわからないプラグインつっこんだり(ぇ!)してたんですけど、
正解は、Gravatar 日本語サイトに登録して、アイコンにする画像を設定する、でした!
よーし”mayoneco”で登録するぞー!
と意気込んで希望IDに入れたら、”mayoneco is not available”って………orz
なななんと…国内WebサービスのほとんどをこのIDで持ってるのに…
と思ったら!
Gravatar はあなたの WordPress.com アカウントとシームレスに動作します。ご自分の WordPress.com ユーザー名とパスワードでログインしてみてください。ハッピーブロギング !
とのことで、WordPress.comに登録してあるひとは、わざわざユーザー登録する必要もない、というまさかのオチ。。。
WordPressを提供しているAutomattic社がGravatarをもってるんですね。しかも買収云々は2007年10月とかでした…ハハハ
WordPressをつかってるからといって、WordPress.comに登録してるわけではなかったと記憶してるけど、、どーでしたっけね。
今回、あたしはWordPress.comに既に登録していたので、あっさりログイン出来まして、無事にアイコン登録しました。ただアイコン、ひとんち(誰…)の猫なので、、ちょっとIDとしてのアイコン画像、きちんと考えないといけないなぁと思ってます…本当に。。。
何がいいですかね、デザイン案募集中w
—
ちなみにGravatar、画像アップしてから、2~3日かかるという情報を目にしております。
でもなぜかアタシは小一時間で表示された、ので、、早くなってきてるのかも?