CSSでTokyo Otaku Modeのロゴを作ってみる | Tokyo Otaku Mode Blog
こんにちは。 Tokyo Otaku ModeのUXデザイナーおよびフロントエンドエンジニアの吉見です。 みなさんCSSは好きですか？ 先日弊社のロゴを眺めているとCSSだけでも表現できそうだなと思い、実装してみた話をしたいと思います。 HTMLの準備描画のためだけのDIVを大量生産して実装していくだけではおもしろくないので、ある程度制約を設けたいと思います。 Tokyo Otaku Modeという1字1字をそれぞれ i タグにし、 T は data-tom="t"、O は data-tom="o" といった具合に独自data-属性を持ったDOMで構成してみます。 出来上がったソースが下記のようなHTMLです。 ※ 一部Safariではデモが動作しない可能性があります。ChromeまたはFirefoxでご覧ください。 index.html <div id="tokyootakumode">
アニメ鑑賞会『楽園追放』、エンジニアたちがアニメの企画！？ | Tokyo Otaku Mode Blog
こんにちは。Tokyo Otaku Mode エンジニアの重岡です。 ひさしぶりにブログ記事を書く順番がまわってきたのですが、技術ネタではなくアニメ鑑賞会のレポートです。 でも、アニメ鑑賞会のレポートを期待していたコアなファンもいるんじゃないでしょうか？（いるといいな・・・） それでは、『楽園追放』を鑑賞した座談会の様子を書き起し形式でお楽しみ下さい。 今回の参加メンバーは次の通り（※敬称略、五十音順）。 Alexander Hsu（TOMエンジニア） 伊藤 直也（KAIZEN platform Inc.技術顧問) 今村 雅幸（VASILY CTO） 加藤 貴晴（TOMエンジニア） 亀井 智英（TOM CEO） 閑歳 孝子 (Zaim 代表取締役) 重岡 正（TOMエンジニア） 関根 雅史（TOM CTO） 竹内 秀行（ユーザベース CTO） 舘野 祐一 (クックパッド CTO) 新舘 邦
恒例となったTOMアニメ観賞会が開催！ その後、まさかの“衝撃事件”が……。 | Tokyo Otaku Mode Blog
みんなアニメが大好き。１人で見るのもいいけれど、大勢で見るのはまた別の魅力がある……。ならば集まって鑑賞会を開いちゃおう！ 好きな話題で盛り上がり、さらに交流を深めよう!! 昨年の春、Tokyo Otaku Mode CEO亀井氏の“唐突な思いつき”でスタートしたTOMのアニメ観賞会。エンジニアを中心としたTOMスタッフに外部のお客様を交え、数回にわたって開催されたこのイベントは毎回好評を博した。『シドニアの騎士』第１期の最終回を上映した８月の回がおおいに盛り上がったことは、すでに当ブログでお伝えした通りである。 あれから４カ月。TOM内外からの「早く次を！」の声にようやく応えるかたちで、年も押し迫った12月の半ばに待望の次なる鑑賞会が開催された。新たな作品を用意し、新たなメンバーを迎えて行われた、参加者に中毒症状をもたらす“魅惑の夜会”はいったいどんな様子だったのか？ 自称TOMイベント
Node.jsエンジニアなら2014年内に知っておきたいPromise入門 | Tokyo Otaku Mode Blog
Promiseは非同期処理をベースにした並列処理の実装方法の一種です。Promiseでは並列処理の各タスクが必ず1回実行されることが保証され、タスクとタスクからの結果を取得する処理を分離することできます。また、タスクの並列処理／直列処理をユーザーが自由に制御することができます。 ECMAScript Language Specification 6th EditionにPromiseが追加されたことから、しばらくの間JavaScriptの非同期処理に関する話題の中心はPromiseになると思われます。 Node.jsでも既にPromise対応したモジュールも多く、Promiseでのみ非同期処理を提供しているモジュールも存在します。Promiseを使用する機会は今後必然的に増えていくでしょう。 今回のエントリーでは、Node.jsでPromiseを使用する方法を説明します。コード例を中心に理
売上目標達成時にオフィスにファンファーレを盛大に轟かす方法を書くよ | Tokyo Otaku Mode Blog
IT系な企業だとオフィスがシーンと静まり返っていることもありますが、 あまりに静かだとメンバーの士気が上がっていきません。 Tokyo Otaku Modeのオフィスでは、Raspberry PiにNode.jsを入れてスピーカーを繋いだものがオフィスの片隅に置かれていて、デイリーの売上目標を達成時にファンファーレを流すようにシステム化しており、メンバーの士気を上げるのに一役かっています。 （誰もいない休みの日にも売上目標を達成するとファンファーレが鳴り響きます(๑´ڡ`๑)） Raspberry PiRaspberry Pi Type B 512MB を選びました。 スピーカーやモニタなどはオフィスに転がっているものを使いました。 セットアップNOOBS(New Out Of the Box Software) で入れることにします。 詳しくは http://www.raspberryp
Tokyo Otaku ModeがStylusを使う理由 | Tokyo Otaku Mode Blog
Здравствуйте! Tokyo Otaku Modeでフロント周りを担当している今吉です。 社内でロシア人という設定を付けられていますが、ロシア語は挨拶くらいしかできません。 Webサイトを作るのに避けて通れないのがCSSだと思います。エンジニアも多かれ少なかれCSSを書く事があるかと思います。 しかし、CSSを書くのはとても面倒くさいです。出来る限り楽をしたいと常々思っています。そこで、CSSプリプロセッサを導入してCSSを作成している方も多いでしょう。CSSプリプロセッサとは、乱暴に言ってしまえばCSSをクールにラクに書く事ができる言語です。(設計が素晴らしく、COOLなCSSというものも、もちろんあるとは思いますが、これは一旦置いておきます。) 恐らく最も知られているものは、LESSとSass/Scssでしょう。 しかし、Tokyo Otaku Modeでは、Stylusとい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
