茶鏡のブログ

駆け出しのWebデザイナーが文句ばっかりぐちぐちぐちぐち言う日記です。

Web Worker's Cafeという女子会に行ってきたよ。

勉強会

Web女子会とな

やれ見積もり、やれコーディング、やれ進行、やれイラスト、やれ入稿、デザイン会社であいもかわらず手探りでWeb制作の仕事をしていますが、これでいいのか？ともやもやが増すばかりでございます。

技術の勉強会や、キャリアや未来の話を聞いて、うんうんとうなずくも、実行にうつせてるかといえばそうじゃない。

そんな日々を送っていたら、花見の席でちょっとおもしろい会を教えてもらいました。

Web Worker's Cafe 1回目

Webという職種ができて、まだ１０年ちょっと。
この仕事をしていく上で避けて通れない悩みや疑問ストレス発散もかねて”初回は女子限定”で、オシャレなランチを食べながらみんなで、ワイワイやっちゃおーという趣旨です(^-^)/
個人的な悩みや聞きたいことでも可。ただただ話を聞いて欲しい人も可。よりよく、より賢く生きるための仕事、生き方、資産運用まで幅広くシェアしましょう。

最初からフリーの方の話を聞きたいのは建前で、くすぶったもやもやをはらせないかと参加することにしました。Rails Girsが楽しかったから調子乗ったかわたし。

流れ

しゃれおつなところで入り口からちょっとびびった…。

  • 年代別の島にわかれて、悩みをブレスト
  • ブレストを壁に貼って、島内で解決策を考えるディスカッション
  • おいしいごはん（＾∇＾）
  • 各島で出た悩みをピックアップ
  • ピックアップから気になる悩みの島に移動し、ディスカッション
続きを読む

F1中国GP・マクラーレン公式サイトのテキスト中継が読みにくくて (´･_･`)

日記

Webプログラミングに詳しくて、4月20日の夕方おひまな方へ。

マクラーレン・メルセデス公式Webサイトの、レースのテキスト中継が、1分ぐらいに1回リロードされて読みにくい謎を解いてくれませんか。

中国GP決勝は4月20日、日本時間15時半ぐらいからです。
※地上波では、放送しておりません。。。

例の中継のページ
http://www.mclaren.com/formula1/live/

いまこの塵のようなブログから宇宙に呼びかける気持ちで呼びかけておりますよ。

テキスト中継企画

中国GPでは、マクラーレンは今回の推しパートナー(と勝手に呼んでいる)SAPとのコラボレーションで、サイト上でテキスト中継するスペシャル企画をされています。
テレビではピックアップされない無線やドライバーの状況が、Twitterのタイムラインのように流れてくるたのしいものです。決勝ではバトンとぬっさ…マグヌッセンのタイムとかもでるのかな〜

予選を見ながら見てたのですが…

1分に1回ぐらいのペースで読み込みに行き、その間中継の画面がまるっと消えてしまいます。
なんということでしょう。

わたしの予想

ソースコードをまず見なさいといわれそうですが、仕事しながらだったので手が回らず。

技術がわからんなりに、見た時の予想。

  • ブラウザのアドレスバーがクルクルしていたので、普通にリロードをしている (非同期通信ではない)
  • 1回のリクエストで表示部分も丸ごと処理してしまってる
  • サーバーが海外にあるので余計気になっている

レースが終わったら

もちろん、自分でGoogle先生にききますよ。 他力本願で非常にあれなんですが、リアルタイムで謎解きしたくて、、、おわったらきっとサイトからきえちゃうし。

そもそも明日、中国との時差を忘れて予定を入れる自分がわるいorz

閑話

予選では、マクラーレンは2台ともQ2落ちしたので、そこでテキスト中継もおわっちゃったんですが、どうせならQ3もそのまま中継したらおもしろかったのに〜。ロータスならやってくれそう。

Windows8.1にMiddlemanをいれようとして難儀したメモ

お調べ Web制作

なぜ Middleman

Middlemanとは「スタティックサイトジェネレータ」と言われるものです。
競合？ではjekyll が有名ですね。

これからちょっと規模の大きい（とはいうものの数十ページのWebサイトですが）案件が始まりそうで、「ヘッダーとか共通部分どないしょう…」と悩んでおりましたとき、ちょうど下記の記事を見つけました。

静的サイト開発ツールとしてのMiddlemanとGrunt - Webtech Walker

これは今後もしかしたら使えるかもしれないと思い、会社のマシンにいれることにしました。ちょうど暇だったしね。

こちらの解説もわかりやすそうで大変ありがたい。
[ Middlemanで超速プロトタイピング ] #01 Middleman の基礎を一気に学ぶ - Developers.IO

追記 4/12
Hamlを覚えていない人は、公式サイトのリファレンスもとてもわかりやすいです。

今回はMacとWindows両方にいれてみたのですがコレが難儀をきわめるとは…！

注意andもくじ

私は開発やRubyもそうですが、その前にWindowsに詳しくないのでおかしな点がある可能性が多いあります。
あくまでよくわかってない人のメモとしてご覧いただき、お試しは自己責任でお願いします。

  • 要件とやりたいこと
    • インストールするPC
    • 今回の目標
  • 詰まったところ
    • 1.EventMachineがおかしい?
    • 2.wdmが読み込まれない
    • 3.知らない間にbundlerを使っていた？！
  • そのほか、気付きや補足
  • コレがキッカケで
続きを読む

MessageLeaf をおいてみた

お知らせ

ブログ記事のにメッセージを送れるサービス「MessageLeaf」をおいてみました。
そういえば、連絡先情報を書いてなかったし、前のブログには置けなかったし。（個人的に、おいてみたかった…）
週末画家の活動ブログにもおいています。

たいしたこと書いておりませんが、はげましのおたよりといいますか、感想やメッセージがございましたら、よろしければ送ってやってください。

匿名のいたずら防止というか、きちんと想いをつたえたい気持ちに答えるというサービス趣旨で、Facebookへの加入が必要となるようです。
もちろん、コメント欄やいいねボタンなどで気持ちをつたえていただくのも、とてもうれしいです。

フリーペーパー「のんびり」はWebでは無理？！

編集 考察

秋田県の魅力を伝えるフリーペーパー「のんびり」をご存知でしょうか。その土地のおいしいものや受け継がれる文化を体当たりで取材し、地元民と編集チームの思いがめぐり・つながる瞬間をとらえあたらしいビジョンを届けてくれる情報誌です。街で見かけたらかならず持って帰っています。

執筆時点で最新の8号を休日に読みました。テーマは「あきたびじん」です。しかしかわいこちゃんを紹介する特集でなく、あきたびじんという言葉を定義し、秋田内陸線という鉄道路線の話からはじまります。内容はぜひ入手して一読を、ということで、今回もおもしろかった！んですけど、ここでわたしはこんな感想を抱きます。

「この大スペクタクルは、Webじゃ絶対無理！」

って、なんでこんな感想をいだいてしまったのだろう。Webだったら自由じゃないのか文字数も頁数も構成も。
あまりに謎なので考えてみることしました。

もくじ

  • なぜWebじゃ無理？
  • 特徴的な編集
  • 大スペクタクルは必要？
  • さいごに

※一応、ネタバレ注意でお願いいたします。

続きを読む

Rails Girls Nara にいってきたよ。

勉強会

Ruby on RailsでWebアプリをつくる勉強会、Rails Girls Nara に行ってきました。Rails Girlsは、世界中で行われていて、コーチに指導にしてもらいながらWebアプリが作れてワクワク、とか、京都のに参加されていたお知り合いがいろんな方に出会えて楽しかった！とのこと。

応募資格からこんな素敵で力強いのです。

「コンピュータを使ったことがある女性ならだれでも参加できます。」

なんかわたしにもできそう！っておもえるでしょ。
いいな〜前から参加したいな〜、と思っておりましたら、なんと関西どころか地元開催。
こりゃあ行くしかあるまい〜！

もくじ

  • Morning coffee
  • Cording class
  • こんにちは世界！
  • Happy Rails Girls!
  • そのほか

f:id:skgm26:20140326015624j:plain

こちらは、ネームカードだったもの。
うっかりツイッターネームを書いてしまったので、にぎやかしでごまかし〜

続きを読む

開発できないけど、DevLOVE関西 〜Decision〜 にいってきたよ！

勉強会

エンジニアの勉強会「DevLOVE関西 〜Decision〜」に、開発者でもないのにいってきました。

Firefox OSの勉強会の時と同じパターンですな(笑)

以前から興味を持っている、ITベンチャー企業・ソニックガーデンの社長、倉貫さんのお話が聞ける！というこれまた、単純な動機です。Decisionとは、決断という意味です。わたしはプログラミングはhello worldでとまるし、若い時に挫折したので、書いて、なにかがつくれるだけでもすごいと思うのですが、その中でも一目置かれる方々の働き方を知りたくて行きました。

超ロングテキストですけど、続きからどうぞ！

あと初めてMarkdownで書いたので構成がいつもとちがいます。

もくじ

  • 動機
  • セッション
  • 生まれた問い
  • ほかに、響いた言葉
続きを読む