Flash?いいえ、HTML5です: ファイルのドラッグ&ドロップによるフォトアップロード機能について - mixi engineer blog
はじめまして。コミュニケーションサービス開発部の澤と申します。コーヒーとカレーをこよなく愛する新卒2年目の新米エンジニアで、弊社Webのフロントエンドを主に担当しています。最近はmixiスマートフォン版(mixi Touch)の開発にも精力的に取り組んでいます。 さて、本日はPC版のmixiで1つの機能をリリースいたしました。ファイルをWebブラウザにドラッグ&ドロップするだけで写真をmixiフォトにアップロードできるもので、HTML5 File API※1を採用しています。本記事ではこの機能について色々とお話をしたいと思います。 なにこれ? 以下では、ドラッグ&ドロップによるアップロード機能を「本機能」と呼びます。 百聞は一見にしかずです。本機能のプロモーションムービーがありますので、まずはこちらをご覧ください。 動画では下記を説明しています。 従来のアップロード方法からドラッグ&ドロッ
jQuery Mobile使用時によく使いそうなマークアップのリストと動作サンプル
自分用に備忘録。そろそろチートシート が出てくる頃じゃないかと思うので、そう 焦ることも無い情報だと思いますが、近々 使いそうなのでその時に面倒な事になら ないようによく使いそうなマークアップを リストとしてメモしておきます。 ちゃんとしたデモは本家で確認して下さい。ここにあるサンプルは僕のいい加減なサンプルです。尚、マークアップが見やすい様にするだけの為にコメントアウト入れていますが気にしないで下さい。 [note]追記 もう少し増やして見やすくしたものをダウンロード出来るようにしました。 [/note] プラグイン読み込み<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> <script type="text/javascript" src="h
jQuery.flickable: iPhone and Android like flick scrolling plugin
See related links to what you are looking for.
Cable Decluttering With a Twist « The Closet Entrepreneur
I hate cable clutter, but what does one do with stray cables that can’t be hidden behind a desk or concealed in wire loom? Thankfully electricians, climbers, and roadies have been dealing with cable clutter for years, and they’ve utilized a nice technique that we can take advantage of! The Chain Sinnet Cable Wrapping Method The chain sinnet (aka chain braid, daisy chain, or monkey braid) is a cabl
新発見！ 日本地図をバラバラにして組み替えると世界地図になる – ロケットニュース24（β）
2011年2月22日 久々におもしろいトリビアが発見された。日本地図をバラバラにし、位置を再構成することで世界地図になるというのだ！ 実際に日本地図を組み替えた画像がインターネット上に掲載されているのだが、確かに世界地図のような地図になっている。これは驚きである！もう少し詳しくお伝えしよう。日本は北海道、本州、四国、九...おすすめニュース 5つの図形を選んで分かる性格診断 5つの図形の中から、インスピレーションで1つを選択！何も考えずに、直感で選んだ図形からあなたの性格がわかります。 マクドナルドの原価表が流出 / マックフライポテト14円など マクドナルドのメニューに対する原価表がインターネット上に流出し、大きな話題となっている。流出した原価表は世界中のインターネットサイト等に掲載されており、取り返しのつかない状況に陥っている。 ポテトチップスに異物が混入していたので「お客様相談室」に
Titled "Untitled". – 植物状態の人と、今日も会う。 仕事で。 ナースでぇーす☆命救ってまぁーす☆ ...
植物状態の人と、今日も会う。 仕事で。 ナースでぇーす☆命救ってまぁーす☆ って昨日の合コンで言って、「実演！」なんつって脈を測るふりして手を握ったりして、 すごい楽しかったその翌日に、真顔でここにいて、本気で脈を測っている。 その脈はとても規則正しく、きれいに打っているけど、 目の前の人は、目も開けない。いや、たまに半目。なんの意識もない。 何も喋んない。何も食べない。自分で息すらできてない。 人工呼吸器の一定の吸気排気のリズムと、心電図モニターの音と、たくさんの点滴がぐるぐると彼を囲んでいる。 その人は、私の彼氏でもなければ、親御でもない。ただの一期一会。私はこの人を知らない。 ある日、玄関で倒れた。脳出血だったみたい。 １人暮らしで、家族はいなかった。地方から１人出てきて、兄弟からも絶縁されていた。 色々な機関をあたって、やっと連絡先を見つけて連絡を取った家族は 「いやぁ～あの～」を
誰でも即席“Androidプログラマ”に、Googleが開発ツール「App Inventor」を一般公開
言語を知らなくても簡単にAndroidアプリが作れる――。誰でもプログラマになれる“驚愕”の開発ツールが登場した。米Google社が提供する「App Inventor」だ。早速、開発のしやすさを体験してみた。 米Google社は2010年12月16日、Androidアプリを開発するためのツール「App Inventor」のベータ版を一般公開した。同年7月から登録者のみに提供していたものだ。ツールおよびWebサービス、Javaアプリの3つの組み合わせで実現している。 App Inventorの特徴は、プログラムをコーディングしなくても、Androidスマートフォンで動作するアプリが即席に作れること。パズルを組み合わせる感覚でプログラムを作成できる（図1）。Javaを知らない人でも、Androidスマートフォンを持っていれば、そのまま個人用のアプリが即製可能だ。
ヘッドホン・イヤホンにまつわるハック10選 | ライフハッカー・ジャパン
疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
近い将来コンピュータは｢バネ｣で計算する!? NTTが1個のバネだけで論理回路を実現する技術を開発
近い将来コンピュータは｢バネ｣で計算する!? NTTが1個のバネだけで論理回路を実現する技術を開発2011.02.23 22:305,701 桁違いに消費電力の低いコンピュータが実現!? NTTが板バネを振動させるだけで複数の論理演算を同時に実行できる新しいデジタル演算手法を開発したそうです。従来のコンピュータでは簡単な計算にも複数のトランジスタが必要でしたが、この度開発された技術は1個の微細バネで20個以上のトランジスタを連結した回路と同等の演算機能を実現するというもの。1個の基本素子のみで論理回路を構成できる可能性のある世界初の技術です。 この技術を用いれば、トランジスタを用いたものに比べ100分の1以下の消費電力で演算できるコンピュータをつくれる可能性があります。 複数のデジタル情報を異なる周波数で板バネに入力すると、新たな周波数の振動が出力されることを利用して演算するんだとか。とり
スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ:phpspot開発日誌
スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ。 「スマートフォン向けサイトの作り方エントリのまとめ」にてスマフォ用サイト作りの基本はまとめましたが、実際にデザインする際の参考になりそうなギャラリーサイトやブログエントリをまとめてみました。 インタフェースの研究ということで、サイトデザインのみではなくアプリのデザインギャラリーも紹介。 ギャラリーサイト CSS iPhone 様々な海外ポータルやデザインサイトのiPhone向けサイトをサムネイル付きで紹介。 どのサイトもよくデザインされており、非常に参考にできる部分が多そうです。 iOSpiration iPhone Web Design Inspirations - iPhone and iPad Design Inspiration iPhone/iPadサイトやiPhone/iPadアプリ・ゲームのデザインギ
基礎から理解するためのCSS3に関するサイトのまとめ｜Webpark
CSS3はIEが対応できていないこともあって、今まであまり紹介してませんでしたが、使いこなせると面白そうなのでまとめてみました。 CSS3リファレンス 有名なサイトですね。CSS3に限らず、HTMLやJavaScriptなど膨大な情報量です。 CSS-EBLOG 各ブラウザで先行実装しているCSSプロパティがまとめられています。 CSS3 Files 【2010.4.25 追加】海外サイトですが非常に見やすいです。各ブラウザの対応状況の載っていて重宝します。 次にブラウザごとの対応状況を確認するサイトを紹介。 HTML5 & CSS3 READINESS HTML5とCSS3のブラウザごとの適応状況を視覚的に見ることができます。2008年からの年別でも見ることができます。 HTML5 & CSS3 Support こちらもブラウザごとの対応状況がまとめられています。CSS3はプロパティ、セ
20代がこれから直面する４つの試練 - モチベーションは楽しさ創造から
私が大学を卒業したのは、もう25年も前になります。 ちょうど、円高ショックの不況の最後のほうの時期。数年後にバブルになっていくのですが、日が出る前が一番暗いのと同じように、日本全体がこれから大丈夫か？と不安を感じている時期でした。） しかし、今の２０代の人達よりも、遙かにラクな環境だったと思います。そこにあるのは、ある意味単なる不況というだけ。構造が変わるという不安はそれほどありませんでした。 それに比べ、今の２０代の方々は大変な苦労が必要な時代になっているなと思います。今、新卒者向けのテキストを作っているので、そこでまとめた、２０代の方々が直面する４つの試練をご紹介。キャリア設計の参考にしてください。（現実をしっかり見つめて、計画を作るのが成功には不可欠ですから） 第3諸国勤務という試練 私達の世代は、海外勤務が発生する可能性があったのはエリートのみでした。勤務地も、アメリカやヨーロッパ
今後5年のあいだにIT業界に大きなインパクトを与えそうな5つの動向
先週の水曜日に、IBMのビジネスパートナーの方々が中心となって設立された団体「Open Source協議会 System i」のセミナーで「IT大変革。今、何にどう取り組むべきか！ ～知っておきたい技術動向とキャリアの描き方～」というセッションのスピーカーを、アイティメディアの藤村厚夫取締役と一緒に務めてきました。 藤村さんからはセッションのテーマとして「お互いに、今後5年のあいだにインパクトがあると思われる動向を5つ挙げて説明しよう」という提案をいただいていたので、僕としては少し考えて次のような5項目を挙げることにしました。 セミナーでこの5つについて話したことを、せっかくなのでこのブログでも紹介したいと思います。 業務の定型化の波 1つ目の動向は「非コア業務、�バックオフィス業務の定型化の波」です。これによってこれまで以上に業務のパッケージソフトやサービスへの置き換えが進むと考えていま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
枕営業、キャラ離脱、性格改変、「アイドルマスター２」 の内容にファンが大混乱:【2ch】ニュー速VIPブログ(`･ω･´)