クラスの命名のアンチパターン - Qiita
昔から「名は体を表す」と言ひます。クラスの名前がクラスの果たす役割と一致してゐるかどうか常に考へ続けませう。 ImageInfo, AccountData, etc. Info って何やねん? Data って何やねん? ImageInfo って Image とはどう違ふねん?? FooInfo や FooData よりも好ましいかもしれない名前の例: FooAttribute, FooProperty, FooMetadata, FooDescription FooConfiguration, FooSetting, FooParameter FooResult, FooStatistics, FooSummary FooBuffer, FooList, FooCollection, ... ProductListItem, TranslationTableEntry, etc. Prod
入力フォームのプレースホルダーを使ってはいけない
入力フォームのプレースホルダーテキストは、入力欄にどんな情報を入れたのかをユーザーが思い出すことや、エラーのチェック・修正を難しくしてしまう。また、視覚や認知機能に障害のあるユーザーにはさらなる負担となる。 Placeholders in Form Fields Are Harmful by Katie Sherwin on May 11, 2014 日本語版2014年6月17日公開 コンテクストに沿った説明やヒントは、入力フォームのそれぞれに何が入るかを明確にするのに役立つ。その結果、入力が促進され、コンバージョンレートは向上する。ヒントの提供方法はいろいろとある。実装として一般的なのは、入力フォーム内に説明を入れるやり方だ。しかし、残念ながら、入力フォーム内のプレースホルダーはユーザビリティに役立つよりも損なうことのほうが多いことがユーザビリティテストでは繰り返し示されている。 ラベル
Word内に挿入した元の画像を取り出す方法: 元祖蛸巻日誌
※ 画像が「描画キャンバス内」に配置されている場合、全ての形式で縮小JPEGは作成されない ※１ JPEGは挿入した物と同じ「元画像」が書き出されます。 ※２ 原寸でWordに貼られていた場合、縮小JPEGは作成されない。 ※３ 原寸でWordに貼られていた場合、GIFに変換され縮小JPEGは作成さない。原寸以外、または原寸でも画像に256色以上の色が使われていると「PNG＋縮小JPEG」になる。 上の表では個別に縮小JPEGが作られるか作られないかを記してありますが、オブジェクトの使用などレイアウトによっては縮小JPEGが書き出されることもありますので、あまりあてにはならないでしょう。 基本的には【挿入】→【図】→【ファイルから】で挿入した画像であればデータに手を加えることなく抽出できます。 書き出したものが明らかに劣化している場合は、一見画像でも正体は「図（メタファイル）」や「外部オブ
Awwwards - Website Awards - Best Web Design Trends
ESE Agency — Site of the Day - 7.32 — May 10, 2024 —
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
Android UI Design Tips
■ UIを意識すべきなのはどうして？ 良いUI → ユーザーが洗練された質に気が付く → 評価が良くなる → アプリのランキングが良くなる → さらにたくさんのインストール＆購入につながる ■ Agenda 1. やるべきことと、やっちゃいけないこと 2. デザイン哲学と考慮すること 3. 絶対に使うべき UI framework の機能・特徴 4. 新しい UI デザインパターン 5. アイコンとガイドライン ■ やるべきことと、やっちゃいけないこと ＊ やっちゃいけないこと ・単に他のプラットフォームのUIを移植しない！ ・ユーザーがプラットフォームとアプリが合っていると感じるべき ・アプリのブランドとプラットフォームとのバランス ・modal progress と確認用ダイアログを使い過ぎない！ ・柔軟性を持つ！（absolute-positioned layout はダメ） ・px
クラスがメソッドの実行に必要なインスタンスを手に入れる方法色々 - 都元ダイスケ IT-PRESS
あるクラスが、メソッドによってある役割を果たすためには、別のインスタンスが必要なことが多い。ここでは、具体的にそのクラスを考え、そのインスタンスのを手に入れる方法を比較していこう。 ここでは、あるクラスをSqlExecutorとしよう。SQL文を受け取って、データベースのConnectionを使って実行するクラスだ。そして、SQL実行結果(ResultSet)をResultHandlerに渡して処理をする。さて、このクラスが責務を果たすためには「SQL文」「データベースConnection」「ハンドラ」の3つのインスタンスが必要だ。このクラスをいくつか書いて、比較してみよう。 どのインスタンスを、どのように受け取るかの違いだ。各インスタンスに対して、「setterで受け取る方法」「コンストラクタで受け取る方法」「メソッド引数で受け取る方法」がある。 A.全てsetterで受け取る方法 im
色の組み合わせチェック - 読みやすい前景色と背景色
誰にも読みやすいコンテンツとするためには、文字色と背景色のコントラストをしっかり確保しなければなりません。これを客観的にチェックするため、色の明るさの差などを計算する仕組みを用意してみました。 色の組み合わせ検証 テストの手法 コントラストの計算 色覚偏位のシミュレーション 当サイトが独自に加えたコントラストの段階評価 コントラストと読みやすさの相関関係 色の組み合わせ検証 検証してみたい文字色と背景色の組み合わせを入力してみてください。色の指定には3桁もしくは6桁の16進数カラーコード、あるいは色名（CSS2の色名＋SVGの色名、計147色）およびrgb()の表現が使えます（初期値は、読みにくい例が入っています）。また、入力欄左ボックスから216色のパレットを呼び出して入力することもできます。文字色2、3は、複数の文字色の組み合わせを表示するためのオプションで、コントラストなどの計算は行
いまどきのAndroid UIは、こうでないと？（動画）
つい見せびらかしたくなるようなのが、来ました。 Android携帯｢G1｣などのUIを請け負うデザイン会社The Astonishing Tribeが、Android用の新しい3Dのホームスクリーン、TAT Homeをデザインしました。ジェスチャーで操作でき、美しく、見たことのないようなものになっています。 上の動画は、生のデモを録画したものです。TAT Homeは実際できているソフトウェアで、コンセプトの公開前に米Gizmodoの記者には携帯電話上で動いているところを見せてくれました。 印象としては、若干やりすぎ感はあるものの、非常にキャッチーで、受けのよさそうな要素がたくさん---たとえばホームスクリーン・スイッチャーとか---あります。またポイントはやっぱり、｢携帯で3Dってこんなに行けるんだ！｣って実感できるのと、いまどきのハードウェアはそれくらい優秀なのがわかることでしょうね。
【連載】セカイ系ウェブツール考 (76) iPhone/ Android向けアプリのデザインに役立つもの | ネット | マイコミジャーナル
今回のテーマは「モバイルデザイン」 Googleは開発者向けイベント「Google I/O」や「Google Developer Day」で無料でAndroid端末を配布した。iPhoneは先日、iPhone 3G Sを発表しており間もなく発売が開始される。どちらもモバイルの業界地図を変えかねないほど熱狂的に取り上げられている。 従来の携帯電話と大きく異なるのは、アプリケーションのマーケットプレイスの存在だろう。これにより開発者が自作したアプリケーションを有料で世界中に販売できるようになる。企業ではマネタイズが難しいかもしれないが、個人の開発者がアイディアひとつで勝負するには非常に面白い環境だ。 アプリケーションや最適化されたWebサイトを構築する際には、その端末に合わせた制約がいくつか存在する。そのため、ただやみくもに作るのではなく、まずはモックアップやワイヤーフレームを使って試してみる
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
和文フリーフォントの最上位でしょ！グーグルとAdobeが作った「源の角ゴシック」をゲットすべし * prasm（プラズム）
Design Stencils - Design Pattern Library - YDN
色彩センスのいらない配色講座
株式会社ブランディングワークス｜Web・SEO・ブランディングを総合支援
Applying Styles and Themes | Android Developers
Google Code Archive - Long-term storage for Google Code Project Hosting.