新しい Sleipnir 開発秘話 – UI デザインをめぐる苦悩 –
こんにちは。デザイン担当の中島です。 近々登場予定の新しい Sleipnir 。 開発もクライマックスを迎えつつありますが、かつてない実用性と新規性を実現するための長くて険しい道のりには、幾多の渦巻く葛藤、立ちはだかる壁がありました。 言うなれば総力戦のまっただ中、開発スタッフ達は日々それぞれの発想をぶつけあい、時には摩擦だって生じます。 今回は、そんな開発過程で巻き起こった、UI デザインにまつわるエピソードをご紹介します。 Sleipnir に新しく搭載される注目機能のひとつに各種 Web サービスとの連携がありますが、”共有””保存””後で読む”といったアクションを実行すると、まるでブラウザの機能のように Web サービスを使用できます。 かつてないブラウザに生まれ変わる Sleipnir への大きな期待に、各スタッフも胸を躍らせつつありったけの情熱を注ぎながら作業を進める中、”保存
jQuery Mobileでスマホサイトを作ろう！国内外で制作されているサイトやjQuery Mobileについて | jQeryMobileでサイトをつくろう
jQuery Mobileとは？ jQuery Mobileは、jQueryをベースとした、「スマートフォン向けフレームワーク」です。 もっと簡単に言うと、「スマートフォン向けコンテンツ制作の土台を作ってくれるソフトウェア」です。 スマートフォン向けの直観的かつ使いやすい、ネイティブアプリケーションさながらのページやUI※1が、瞬時にしてできあがります。開発者はわずかなHTMLやJavascriptを書くだけです。 「UI」 ※1ユーザーインターフェースの略。jQuery MobileはわずかなHTMLの記述のみで、リストやボタン、ナビゲーションバーなどのスマホ向けUIを自動構築してくれる。 2010 年10 月にアルファ版がリリースされ、2011 年11 月ついにjQuery Mobile 1.0正式版が公開されました。現在も、jQuery の開発者であるJohn Resig 氏（@je
「Blockly」ブロックを組み合わせてプログラミングできるGoogleの新プロジェクト 【増田 @maskin】 | TechWave（テックウェーブ）
プログラミングには興味があっても「言語を覚えるのが大変」とか「開発ツールに慣れない」という人は、視覚的にプログラミングをすることができるGoogleの「Blokcy!」をチェックしてみてはどうだろう。 例えば、この画面は「Blocky!」で迷路を脱出するプログラムを作成できるデモだが、右側に様々なブロックを配置することで実際に動かすことができる。 類似のビジュアルプログラミング環境には「Scratch」などがあるが、「Blocky!」は基本的に一種のプログラミング言語として使用できるもので、作成したものを他の言語に変換することで応用の幅が広がる。 言語構文をブロック化 ブロックは「if」とか「while」といった構文や変数操作の機能があり、それらを組みあわせるだけでプログラミングをすることができる。 ブロックになったらといって、プログラミングが簡単になるわけではない。確かに余計な情報が抜か
死んだ愛猫をフライングキャットマシンとして弔うアート
交通事故で死んでしまったネコを愛したあまり、空飛ぶアートにして弔ったというアーティストが現れました。ネコが前後両足を大きく広げて飛んでくる姿を見ると、生きていたころの元気な姿を思い出して幸せになれるのかも。 Cats away! Artist turns his dead pet into flying helicopter after it is killed by a car | Mail Online アートを作ったのはオランダの芸術家、バート・ヤンセンさん。彼はオーヴィルというネコを飼っていたのですが車にはねられて死んでしまい、最初は悲しみにくれたものの、オーヴィルを空飛ぶアートにすることで最後の手向けにすることを考えつきました。ちなみに、オーヴィルの名前はライト兄弟のオーヴィル・ライトに由来しています。 ヤンセンさん(後)と飛んでいる「オーヴィルコプター(Orvillecopte
インターネットでものづくりするときに役立つサイトまとめ
先日、東京学生広告研究団体連盟の総会にて、 「インターネットでつくる人を増やす」というテーマでお話させていただきました！ その時に紹介したサービスをまとめます。 この記事のターゲットは、インターネットでまだ作ったことがない人。 興味があってこれから始めよう！と思っている人向けです。 ポイントは、ブラウザだけで完結できるもの。PCさえあればOK。 アイデア・インスピレーションをストックしよう まずは、アイデアのストックやインスピレーションを高めるサービスを紹介します。 EVERNOTE 簡単なメモから、写真や動画まで記憶し、整理整頓ができるサービスです。 tumblr オンラインでできるスクラップブック。Web上の記事や画像・映像などを簡単にストックできます。 また他のユーザーの投稿もストックできるので、面白いユーザーをフォローするのがオススメです。 Pinterest 画像を貼りつけて共有
第1回 LESSのメリットと導入方法 | gihyo.jp
CSSをより柔軟に、わかりやすく、速く、ミスを少なく記述できる 最近、CSSの拡張メタ言語「LESS」が話題になっています。LESSとは、かんたんに言えば、CSSの良いところを活かしつつも 「より柔軟に」 「よりわかりやすく」 「より速く」 「よりミスを少なく」 記述できるという、新しい書き方です。うさんくさいと感じるほどにいいことづくめですね。 CSSの拡張メタ言語には、LESSの他にも、Sass、Stylusといったものがありますが、LESSは一番CSSの書式に近く、活用するためのツールがそろっているのが特徴です。 最近LESSについて、はてなブックマークや技術系ブログでもたくさんとりあげられているので、実際に興味を持っている方や試した方もいらっしゃるかもしれません。しかし、まだ入門記事が多く、実際に導入したときのメリットをイメージできないことも多いのではないでしょうか？ 本連載では、
ネットからの収入が月100万を超えたので、思いを吐露したい。
さて、何から書こうか。 まずは簡単に自己紹介です。 一人でWebサービス作ってます。そこからの収入が月に100万を超えました。 収入源は広告です。いわゆる「アフィリエイト」とか、そんな感じです。 で、「100万超えたー」と喜んではいたんですが、なんか全然達成感がない。 しかも、めっちゃ自慢とかしたいけど、自慢できる相手がいない。友達がいないわけじゃない。 でも、喋ってて、「俺、月の収入100万超えたんだぜ！ワイルドだろぉ～」とか言うと、普通に嫌な奴じゃん。嫌われそう。嫌われたくはない。 合コンで女の子と喋ってても、俺の方から「俺、月の収入100万超えたんだぜ！ワイルドだろぉ～」とは言えない。やはり、普通に嫌な奴じゃん。嫌われそう。嫌われたくはない。 向こうから聞いてくれりゃぁ、言いやすいけど、常識人である女の子達は、そんなこと聞かない。むしろ、そんなこと聞く女はダメだろ。 「友達」「合コン
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Dropbox、Box.net、GoogleDrive――各オンラインストレージに分散したファイルを統括するクラウド管理サービス「Otixo」 | 教えて君.net
Dropbox、Box.net、GoogleDrive――各オンラインストレージに分散したファイルを統括するクラウド管理サービス「Otixo」 DropboxやGoogleDriveなど、複数のオンラインストレージサービスを使っていると、どこに何のファイルを保存しているか分からなくなってしまう。クラウド管理サービス「Otixo」なら、複数のストレージにあるサービスをまとめて閲覧し、検索したり、必要なものをダウンロードしたりできるぞ。 「Otixo」は、Dropbox、Box.net、GoogleDriveなどに一括ログインして操作できるサービス。これらのストレージサービスは有料契約すると大きな容量を利用できるが、お金を払いたくないのでフリーサービスのままで利用し、そのかわり各サービスにファイルを分散して保存している人も多いはず。そうなると、どのサービスに何のファイルを保存したか分からなくな
HTML5でスマホアプリを作ってみよう。第２回「加速度センサー」 - もとまか日記
HTML5でスマホアプリを作ってみるシリーズ第２回目。ちなみに前回は以下です。 HTML5でスマホアプリを作ってみよう。第１回「じゃんけんゲーム」 今回のテーマは「加速度センサ」です。 前提条件 前提条件として、ある程度HTML等が分かる人向け、という感じです。また、レンタルサーバの利用等についても割愛です。その辺の詳細な説明は省いてるのでご了承ください。また、第１回目のチュートリアルの内容を踏まえた内容にしてます。 HTML5でスマホアプリを作ってみよう。第１回「じゃんけんゲーム」 何度も同じことを書くと長くなるので・・・ご了承ください。基礎情報や基本の詳細は以下をご覧ください。 HTML5でゲームを作りたい時に参考になりそうな記事のメモ前から気になってたHTML5について色々調べてみました 加速度センサーを使ってみる 前回の基本部分の「onload = function() 」部分を以
ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌
gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が本当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイベントハンドラ実装 マーカー付与 ジオロケーション・ジオコーディング マップオーバーレイ マップ上のコンテキストメニュー実装 地図上の区画指定 目的地までのルート描画 静的な画像をマップ表示 などなど超多機能。 Googleマップ使うかもしれない場合は覚えておいて損はありません 関連エントリ Googleマップ関連のjQueryプラグインとチュートリアル集 スマホやタブレットでGoogleマップ風
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
通勤中に留学しよう！ NHKラジオ講座をDLできるAndroidアプリ | ライフハッカー・ジャパン
