2016/3/17の勉強会にて発表された資料です。 SCRIPTY#5 ～フロントエンド紳士・淑女のための勉強会～ http://scripty.connpass.com/event/27752/
アクセシブルなモーダルダイアログの作り方 #scripty05
2016/3/17の勉強会にて発表された資料です。 SCRIPTY#5 ～フロントエンド紳士・淑女のための勉強会～ http://scripty.connpass.com/event/27752/
性別選択UIにあるデザインの課題
私は男性として生活をしています。 ソーシャルメディアなどにプロフィールを記載する場合は「男性」を選択しています。女性であればプロフィールに「女性」と選択して、自身を「女性である」と考えるでしょう。 こうした性別選択は、多くの方にとって当たり前すぎて深く考えないことです。しかし、こうした自分を表現する小さな部分にも課題は隠されています。人によっては「男性」「女性」という分類に当てはまらない方もいますし、それを特定の人にしか公表したくないという場合もあります。自分のジェンダー（gender, 性）は男性でも女性でもなく、「〇〇である」と意思表示をしたい方。自分の意向に合う呼ばれ方をしたいと考える方もいるはずです。 この課題に取組んでいるソーシャルネットワークを幾つか見かけるようになりました。男性、女性のという選択肢だけでなく「カスタム」という項目を用意し、そこに自分の性を表すのに適切な言葉を自
小さい子どもにコンピュータを触らせるということ - ビスケットのあれこれ
ビスケットは，開発して新しい機能を追加したときなど，必ず子どもたちが使っている様子を自分目で見てどんな風に使っているかを見てきます（最近はその暇が無くて他人に任せていたりして，かなりまずいんですが）．3年前くらいの面白いエピソードをご紹介しましょう． ちょうど，Androidタブレットで動くビスケットを開発していて（これはまた一般には配布していません．実験環境だけです），それがどのように子どもたちに使われるか見に行きました．僕としても指で直接操作するタブレットのUIの開発は初めてで．実は，マウスとタッチペンの操作は結構似ています．どちらも，非常に小さいエリアを結構正確にポイントできて，ドラッグもできますから．どちらかというと，ペンの方がドラッグが得意でしたね．小さい子はマウスクリックが全然出来ないとか（ボタンを押すときに指先だけ押すということができないので，手を握ってしまって，その結果マウ
ユーザーの知識は低いレベルで停滞する
学習というのはたいへんな作業なので、ユーザーのやりたいことではない。その結果、彼らはユーザーインタフェースの探索をすることもなく、ほとんどの機能について知らないままだ。 User Expertise Stagnates at Low Levels by Jakob Nielsen on September 28, 2013 日本語版2013年11月25日公開 コンピュータシステムを長期間利用しているユーザーでも、知っていて使っているのは利用可能なコマンドや機能のほんの一部だけであることは多い。デザインのユーザビリティが優れていれば、ユーザーはシステムを利用しはじめて間もなく、かなり容易に一連の基本機能を理解する。しかし、その後、彼らは伸び悩み、それ以上はたいしてスキルが上がらない。システムを頻繁に使っているユーザーですら、年にわずか1つか2つの新しい知識を身につけられるようになるまでには何
スワイプ操作を実装できるjQueryプラグイン、TouchSwipeがイイ感じ | Studio Rubbish
あーあー今日もウェブつくるのかーめんどくせーなーつまんねーなースワイプしてえなー。フリックでもいいからー。 jQueryでできんのかなー。あ、できちゃった、これ上手くいった? ブヒヒwww ん、たてにスクロール出来なくなっちゃったね。そりゃあそうだそうだ。 やぱ他人が作ったの使った方がウマウマだなブヒヒ。 Boxer flickGal FlickSlide flipsnap.js iScroll jCarouse jQuery.flickSimpe jQuery.flickable jQuery.jcflick PhotoSwipe Swipebox Swipeshow TouchSlider Unslider 色々試しました。疲れました。 ほかにもこの辺を参考にしたブヒ。 スマートフォン向けスワイプ・フリック系ライブラリのまとめ 画像ギャラリー等、スマートフォン（iPhone /
スマートフォンのフリックで動作可能なスライドショーを簡単に実装！｜株式会社アクトゼロ｜クリエイティブブログ
今回もjQueryのライブラリのご紹介になります。 スマートフォンサイト案件が増える中で、フリックで動作するスライドショーを求められることがよくあります。 今回はそんなスライドショーを簡単に実装出来、かつ色々なパターンに応用可能ならライブラリ「flipsnap」の紹介です。 http://pxgrid.github.io/js-flipsnap/ [ライブラリを呼び出し] html css オプションが充実 オプションでは、1回のフリックの移動距離を変更したり、 スライドショーによくある、現在地のナビゲーションを表示したり、 項目を追加/削除したり、特定のポイントに移動させたり…色々出来ます。 http://pxgrid.github.io/js-flipsnap/demo.html これを利用して、プルダウンの代用として実装した案件もありました。 またPCでもマウスのドラッグで動作するの
久しぶりに見た高専ロボコンがKinect祭りになっていた件と未来のオーバーテクノロジー - FutureInsight.info
なんということのない話なのですが、ひさしぶりに見た高専ロボコンがマイクロソフトがゲーム機であるXBOX 360向けに発売しているKinect活用大会みたいになっていました。 Kinect - Wikipedia 仕様 RGBカメラ、深度センサー、マルチアレイマイクロフォン、および専用ソフトウェアを動作させるプロセッサを内蔵したセンサーがあり、プレイヤーの位置、動き、声、顔を認識することができる。これにより、プレイヤーは自分自身の体を使って、直観的にビデオゲームをプレイすることができる。 常にプレイヤーの位置、身長を測定し、最適なプレイができるよう上下の角度の自動調整が行われる。 Kinect対Kinectみたいな対戦も頻繁にあって、状況を把握するためにKinectを利用しないことが圧倒的な不利になっている状況です。そういえば、昔こんな状況をどこかでみたなーと思ったのが、水泳でレーザーレーサ
マルチタッチインタフェース考〜Apple vs. SAMSUNG 裁判に思う
Apple と SAMSUNG との、スマートフォンに関する特許をめぐる訴訟合戦は、あっちで Apple が勝って、こっちで SAMSUNG が勝って、といった状況で、まだなんとも行く末の定まらない様相である。Steve Wozniak はこの訴訟合戦について "I hate it." （意訳: アホか）と言い、9月にカリフォルニア州連邦地裁で下された、SAMSUNGによる Apple の特許の侵害を認めた評決については、「（侵害が認められた特許は）どれも小さな事 ("very small things") で、イノヴェイティブであるとはとても言えない」とまで言っている†1。そして僕もまったくそう思うのだ。 争点の一つに、マルチタッチパネルにおける操作手法に関するものがある。中でもメディアに象徴的に取り上げられるのが、二本の指でつまむジェスチャーでズームイン/アウトする、いわゆる「ピンチイ
アップルは“MacBookとiPadの統合”など目指さない――クックCEO|Appleウォッチ|トピックス|Computerworld
米国AppleのCEO（最高経営責任者）、ティム・クック（Tim Cook）氏は、「MacBook」と「iPad」を1つの製品に統合するというアイデアは決して実現しないと考えている。それゆえに、米国Microsoftが「Windows 8」で計画しているタブレット／PCの融合に対してはひどい結果に終わると見ているようだ。 Karen Haslam／Macworld英国版 4月25日に行われたアナリスト向け電話会見においてクック氏は、MicrosoftがデスクトップPC、ノートPC、ネットブック、タブレット、メディア・センターPCのすべてでWindows 8を動かそうと計画していることについて、「トースターと冷蔵庫を合体させようというアイデア」になぞらえた。Windows 8であらゆる種類のデバイスを動かすためには、それ相応の“妥協”も生まれるはずだというのがクック氏の見方だ。 「どんなも
Macintoshの最期
寂しい、けれど...。 Mac OS Xは、先週発表されたMountain Lionで｢OS X｣になりました。そう、｢Mac｣がなくなったんです。これは明確な意図があってのネーミングだと思われます。つまり、20年以上も続いてきたMacintoshというデスクトップメタファーの終わりが近いことが示されているのではないでしょうか。 これは、MacBookやiMacがなくなる、ということではありません。でもそうしたコンピューターを定義してきた、ソフトウェアの魂の部分が入れ替わっていくということです。おそらくあと2年もすれば、MacintoshはiOSという新しい花に命を譲った老木のような存在になっていることでしょう。 そんな見方を否定したい人もいるかもしれませんが、これが今実際に起こっている現実です。アップルがアプリ中心のユーザー体験モデルを構築しつつある一方では、マイクロソフトも情報中心のM
このアプリのこの動きがたまらない 〜UIが斬新なiPhoneアプリ特集〜 - #RyoAnnaBlog
Tweet アニメーションや効果音が、たまらなく気持ちいいアプリがある。スワイプした時の動き、ボタンを押した時の効果音、ピンチアウトのユーザーインターフィエス。ちょっとしたギミックが、そのアプリの魅力を決定的なものにする。 今回は、UIが斬新なiPhoneアプリを集めた。同じ感覚の人がいると嬉しい。 Daily Routine 1日のルーティンワークを設定して通知するアプリ。カラフルなスロットを上下に動かした時の、マーブルの曲線がとても綺麗だ（動画 00:05）。 関連記事：時間にくさびを打って24時間を習慣化する Daily Routine | Lifehacking.jp Daily Routine - YouTube Tweetbot 小気味よいアニメーションと効果音がクセになるアプリ。とりわけ、ツイートを左右にスワイプした時の動きと音がたまらない（動画 01:30）。また「ツイート
スマホ案件の見積もりについて - ku-sukeのブログ
Android案件の見積り ｜ クラスメソッド開発ブログ を読んで、業界人らしき人のブコメが、「この程度でホッテントリか」という感じで、僕もややそっちよりの意見だったので、ざっくり補足できそうな点について書いて見ました。もう転職して受託の立場ではなくなったので。やや発注側の視点も含まれています。 責任のないリスクについてコスト負担範囲を決める すべてにおいて最重要項目です。変化の激しいスマホ業界においては、互いのリスクテイクについての認識をあわせておく必要があります。例としてはこんなものがあります。 開発期間中に突如OSのメジャーバージョンアップがあった。 顧客「あ、新しいのでましたね。対応できますよね＾＾」 世論に応じて機能の根幹部分が突然リジェクト対象になる。 りんご「今日から電話番号認証禁止ね＾＾直さないと削除しちゃうよ＾＾」 過去を顧みない方針転換がなされる ぐぐる「メニューボタン
socialmediaexperience.jp - このウェブサイトは販売用です！ - socialmediaexperience リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
はてブiPhone・Androidアプリの開発プロセス - ninjinkun's diary
この三ヶ月ではてなブックマークiPhoneアプリの新バージョンとAndroidアプリを開発してきました。 両方共担当はエンジニアid:ninjinkunとデザイナーid:kudakurage、総合ディレクションid:nagayamaです。同じ開発者がiPhoneアプリとAndroidアプリ両方を作った事例として、なかなか面白いのではないかと思います。開発期間はちょうどそれぞれ一ヵ月半ずつでした。 自分にとってもブクマチームに移動してから初めての大きな仕事だったので、両方共思い入れがあるプロダクトです。開発話と一緒に、スマートフォンアプリを作る際の流れや、気を付けていることなどをまとめようと思います。（長いです） 開発プロセス iPhoneもAndoirdも開発の流れは基本的に一緒で、以下のような流れになります。 機能の検討 UIの検討 実装 ざっくり並べただけではWebサービス開発と変わり
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
公海555000kk线路检测—首页（欢迎您）
スマホデザインパターン なう
日経BP
日経BP
iOS '86
http://blog.stack-style.org/2011-02-24-01/%E3%82%A2%E3%83%9E%E3%82%BE%E3%83%B3%E3%81%95%E3%82%93%E3%81%8CCAPTCHA%E3%82%92%E5%B0%8E%E5%85%A5%E3%81%97%E3%81%9F%E3%81%BF%E3%81%9F%E3%81%84