Semantic UI
Design Beautiful Websites Quickly Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. Concise HTML Semantic UI treats words and classes as exchangeable concepts. Classes use syntax from natural languages like noun/modifier relationships, word order, and plurality to link concepts intuitively. Get the same benefits as BEM or SMACSS, but wit
データバインディングによるインタラクティブなUIの効率的な表現
requestIdleCallback()による協調的バックグラウンド処理の実現 / requestIdleCallback()
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
アンチソーシャル系の日記アプリ、Livreをリリースしました | fladdict
安藤さん山口さんといっしょに日記アプリ作りましたー。 UIの基礎設計部分となぜか効果音とかを担当。 アンチソーシャル系の１人引日記アプリです。ソーシャル疲れした人、無料なので是非。 株式会社Nagisaの新サービス「Livre」アプリをTHE GUILDで担当しました。 Livreは日々の記録を、自分だけの日記としてプライベートに管理するサービスです。 かんたんな操作でテキスト、スタンプ、写真といった形で日々の記録を残し、タイムライン、カレンダー、アルバムという形で過去の思い出を振り返る事が出来ます。 Credits: Client: Nagisa Inc. Project Management: Masato Yamaguchi (THE GUILD, Alpha Version Inc.) UI Direction: Takayuki Fukatsu (THE GUILD, Art &
ノンデザイナーズデザインブックを読み解く // Speaker Deck
MIND HACKSとインタフェースデザインの心理学を引用しながら、デザインの基本4原則を解説していきます。 ==================== あわせて読みたい ==================== 少ない手間と知識で”それなり”に見せる、ズルいデザインテクニック https://speakerdeck.com/ken_c_lo/zurui-design ノンデザイナーのための配色理論 http://www.slideshare.net/saucerjp/ss-14902681 初めての欧文書体 http://www.slideshare.net/shoheiitoh/ss-17245066 0.1ランク上のアイコンの作り方講座 https://speakerdeck.com/is8r/0-dot-1rankushang-falseaikonfalsezuo-rifang-ji
UI/UXデザイナー兼ソフトウェアエンジニアにジョブチェンジを果たした - id:anatooのブログ
もともと只のソフトウェアエンジニアだったのですが、最近になって肩書きが長くなりました。 何やってるのか やることが増えました。 UI設計 ワイヤフレーム作成 ビジュアルデザイン プロトタイプ開発 開発 エンジニアの頃は、一番下の普通の開発しかやってませんでしたが、ここ最近は上記のことをまんべんなくやっています。ワイヤフレーム作成では、アプリやウェブサイトの設計書となるワイヤフレームをOmniGraffleでガリゴリ書いています。その次のビジュアルデザインでは、PhotoshopやIllustratorなどを使ってアプリやウェブサイトの実際の見た目のデザイン作業をやっています。プロトタイプ開発では、実際に動作するプロトタイプ(ハイフィデリティプロトタイプって言うらしい)を作ってUI上の問題を解決していくということをやっています。UXに関してはこれらの作業全てを通じて改善に貢献するということを
モバイルデザインパターン
モバイルアプリのUIパターンを手軽に参照できるリファレンス。主要なプラットフォームで動くモバイルアプリの画面例を400点以上使いながら、ユーザーインタフェースの定番パターンをグラフィカルに解説します。本書で紹介する68個の基本パターンと5個のアンチパターンが、使いやすいモバイルアプリをデザインするうえでクリアしなければならない設計上の課題を解決してくれます。 掲載UIパターン： ナビゲーション、フォーム、テーブルとリスト、検索、並べ替え、フィルター、ツール、グラフ、誘導、フィードバック、アフォーダンス、ヘルプ、アンチパターン サンプルPDF ● 「監訳者まえがき〜1章まで」（15MB） 監訳者まえがき 賞賛の声 序文 まえがき 1章 ナビゲーション 1.1 主要なナビゲーション 1.1.1 Springboard（スプリングボード） 1.1.2 List Menu（リストメニュー） 1.1
スマホではQWERTYキーボードの時代は終わった？ | スラド モバイル
起業家のJohn Lambie氏が、スマートフォン向けの新しいキーボード配列「dextr」を考案した。一本の指でも二本の親指でもタイピングしやすいように設計したという（stuff.co.nz、本家/.）。 氏は「スマートフォン時代の到来は、昔ながらのQWERTY配列キーボードを捨て、新しいレイアウトを導入する絶好のタイミング」と見ているという。YouTubeの動画で確認したところ、キーレイアウトはほぼアルファベット順で、一つ一つのキーボタンは大きく押し間違いが少ないようにデザインされている。縦画面時はQWERTY配列より上下に長い縦長レイアウトになり、画面におけるキーボードの専有面積は大きくなっている。横画面時に二本の親指でキー入力する場合は、キーは半円を描く形左右に分割配置される。こちらもキーを大きくした分、画面専有面積は大きめ。 John Lambie氏によれば、QWERTY配列で育っ
どうなる、タブレット時代の日本語入力
いよいよ本格的なタブレット時代が到来しそうだ。2年前のiPadの登場をきっかけに、Android搭載タブレットが続々と市場に登場。ついにはマイクロソフトからも初のPC本体製品となる「Surface」が発表されるなど、タブレット市場は今後ますます広がっていくだろう。年末に予定されるWindows 8の提供開始後は、Surfaceを含め多くのメーカーからWindows 8搭載タブレットが登場する。そこで筆者が気になっているのが日本語入力である。 タブレットPCのコンセプトは別に新しいものではない。マイクロソフトでも、古くはWindows 3.1のころに出した「Windows for Pen Computing」、その後の「Windows XP Tablet PC Edition」など、かれこれ20年近くも挑戦してきている。PC市場で圧倒的なシェアを誇ってきたマイクロソフトが長年トライしてきても
【インタビュー】クックパッドのUIデザイナー：「エンジニアの仕事が０を１にする仕事なら、デザインは1を100にする仕事 」 | Startup Dating
Startup Datingでインタビュー連載を始めてみることになりました。さて連載の初回は、2011年に新卒としてクックパッドに入社し、現在UIデザイナーとして活躍する片山育美さん（@monja415）。片山さんが現職に就くまでの道のりや、クックパッドのUIに関する考え方、片山さんが手がけた具体的なUI改善の事例やヒントなどをたっぷりお伝えします。 美術大学で勉強、もともと職人になりたかった もともと絵を描くのが好きだし得意、高校のときから職人になりたいと思っていたと話す片山さん。美術大学に進学し、ファイン系とデザイン系でデザイン系を学ぶことを選択。ファイン系とは、絵画や彫刻などいかにも“アート”というもの。ファイン系が芸術だから、どこか自分の中で完結してしまうところがある。でも、職人って誰かのために技術を使える人なんじゃないか、と。情報デザイン学科を専攻し、サービスデザインやUXと言わ
APP｜Leap Motion
Say hello to the second generation of our iconic hand tracking camera We remove boundaries between physical and digital worlds - for anyone, anywhere. Say goodbye to hardware… Say hello to human technology. Our hand tracking and haptics are powering the next wave of human potential. No controllers. No wearables. No touchscreens. Just natural interaction.
Android Wiki*
カスタムコンポーネントの作成には大きく下記のアプローチがあります。 既存部品の拡張 描画処理も独自のフルカスタマイズ・ビュー 既存のビューを組み合わせたコンポジット・ビュー リファレンス：http://developer.android.com/guide/topics/ui/custom-components.html#compound 既存部品の拡張 既存の部品を拡張して、機能を追加、変更する方法について説明します。 ここでは、標準のEditTextに必須の入力チェックを追加するビューを生成します。 サンプルのソースコード Text.java ビューを継承したクラスを生成する 処理を拡張する レイアウト(XML)に定義する ビューを継承したクラスを生成する 今回はEditTextを拡張しますので、EditTextを継承したクラスを生成し、初期化処理でAttributeから必須の設定(r
山中俊治の「デザインの骨格」 » tagtypeキーボードが、MoMAの永久所蔵品になりました。
あまり広報していませんが、昨年、両手親指キーボード tagtype Garage Kit が、ニューヨーク近代美術館のパーマネントコレクションに選定されました。 この選定は、私にとっては、特別な意味を持ちます。tagtypeキーボードをデザインする以前の私は、様々なプロダクトをデザインしながら「まだ理想には遠い」と感じていました。製品は、技術開発の根幹から、外観も中身も、ソフトウェア至るまですべて一貫した美意識に貫かなければならない。そう考えていたのですが、そんなことを依頼するクライアントがあるはずもなく、自分でやる技術力もなく…。 その状況が変わったのは、2000年前後。東京大学で私の教え子であった田川欣哉が、私のスタッフとなり、本間淳が外部スタッフとして参加してからでした。 二人は、ともに優秀なメカトロニクス・エンジニアであり、プログラマでした（特に本間は、そのうち奇人・天才シリーズで
何故、エンジニアはUIのセンスがないか。
何故、エンジニアはUIのセンスがないのか、という自分にも当てはまるようなことについて書いてみる。 まずエンジニアがダメなUIを作ってしまう理由について、いくつかの仮説を立ててみる。 1.その画面を作るエンジニアは全てを知りすぎていて、もはやわからない人の気持ちがわからない説 2.エンジニアはITリテラシーは高いけど、自分ができることを人に理解できるように説明するのは下手説 3.技術的に実現する方に興味が偏って、ハナからUIの使い勝手に興味が無い説 4.国語力がない、自分が実現する文脈を表現するのはできるが、ユーザーの文脈に配慮した言葉を想像する力が無い説 5.仕様書を読まない、人の言う事を聞かない説。例えばOSが定めているユーザーインターフェースガイドラインに従わないので、UIパーツが意図した使い方をしておらず統一性に欠ける。 6.わかりやすい色や文字、レイアウトに関する知識が無い。センス
ふつうのformをつかいたい - はまちや２ - ニコニコ超会議2012
こんにちはこんにちは！！ はまちや２ (@Hamachiya2) ブロガー、クラッカー。特技は洗濯、趣味は破壊、苦手なことはプログラミング。 WEB+DB PRESS のお便りコーナー担当。 「はまちちゃん」とかで適当にググってください。 無料で プレミアム機能を 使う方法 見つける時間がありませんでした。 何話そう？ プログラムは苦手だし… セキュリティとか興味ないし… そんなわけで普通のことを話します。 本日のテーマ： 『ふつうのformを使いたい』 <form> 電話番号はハイフン抜きの半角で…（はいはい） フリガナはカナで… (カナで名前を学習してしまうのが嫌だけど…) 郵便番号は前と後ろに分けて… (めんどくさいなぁ…) 住所は全角で… (あーはいはい…) … (できた！) (これで送信、と…) ※エラー：住所を正しく入力してください (え、なんで！？) ※住所は全角で入力してく
throw Life - AndroidのHandlerとは何か？
AndroidでWeb APIを使う場合、マルチスレッドによるユーザビリティ向上を以前のエントリで説明しました。 AndroidアプリのUIはシングル・スレッド モデルです。 単純にマルチスレッドにしてUIの操作をしてしまうと、CalledFromWrongThreadExceptionでアプリがダウンしてしまいます。 これを回避する仕組みがHandlerです。 Handlerの仕組みを簡単に説明しようと思ったのですが、 またもや長くなってしまったので、先にまとめます。 AndroidのUI操作はシングル・スレッド モデル ユーザビリティ向上の為にはマルチスレッドが必要 Handlerで実現 Handlerを使わない場合に起きる例外は実行スレッドのチェックで発生 Handlerを使うと、UI Threadの持つキューにジョブを登録できる キューはUI Threadにより実行される
デブサミ2012 kintoneの表と裏 - 表編
Developers Summit 2012（デブサミ2012）で発表した資料のJavaScript編です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
androidviews.net
Android UIの罠
勘違いだらけのAndroid UIデザイン
