makoラボ

日常や勉強会や技術ネタ

第29回 岡山WEBクリエイターズ「年末スペシャル2014」で話してきた

これは大都会岡山 Advent Calendar 2014の20日目の記事です。土曜日担当も今日が最後です。

前日は@patorashさんのお家紹介完結編でしたでした。 #ぱとしお新居ツアッーの開催が待たれますね!(2回め)

第29回 岡山WEBクリエイターズ「年末スペシャル2014」で話してきた

はい。我らが軍団長に重圧をかけられながら発表してきました。

死霊は諸事情で公開出来ないのですが、BootstrapのJavaScriptライブラリ便利だよーという話をしてきました。

伝えたかったこと

この辺りが伝わっていればいいなと思います。

あともう一つ

12/22にボクがフロント周りを担当したクレオフーガがリニューアルOPENするステマをしてきました。

みなさんお手柔らかにお願いします・・・

明日は!

明日は大都会が誇るリーサルウェポンきよくらさんです。

昼休みにイオン岡山に行って来た

f:id:mako_wis:20141210121134j:plain

これは大都会岡山 Advent Calendar 2014の13日目の記事です。

前日は@patorashさんのお家自慢でした。 #ぱとしお新居ツアッーの開催が待たれますね!

さて本題です。 いま岡山でもっとも熱い話題といえばもちろんイオン岡山OPENhttp://aeonmall-okayama.com/ですよね! ということで、先日のお昼休みに突撃してきました。

巨大な吹き抜け

f:id:mako_wis:20141210122407j:plain

まず印象的なのは建物中心部にある1階から4階までの吹き抜け空間です。 写真に写ってる巨大なスクリーンには、たまに店内を取材している様子が映し出されていたりします。 吹き抜けの周りには休憩用のイスやそれに付随する軽食店が並んでいて、のんびりするには良いエリアです。

空中庭園

f:id:mako_wis:20141210121841j:plain

吹き抜けがある4階層を抜けて5階に行くと現れるのが空中庭園です。 周りにはカフェとかもあったりするので春とかにのんびりするにはいい感じですね。今の季節だと寒いですが・・・

夜はライトアップ

f:id:mako_wis:20141130183407j:plain

夜はこの空中庭園がライトアップされます。こちらも綺麗なので夜にブラっと立ちよるのもいいかもしれませんね。 ※別の日に撮影しました

まとめ

昼休みに出かけたのであまり店内を見て回れなかったのが少し残念でした。 まだ、オープンしてすぐの週だったせいか平日の昼にもかかわらず人が多かったです。 飲食店街も人が多くて行列が出来てたりとかして、お昼休みに食べに行くならちょっと時間をずらして行った方が良さそうです。

今回紹介した以外にも沢山の店舗があったりとか、TV曲のスタジオがあったりするイオン岡山。 岡山駅周辺にありますので、駅に立ち寄った際にブラっと立ち寄ってみてはいかがでしょうか?

明日は@bleu48さんです

すごい合同勉強会に行ってきた

すごい勉強会が広島であるとのことで行ってきた。

すごい合同勉強会2014 in 広島は、広島近隣のITコミュニティの合同勉強会だそうです。

記念すべき第一回は東京や福岡からも講師の方が来られてなかなか豪華な感じになってました。 当日のスライドや動画はこちらのページにまとまってるようなので興味のある方はどうぞ。

さて、自分ですがせっかくなのでLT枠で登壇してきました。

内容としてはクックパッドさんの開発コンテストに参加した感想とかを話してきました。

今回伝えたかったことは事前準備大事ってことでした。

24時間以内に何かしらのアプリを提出しないといけないので、事前に出来る事をやっておくとより作りたいものに集中出来るかなと。 今回のコンテストもアプリの仕上げ段階で色々とトラブルに見舞われたので、事前準備がなかったらどうなってたことやら・・・

また、コンテストで作成した名札作成サービスのNemCaの宣伝をするという裏の意図もあったわけですが、LTの最初のほうで時間を取り過ぎてしまいあんまりアピール出来なかったのが心残りでした。

おわり

そんなわけで色々な話が聞けた合同勉強会。岡山では聞けないメンツの話が聞けたのは非常に刺激になって良かったなと思いました。やっぱりたまには県外の勉強会におじゃまするのは良いことですね!

ちなみに岡山でも12/13に合同勉強会 in 大都会岡山 -2014 Winter-という勉強会が開催されますので、こちらも良かったらどうぞ!

ja.ymlでNoを書くとfalseが表示される

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

ja.ymlに

 item_number_prefix: No

と書いてerb側で

<p>
 <%= t(item_number_prefix) %>
</p>

と書くと何故かfalseが表示される・・・

以下のように書くと解決

 item_number_prefix: "No"

おまけ

ちなみに

 hogehoge: YES

と書くとtrueが表示されます

DBに保存したERB形式のコードをHamlで展開する

最近、.erb形式のファイルから.hamlに変換していってるのですが、その中で一つハマったことがあったのでメモ。

元のerbファイル

<%= raw ERB.new(@blog.content).result(binding) %>

このようにDBなどからERB形式のコードをviewに展開しているコードがあったとします。

単純にhaml形式に変換する

= raw ERB.new(blog.content).result(binding) 

単純にhaml形式のコードに変換するとこうなります。 が!画面を表示すると画面が崩れてましたorz

何故か他のhamlで書いてるコードが全くhtmlとして出力されていない状況。。。

:erbフィルターで記述する

:erb
  <%= raw ERB.new(@blog.content).result(binding) %>

:erbフィルターでerbそのままで記述すると上手く出力されました。

単純にhamlの中にERB形式のコードを無理やり展開したのでおかしくなってたのかな?

オープンセミナー2014@岡山を開催してみて

早いもので前回ブログで告知したオープンセミナー2014@岡山が無事開催されました。

実行委員長として関わってみた感想とかをつらつらと個人的に思ったことを書いていこうと思いますが、

と煽られたので頑張って書きます。

そんなわけでアジェンダです

  • 想いは達成できたのか?
  • 当日の振り返り
  • おわり

想いは達成できたのか?

前回の告知ブログで、"「フロントエンドの人とサーバーサイドの人が交流出来たり、お互いの事を知るきっかけになるイベント」にしたい"と書いていました。 オープンセミナー岡山のテーマを「フロントエンドとサーバーサイド」にしたのもそういう想いがあったからです。

今回のイベントはおかげさまで150名以上のご参加をいただきました。 とりあえず個人的に目標にしていた100名を大幅に超えたことに驚いてると同時に、参加してくださったみなさんにはただただ感謝です。

アンケート等がまだ集計出来てないのでざっくりとした個人の感覚ですが、

  • 3割:主にフロントエンド寄りの勉強会に参加しているような人
  • 6割:主にサーバーサイド寄りの勉強会に参加しているような人
  • 1割:その他

だったように思います。 例年だとサーバーサイド寄りの勉強会に参加している人でほとんどを占めているイベントなので、ある程度は目標を達成できたのかなと思います。

ただ、このイベントだけでこういう流れが終わってしまうのも悲しいので、機会があればフロントとサーバーサイドの人が混じれるようなイベントを開催できればなと思ったり。 また、このイベントをきっかけにそれぞれの分野の人達が別の分野の勉強会にたまには顔を出してみるっていうのが起こればいいなと思ってます!

当日の振り返り

当日の発表内容については@patorashさんのブログに詳しく書かれているので割愛して、思ったことをつらつらと書いていきます。

パソコンは私たちのもう1つの目-見やすく、聞きやすいWEBページづくりにぜひご協力を!

発表者の毛並みけさんの発表は、普段自分たちが視覚的に見ているWEBページが目が見えない人達にとってどう見えるかを教えてくれました。

普段何気なく見ているサイトも作りが悪いと、音声ブラウザを通してみると目的の本文に辿り着くまですごく時間がかかってしまう。

「サイトは技術を見せる場所じゃなくて情報をわかりやすく見せる場所です」と言われてたのがすごく印象に残っています。

ソフトウェアエンジニアの目指す道〜フロントエンドとサーバーサイドを超えて

株式会社ソニックガーデンの倉貫さんの発表は、プログラマーの仕事についてあらためて考えさせられる内容でした。

プログラマーの仕事はナレッジワークで、コンサルタントや医者のようなプロフェッショナルサービスである。 プログラマーをかき集めたとしても、かならずしもソフトウェアの納期が早まる訳ではないというのはやはりこの辺りだと思う。

実践 大都会式 プロトタイピング&フロントエンド2014

実を言うと大都会勢の前川さんと久保木さんは、今回のテーマを決めた時に一番最初に登壇のお願いをしようと思った2人でした。 僕が、フロントエンド系の勉強会に参加するとよくお見かけしてて、懇親会でいつかこんなイベントしたいねとお話してたり。 このプログラマーさんとデザイナーさんの組み合わせのセッションを見てみたい!と思ってお願いしちゃいました。

発表内容としては、2人で体重記録アプリをプロトタイピングしてみるという内容でした。 ソース管理をgitでおこなっていて、デザイナーさんもgitを使う時代だよなぁと思いました。*1

久保木さんのデザイナー視点、前川さんのプログラマー視点のそれぞれのプロトタイピングで気をつけてたところやポイントが聞けて良かったです。

オープンで柔軟なクラウドプラットフォーム ”MICROSOFT AZURE“

Microsoftの井上さんの発表は、Windows Azureの機能のパワフルさについて学べました。 WindowsAzureで驚いたのが、スケールアウトして4台のサーバーに分散している状態でも、1つの場所に修正したソースコードを反映するだけで全てのサーバーに反映されるといった謎技術。 また、スケールアウト・スケールアップの時間もわずか数秒で終わるなど、これは強力だなと思わされました。

明日からできる、デザイン脳!

秋葉ちひろさんの発表は、ユーザーにとって使いやすいデザインを考えるときのコツについて学べました。

歯科衛生士さんが患者の予約を受ける時につかうアプリを例にして、デザインをこうしたら使いやすくなるよという例を示されていて、普段デザインしてない人間にとってもわかりやすかったです。

途中のワークショップで、どうやったら使いやすくなるか考えてみようってなった時に、いかんせん僕の「便器洗浄系脳」では中々良い案が出てきませんでしたw その辺りは、徐々に徐々にデザイン脳に切り替えていかないとなと思った次第です。

ベンチャーのサービス開発におけるフロントエンドとサーバサイドの間

クラウドワークスのCTOの大場さんの発表は、クラウドワークスのサービスと、サービスの機能改善の取組みについてでした。

インターンの子たちに純粋な目でサービスを使ってもらって違和感を持った所を指摘してもらう取り組みはいいなと思いました。 開発している人だとやっぱり頭が凝り固まってしまうのでピュアな目は大事だなと、うちのサービスでも取り入れていきたいところです。

あとは「機械脳になりすぎて便器洗浄したい系男子って感じ」はオープンセミナー岡山の流行語大賞と言っても過言では無いと思います。

懇親会

セミナー本編のあとは恒例の座での懇親会でした。

来年の実行委員長への引き継ぎの儀も終わりホッと一息ついていたらサプライズで、実行委員長お疲れ様の色紙とプレゼントをいただきまして、企画に参加したみなさんありがとうございました! いただいたドラゴンの剣とその他は大切に使わせていただきます!

懇親会のLT大会もいつもどおり盛り上がって楽しかったです。 あれを見てると自分も何か発表すればよかったと後悔したので、次回はなにか用意しようと思います。

おわり

何はともあれ無事終われて良かったです。 講師の皆様、参加してくださった皆様、サポートしてくれたスタッフの皆さんありがとうございました。

来年の実行委員長さんがどんなテーマで開催してくれるのか今から楽しみです!

*1:実は今回登壇しているデザイナーさん2人(久保木さんと秋葉さん)はgit使い。やはりバージョン管理が出来るのは便利 

オープンセミナー岡山は岡山のITに関わる人が集う場所

f:id:mako_wis:20140413234828p:plain

オープンセミナー2014@岡山の実行委員長です。こんにちは。

2014年5月17日(土)にオープンセミナー2014@岡山という参加無料のセミナーがあります。

この記事の目的を平たく言うと、公式サイトとは違うアプローチでイベントの告知をすることです。

個人的にこのイベントについて思ってることとかを書いていこうかなと思います。

そんなわけでアジェンダです。

  • テーマ「フロントエンドとサーバーサイド」について
  • こんなイベントにしたい
  • 懇親会にも参加して欲しい

イベント、オープンセミナー岡山とはなんぞや?とかの詳細等はオープンセミナー2014@岡山のサイトをご覧ください。せっかく作ってるのでそちらを見ていただければと思います。

テーマ「フロントエンドとサーバーサイド」について

今回のオープンセミナー岡山のテーマは「フロントエンドとサーバーサイド」です。

数人の方に対義語としておかしくね?と言われましたがあえてこの字面にしております(ちゃんとするなら「フロントサイドとサーバーサイド」とかかな?)最近良く聞く「フロントエンドエンジニア」と「サーバーサイドエンジニア」の方が馴染みがあるかなと思ってこうしています。

タイトルとして対比させていますが、別に対決させよう!とか思っているわけではございません。ポスターには書いてあるのですが、サブタイトルとして「No border」というのを掲げています。境界線をなくそうというか、そこまでいかなくてもお互いのやってることに興味をもったり、知ったりする事が出来ればなと思ったりしているわけです。

最近だと、プログラマーの人でもBootstrapを使って、サービスを公開したりしてる人もいたり、デザイナーの人でもjQueryを使ってデザインをしなきゃいけなかったりと、お互いの必要な技術の所が混ざって来てるような気がしています。

その辺りで、お互いの知ってる知識をシェアしたり、繋がりが出来たりすればいいなと思ったりしています。

こんなイベントにしたい

ということで、今回のイベントは「フロントエンドの人とサーバーサイドの人が交流出来たり、お互いの事を知るきっかけになるイベント」にしたいと思ってます。

岡山でも色々な勉強会があるのですが、

  • デザイナーさんやWeb屋さんが集まるどちらかと言えばフロントエンド寄りの勉強会
  • プログラマーが多く集まる言語系のどちらかと言えばサーバーサイド寄りの勉強会

の2つに分かれてしまっています。

僕はどちらかと言えばサーバーサイド寄りの人間なのですが、フロントエンド寄りの勉強会にも参加しています。聞いても分からない事もあるのですが、それ以上になるほどこう考えればいいのかという事もあります。

本職の人にはかないませんが、相手のやってることを知ってる事でだいぶ違う事があるのではないかなと思ったりしています。 なので、ガッツリじゃなくてもいいので、少しは相手の仕事を知る、興味を持てる、繋がりが出来るイベントに出来たらいいなと思っています。

岡山の事を中心に書いちゃいましたがもちろん県外勢も大歓迎です!

懇親会にも参加して欲しい

小さい勉強会は懇親会が本番じゃなくてもいいのですが、年に数回ある大きいイベントは懇親会も本番だといいな、と思います。 そんなこと覚えてない

年に数回しかない大きなイベントの一つなので、懇親会は盛大にやります。

岡山には座・スタジアムという、勉強会の懇親会には最強の設備があります。毎年、年末の忘年会議ではそこでLTをしたり、聞いたりするためだけに県外から遠征する人もいるとかいないとか。

それにも負けないぐらい盛り上がるのがオープンセミナー岡山の懇親会です。 LT大会ももちろんやります!

また、セミナーに参加した人達と交流できるのが懇親会のいいところです。講師の方々も参加されるので、セッションの内容を深く聞きたいとかあれば参加するのがオススメです。

ぜひ、本編と合わせて申し込みしていただければなと思います。

まとめ

岡山で開催される年に一度の勉強会のお祭です。 今年は、デザイナーさんやフロントエンドよりの方も参加してもらえるといいなと思ってます。

大都会岡山でも、東京とかにも負けないくらい盛り上げて行きたいと思ってます! みなさまのご参加をお待ちしております。

参考文献:オープンセミナー広島は広島のITエンジニアが集う場所 -そんなこと覚えてない