今回は高校生の私たちが公開した投票サイトが三日で１万PVを記録したので、その経緯をサイトの紹介も含め、全て公開します。 qiitaで後日談を書きましたので、よかったらお読みください リンクはこちらです サイトの内容 名前はAICEVOTE(アイスボート) リンクはこちら ----> aicevote.com(大量アクセスで現在サーバーが不安定な状況です。ご了承ください。) このサイトを一言で言うとこんな感じです。 "投票用紙を氷に見立てた次世代のリアルタイム投票サイト" AICEVOTEとは 普通の投票とAICEVOTE（アイスボート）の違い 普通の投票 普通の投票では、投票箱A/Bに最終的に投票された票の数の比で結果が決まります AICEVOTE AICEVOTEでは投票用紙の代わりに氷を投票します。 それぞれの投票箱の底は網目になっています 時間が経てばあなたが投票した氷は少しずつ溶け

ママ もうパパとママにいわれなくても　しっかりとじぶんから　きょうよりかもっと　あしたはできるようにするから もうおねがいゆるして　ゆるしてください　おねがいします ほんとうにもうおなじことはしません　ゆるして きのうぜんぜんできなかったこと　これまでまいにちやってきたことをなおす これまでどんだけあほみたいにあそんだか　あそぶってあほみたいだからやめる　もうぜったいぜったい やらないからね　ぜったいやくそくします もう　あしたはぜったいやるんだぞとおもって　いっしょうけんめいやる　やるぞ

朝、改札に「PASMO(パスモ)」をかざす時、「今日もこれから電車に乗って、仕事へ行く」ことに、心が同意しているかを確かめる。

Appleの「iTunes」アプリはミュージックプレイヤーというメイン機能の他に、iOSデバイスとの同期やApp、 Podcast、iTunes Uなど様々なコンテンツの管理、購入などにも利用されており、さらにiTunes 10.5ではiTunes Match, iTunes 12.2ではApple Musicと様々なサービスが提供され複雑化しています。 これに目をつけたドイツFachhochschule Potsdam大学のデザイン科の講師Frank RauschさんとTimm Kekeritzさんはデザイン科の学生に「未来のiTunesをデザインしてください」という課題を出し、そのモックアップを大学のサイト上に公開たことで話題になっているようです。 Apple’s iTunes desktop app is notorious for trying to be everything t

The buy will benefit ChromeOS, Google’s lightweight Linux-based operating system, by giving ChromeOS users greater access to Windows apps “without the hassle of complex installations or updates.”

security, standardization は、登壇者の撮影を一切禁止します。 トーク内容は事前には決めないため、トークの概要といったものはありません。 昼食は、休憩時間に校内・教室で食べることもできます。学校の 1 階にセブンイレブン、近くにほっともっとがあります。 Wifi あり、一部座席には電源があります。 Speaker server_perf @mirakui: @xcir: インフラエンジニア / Varnish Cache大好き [GitHub] [xcir.net] @cubicdaiya: Software Engineer in Infrastructure Engineering [Profile] accessibility @bakera: HTML/情報セキュリティ/アクセシビリティ関連の話が好きな人。最近関わった本:[コーディング] [デザイニング]

■自分好みの情報に閉じ込められる アマゾンのリコメンデーションは、この本を買った人はこういう本も買っています、と類書を推薦したり、ウエブ閲覧履歴や検索の入力キーワードなどからあなたの性向、好みを推測し、興味のありそうな本や商品を紹介してくれたりする。グーグルの検索サイトも、キーワードにそった事項を表示する順序に、あなたのオンライン上の情報活動が反映されている。便利といえば便利な機能だが、別の観点からすると、インターネットそのものが自分の好みや意見を反映したものに作り変えられている(再構成されている)ということである。 自分と同じような意見が集まり、対立する意見や、まるで違う考え方などは、たとえインターネット上にあっても、あなたからは「見えなく」なっていく。検索エンジンとかSNSなどのビッグデータ解析力が高まれば高まるほど、その傾向は強くなる。 かくして私たちは自分好みの一種のタコツボ

本稿では、まず「ウェブサービス開発の現場で、ウェブデザイナーの仕事はエンジニアに奪われつつある」という脅威を語る。次に、生存戦略を考えるヒントとして「分かりやすい生存戦略」を2つ提示する。「アートディレクター」と「フルスタックウェブデザイナー」という2つの生存戦略だ。 なお、「仕事を奪われていくプロセス」と「生存戦略を遂行するプロセス」について、5〜10年程度のタイムスパンをイメージしている。 ウェブデザイナーの仕事がエンジニアによって奪われつつある ウェブサービス開発の現場では、ウェブデザイナーの仕事がエンジニア／プログラマーによって少しずつ奪われつつある。とくに小さな組織や新規事業の現場では。 象徴的なのは「Bootstrapがあればデザイナー不要だよね」論。「もはや社員としてデザイナーを雇う必要はなくて、必要な時にランサーズで発注すればいいよね」「スタイルシートいじったり画像パーツ作

ドラマで、女優さんが着ていた服やアクセサリーが気になる。同じものが欲しいけど、どのブランドのものなのかわからない......。そんな経験をしたことがある人は、多いと思います。 写真を撮るだけでアイテムのブランドがわかる｢ASAP54｣は、アイテムを写真に撮ることで、詳細情報がわかる画期的なアプリ。使い方は簡単です。｢ASAP54｣をダウンロードし、気になった服や靴、アクセサリーをカメラ機能で撮影し、｢ASAP54｣へアップロード。もしわかれば、アイテムに関する情報（色、形、値段など）も入力します。すると、撮影したアイテムの詳細が自動的に検索されてくる仕組みになっています。アイテムはテレビや雑誌、PCの画像など、どんな媒体から撮影しても検索できるうえ、操作も簡単です。 約3億円以上もの投資を受けてつくられた注目アプリ実は現在、ファッション・テクノロジー分野で最注目されているアプリが、この｢A

どうも、まさとらん（@0310lan）です！ 今回は、とにかく「Webサイト」を手っ取り早く作りたい人に朗報…どうも、まさとらん（@0310lan）です！ 今回は、とにかく「Webサイト」を手っ取り早く作りたい人に朗報です！ 最近のトレンドを抑えつつ、オシャレで、見栄えの良いWebデザインを取り入れながら、プログラミングも一切行わずにすべてブラウザ上で「公開」まで完結できて、さらに無料で使えるWebサービスをご紹介しようと思います！ それが、「Webflow」です！ 実は、以前から異彩を放つサービスとして知られていたのですが、最近になってどんどんバージョンアップが進んでおり、非常に「使える」サービスとして成長しているので今一度ご紹介してみます。 どうやって使うの？ 「Webflow」を使うには、まずトップ画面からユーザー登録をします。 すると、Webデザインの骨組みとも言える

ドイツのPanono社が発売する全天球ボール型デジタルカメラ「Panono」。手にしているのは、Panonoの開発に携わったMario氏 ドイツのPanono社が開発を進めていたボール型の全天球デジタルカメラ「Panono」の製品化が決定した。上方に放り投げるだけで、最高点に達したタイミングで周囲の様子を自動的に撮影し、360度×360度の全方位を収めた画像を生成するというユニークな製品だ。放り投げることで自動撮影するので、一脚などのアクセサリーを使わずに済む。 販売開始は2014年9月の予定で、日本からでも注文できる。販売を前に、Panonoの試作機を用いたプレス向けの実演イベントが都内で開催された。これまでにないユニークな機構や撮影方法、写真生成の仕組みをチェックしたい。 36個のカメラで1億800万画素相当の全天球写真を生成 Panonoは、グレープフルーツほどの大きさの球体カメラ。

PHPカンファレンス2013 の #P4D ワークショップでお話させていただきました。 私がお手伝いさせていただいてる Forkwell のサービス開発のフローを例に紹介させていただきました # 補足などを追記 http://d.hatena.ne.jp/ken_c_lo/20130915…

オンラインでの「衝動買い」のムーブメントはそこまできている 実生活では、街中をふらっと歩いているときに目に飛び込んできた商品に興味を持ち、ついつい購入してしまうこともある。しかしネット上でモノを買うとき、ユーザーはECサイトを探し、よく行く（楽天やAmazonに代表される）大型モールで商品を探す、というスタイルが染み付いている。しかし、このeコマースが始まって以来20年近く変わらなかったスタイルに、近年変革をもたらそうとしているサービスが増えてきている。オシャレなモノを集めながら、コーディネートを考えながら、そしてニュースを読みながら!?、購入に結び付けようとする3つのサービスから、オンラインでの「衝動買い」の可能性を考えていく。 Sumally（サマリー）　－　オシャレなものを集めながらの衝動買い 雑誌『GQ JAPAN』の編集者だった山本憲資氏が立ち上げたSumallyは、自分のお気に

スキルチェックの目次へ HTMLおよびスタイルシート（CSS）を利用したWebページ制作の，簡易スキルチェックのための調査表。印刷用。 マークアップ・エンジニアとしてのレベルを測定する。 これは，「Webページをコーディングして作る人」全般に当てはまる。 レベルは，０から４までの５段階。 （０） 非エンジニア （１） 初学者（入門書を学習してゆく段階） （２） ノーマル（基礎的な知識があり，ある程度の画面を作れるようになった段階） （３） 中級者（Webアプリの開発プロジェクトで１人月としてカウントできる水準） （４） 上級者（メインPG/デザイナとして，Web UIの主担当を任せられる水準） Webアプリのプロジェクト開始時に作業振り分けをするにあたって，新規メンバ全員にこれを渡して回答してもらうという用途を想定。 なお，システム開発上のスキルをチェックする事が主眼なので，アーティスト（

LINEについて四家氏は、石原氏の「連絡のための必須手段」というキーワードを紹介する。「LINEの基本機能であるメッセージと電話を使いこなしているという印象。学校の連絡網としても使われており、LINEをやっていないことで自分だけ連絡もれするもあったというお母さんもいた」と石原氏は話す。 辰巳氏は「きめ細かいグルーピング」というキーワードを示し、「シニア女性が、娘と自分のグループ、娘の友人も含めたグループ、息子と嫁を含めたグループなどを使い分け、日常の生活のなかで駆使してきめ細かなグルーピングを使いこなしている」と説明する。 一方で、平田氏は「怖い」というキーワードを示す。 LINEの便利さやすばらしさも語られたが、一方でLINEに対する違和感が若年層とシニア層の両方から出てきている。子供にはスマートフォンを買い与えたくはないのに、部活動の連絡網のためにLINEに入るように同調圧力をかけられ

イスラエル軍はパレスチナ自治区ガザ地区への地上侵攻を準備しているが、混とんとした市街戦で勝利できるかその能力が今後試されることになる。 「リトルガザ」で市街戦に備える ボランティアが政府代わりに

スマートフォンのような小さな画面からデスクトップPCのディスプレイまで、Webに対応するデバイスの画面の大きさや精細度の多様性は高まってきています。 多くのWebデザイナーは、こうした多様な画面に合わせてレイアウトなどを変えることで見やすくするよう努力してきましたが、こうしたダイナミックなレイアウトを実現する上で大きな課題だったのが画像の扱いです。画面の大きさや精細度に合わせて適切な画像を表示させようにも、そのための標準的な方法がないのがその理由です。 Chrome 34ではその、いわゆるレスポンシブイメージへの対応としてimg要素に新機能を実装することを明らかにしました。。 img要素のsrcsetで、画面解像度ごとに表示すべき画像ファイルを複数指定できるようになります。 <img alt="A rad wolf." src="pic1x.jpg" srcset="pic1x.jpg 1

UIのディテールをほんの少し工夫するだけでUXは劇的に改善します。本書では効果的なマイクロインタラクション――ひとつの作業だけをこなす最小単位のインタラクション――の意味、有効性、デザイン手法を学びます。マイクロインタラクションを「トリガー」「ルール」「フィードバック」「ループとモード」に分解して豊富な実例とともにていねいに解説し、さらにプロトタイプやドキュメント作成、テストといった実践的な手法も紹介します。マイクロインタラクションを活用すれば、ありふれた製品も顧客を引きつける魅力的な製品に生まれ変わらせることができます。ドナルド・ノーマン推薦書！ 翻訳者によるサポートページ。 本書に寄せて ――ドナルド・ノーマン 賞賛の声 まえがき 謝辞 意見と質問 1章　マイクロインタラクションのデザイン 1.1　機能ではないが侮れない存在 1.1.1　大規模なマイクロインタラクション 1.2　マイク

# 2014.8.25 重要な追記 このハックは、今年4月あたり(FirefoxNightly 31?)から効かなくなってます。。 元記事 https://gist.github.com/joaocunha/6273016 でも、どうするよ的な議論＆試行錯誤が交わされていますが、:-moz-any(hoge):before プロパティを使った方法で消せるのを見つけた人がいるようです(FF3.6～限定)。 http://jsbin.com/pozomu/4/edit なんだか素直にJS使った方がいい気がしてきますね。 ---- 今までは、フォーム内の特定の部品(radioボタン、select要素など)のデザインを好きなように変更しようと思ったら、 JavaScript(有名所ではuniform.jsとか…)を使って色々と手を加えてやらなければいけませんでした。 でも最近、Chrome等のモダ