優れたWebサービスを作るために知っておきたい、UIを構成する5つの基礎的な要素 | Tokyo Otaku Mode Blog
悩み多きディレクターの皆様。 こんにちは。Tokyo Otaku Mode （以下TOM）ディレクターの青芝です。 Webサービスを考えるうえで、誰もが一度は頭を悩ませる UI （User Interface）。 User Interface（ユーザーインターフェイス）とは、ユーザーがWebサービスを利用するうえで直接操作する画面のことを指しますが、ひと言で「UI」と言っても、そこには文字や画像の見せ方、マウスのクリックや指のタッチに反応したときの動き、画面全体のレイアウトなど、さまざまな構成要素がかかわってきます。 それら一つひとつの性格や特徴を考慮し、しっかりと設計しておかなければ、使いやすいWebサービスを作ることはできません。今回は、WebサービスのUIを考える際に知っていると役立つ知識のなかから、基礎的な５つの要素を紹介していきます。 正しい文章構造について 人の感情を動かす色に
モダンな情報共有ツール esa.ioを2カ月超使ったのでβ前に紹介するよ | Tokyo Otaku Mode Tech Blog
Tokyo Otaku Mode（以下TOM）でエンジニアをやっているpchwです。 今回は情報共有ツールのお話をさせていただきます。 TOMの開発チームは、創業当初は数人で構成されていたのですが、最近ではフルタイムでないメンバーも含めてかなり人数が増えました。 少人数であればある程度自然に情報共有できるものの、人数が多くなってくると持っている情報量に差が出てきて、なかなかスムーズに共有を図ることができなくなります。 そこで頼りになるのが、情報共有ツールというわけです。現在、TOMの開発チーム内では情報共有のためにesa.ioというサービスを使っています。 なぜesa.ioを使うようになったのか？ esa.ioとはどういうものなのか？ esa.ioは他の情報共有プラットフォームと比べてなにが違うのか？ これらの点を踏まえつつ、esa.ioを紹介していきます。ぜひ参考になさってください。 な
表参道ランチ：140店を食べ歩いた私が本当は教えたくない厳選9店 | Tokyo Otaku Mode Blog
表参道は高級ブランドショップが立ち並ぶおしゃれな街です。食事ができるお店も値段が高く、なおかつ混雑しているいところも多いです。 Tokyo Otaku Mode（以下TOM）が表参道に引っ越してから7カ月ほど経過し、TOMメンバーが利用した表参道周辺の飲食店もかなりの数に上ってきました。 TOMではいいお店を見つけたら社内で共有し、積極的に情報をシェアするようにしています。 そんな社内共有情報から、ごく一部ですが表参道のおしゃれランチ情報をこっそりお教えします。「入りやすく」「雰囲気が良く」「高過ぎず」を基準に、お店をセレクトしてみました。 ※美味しそうに見えないというコメントをいくつかいただいたので、写真をレタッチしたものに差し替えています。 ●表参道ランチの基本みなさんはランチにどれくらい予算をかけているでしょうか？ 表参道ランチの相場は1000円です。この額が基準になります。 表参道
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を使用する方法を説明します。コード例を中心に理
特別編：トップエンジニアたちの夜『シドニアの騎士』観賞会＆座談会 ～Part1～ | Tokyo Otaku Mode Blog
8月某日夜。Tokyo Otaku Mode（以下TOM）のオフィスにて、人気アニメ『シドニアの騎士』の観賞会＆座談会が開催された。参加メンバーは下記の11名（※敬称略、五十音順）。エンジニアチームを中心としたTOMメンバーに、交流のあるお客様数名を加えた、なかなか濃ゆ～い面々である。 参加メンバー 伊藤 直也（KAIZEN platform Inc.技術顧問) 今吉 勇揮（TOMデザイナー） 亀井 智英（TOM CEO） 柄沢 聡太郎（クロコスCTO） 川崎 裕一（元はてな副社長／mixi取締役） 重岡 正（TOMエンジニア） 関根 雅史（TOM CTO） 田中 弦（Fringe81代表取締役社長） 堀木 洋志（TOMエンジニア） 丸山 有彗（TOMエンジニア・インターン） 三河 正宜（TOMエンジニア） このたび、「TOMで面白い集まりがあるので覗いてみては」という誘いを受けた、わたく
東京Node学園 14時限目で「Synth」について話してきました | Tokyo Otaku Mode Blog
昨夜、渋谷ヒカリエで行われた東京Node学園 14時限目で、トップバッターとして発表してきました。 発表内容は、「Synth」というWebアプリケーションフレームワークについてです。 Tokyo Otaku Modeでは、バックエンドとしてNode.jsとMongoDBを使っていてExpressで運用していますが、色んなフレームワークも触っていてSynthもそのうちの一つです。 SynthはInfoQの「APIファーストのWebフレームワークSynthを巡るコミュニティの困惑」という日本語版記事が出て初めて知った人が多いと思います。 記事にもあるとおり、JSONやテンプレートHTMLを返すAPIとそれを使ってクライアント側でアプリケーションを構築するという形に特化したAPIファーストのWebアプリケーションフレームワークです。 ちょうど上記の記事が出た頃、天下一クライアントサイドJS MV
今日から始めるNode.jsコードリーディング - libuv / V8 JavaScriptエンジン / Node.jsによるスクリプトの実行 | Tokyo Otaku Mode Blog
ソフトウェアを正しく理解する唯一の方法はコードを読むことです。 ドキュメントを読めばそのソフトウェアが何を実装しているか分かりますが、どのように実装されているかまでは分かりません。 開発中に何らかのトラブルに悩まされたときや、効率的なコーディングをしたいと思ったとき、下位レイヤのソフトウェアを理解しておけば素早く対処できるシーンが多くあります。 ただ、コードを読むことは簡単なタスクではありません。 現代的なソフトウェアはそれなりの規模のコードを含んでいることがほとんどです。アーキテクチャ間の差異を吸収するためのコードなど、本質的な機能を理解する上ではあまり重要ではないコードも含まれています。 何らかの問題が発生してからコードを読もうと思っても、準備なしでは関連する箇所を探すだけでかなりの労力が必要な作業となります。 従って、普段からコードを読んでおくことが重要です。 また、コードを読むにあ
【号外】永久保存版！ 10年選手の腐女子直伝!! コミケ超初心者講座（夏編） | Tokyo Otaku Mode Blog
コミケは戦場。 Photo by Tokyo Otaku Mode Tokyo Otaku Mode（以下、TOM）クリエイターサポートチームの大石です。 ふだんはTOMに参加されている全世界のクリエイターの皆さんのサポートを担当しています。 今回は号外いうことで、世界最大のコミックマーケット（通称：コミケ、コミケット）について、「【号外】永久保存版！ 10年選手の腐女子直伝!! コミケ超初心者講座（夏編）」というお題で、恐れ多くも記事を書かせていただくことになりました。 記事の内容は、主に 「コミケってなんですか？ すごいんですか？」 「コミケって聞いたことはあるけど、近寄りがたい……」 「行ってみたいけど、僕は友達が少ない（小並感）」 という、コミケ初参加の方を対象としたものにさせていただきます！ いろいろ偉そうに書いておりますが、著者は言うほどアルファコミケッタラーではないのでお手柔
Tokyo Otaku Modeフォトグラファーが教える写真が確実に上手くなるための 8つのマインド | Tokyo Otaku Mode Blog
いい写真を撮るのは難しい！！ なんて思い込みにすぎない！（断言） Tokyo Otaku Modeのフォトグラファーのハラです。 ふだんはTOMが運営するECサイトの商品写真の撮影を担当しています。 僕は15年間、プロのフォトグラファーとして活動していますが、会う人に必ず同じことを言われます。 「写真、教えてください！！！」 「どうやったら上手な写真が撮れますか？…」 そして、続けて言われるのが… 「絞りとシャッタースピードがーーー」 「構図って難しいですよねー」 で、最後に言われるのが…（ 頑張って頑張って説明したあと…） 「やっぱりプロは違いますね…」 または 「今度、教えてもらった通りに撮ってみます！」（数カ月後「写真教えてください！」ってまた言われる） はい、もうやめましょう!! 断言します！ 写真は難しくありません!!超カンタンです!! プロは特別でもなんでもありません！カメラだ
MongoDBでECサイトを実運用する3つのテクニック | Tokyo Otaku Mode Blog
こんにちは。Tokyo Otaku Mode CTOの関根です。 Tokyo Otaku Modeでは、2013年8月からotakumode.com上にカート機能を追加し、決済までをワンストップでできる海外向けECサイトをスタートしました。 どういうシステム構成でotakumode.comが運用されているかを聞かれた時、「Node.js + MongoDBです」と答えると、エンジニアの皆さんは一様にびっくりします。特に驚かれるのが、MongoDBをメインのDBに使用している点です。信頼性に定評があるわけでなく、またNoSQLに対するライトなイメージが一般的にあるため、ECサイトのプロダクションとして使うことに疑問を持たれている方が多いのでしょう。 しかし、十分実用に耐え、日々機能追加が入り成長し続けるスタートアップの環境で、実際に1年間運用してきたECサイトがここにあることも事実です。 そ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
