並び順

ブックマーク数

期間指定

  • から
  • まで

601 - 640 件 / 759件

新着順 人気順

interfaceの検索結果601 - 640 件 / 759件

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

      IDEA * IDEA
    • Lightbox.js のような写真のスライドショーするライブラリ沢山:Goodpic

      This shop will be powered by Are you the store owner? Log in here

      • スマートフォンサイトで好まれるユーザーインターフェイス【リサーチ】

        『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

          スマートフォンサイトで好まれるユーザーインターフェイス【リサーチ】
        • 肥大化したActiveRecordモデルをリファクタリングする7つの方法(翻訳)

          更新情報: 2013/11/19: 初版公開 2021/01/08: 訳文見直し、追記 こんにちは、hachi8833です。今回は、自分が知りたかった、Active Recordモデルのリファクタリングに関する記事を翻訳いたしました。1年前の記事なのでRails 3が前提ですが、Rails 4以降でも基本的には変わらないと思います。リンクは可能なものについては日本語のものに置き換えています。 なお、ここでご紹介したオブジェクトは、app以下にそれぞれ以下のようにフォルダを追加してそこに配置します。 注記: 以下は使われそうなフォルダを列挙しただけであり、実際にはこの一部しか使いません。 Value Object Service Object Form Object Query Object View Object Policy Object Decorator ⚓ 肥大化したActive

            肥大化したActiveRecordモデルをリファクタリングする7つの方法(翻訳)
          • ケータイ文化圏とネット文化圏の深い溝 [絵文録ことのは]2006/10/25

            主にPCを使ってウェブサイトを閲覧している人と、主にケータイを使っていてPCは全く(またはほとんど)使わない人では、たとえ同じページを見ていても、まったく行動や思考形態が違う。「ケータイ族」という言葉もあるが、ネットでの常識はケータイの人たちに通じず、ケータイの常識をネットばかりの人は理解していない。 入院中、ケータイしか使えない状況で4か月を過ごし、強制的に「ケータイ族」にならざるを得なかったのだが、そこで「ケータイ文化圏」と「ネット文化圏」の違いがわかってきたように思う。 ■ネットユーザーは実は特殊な人種 このブログを見ているような人は、おそらく、PCからアクセスして、ブラウザでウェブサイトを閲覧し、Yahoo!やGoogleを使って検索して自分で調べ物をできる人たちだろうと思う。そして、それくらいのことは当たり前にできることだと思っているかもしれない。 しかし、そういった人たちは、実

            • Life is beautiful: 日本語とオブジェクト指向

              先日、日経BPの出版局の方と話をする機会があったのだが、私がマイクロソフトでウィンドウズ95の開発に関わったことに触れた際、「ユーザーインターフェイスの設計において、日本人であることで何か役に立ったことはありますか?」と聞かれた。日本人であることがプラスになったとは思わないが、ふと思い出したことがある。当時、「日本語はオブジェクト指向な言語だな」と思ったことである。 その当時(90年代初頭)、アップルの方が使い勝手に関しては一歩も二歩もマイクロソフトより進んでおり、そのためには、もともとゼロックスが提案しアップルが商品化した、「オブジェクト指向ユーザーインターフェイス」の考え方を、より推し進めるしかないという戦略で、ウィンドウズ95のユーザーインターフェイス(当時は Object-Oriented Shell と呼ばれていた)の開発をしていた。 「オブジェクト指向ユーザーインターフェイス」

                Life is beautiful: 日本語とオブジェクト指向
              • 弊社における不適切な通知に関する御詫び — mikan

                各位 平素は弊社アプリ「英単語アプリ mikan」をご愛用賜り、誠にありがとうございます。 11月27日に弊社アプリ「英単語アプリ mikan」に通知されました内容につきまして、 多くの皆さまにご不快な思いとご迷惑をおかけしましたことを御詫び申し上げます。 通知開封率をあげようとするあまり、不適切な内容の通知を配信してしまいました。 配信直後にユーザーの皆様からご指摘を受け、事態を重く受け止めて配信体制を見直し、 新たに通知の配信ポリシーを策定いたしました。 ・ユーザーを大切にしよう。 ・誰かが不快な思いをしてしまう内容はやめよう。 ・プッシュ通知を受けてよかったと思える通知を送ろう。 今後は上記ポリシーに沿い、よリユーザーの方々に満足いただける通知を配信いたします。 改めまして、今回の件につきまして皆さまをお騒がせしておりますこと、心より御詫び申し上げます。 2017 年 11 月 28

                  弊社における不適切な通知に関する御詫び — mikan
                • 非デザイナーも知っておきたいデザインにある葛藤とホンネ

                  去年から恒例イベントになっているWebSig 1日学校。古い学校の校舎を使って正に学校で学んでいるような気分で参加できるこのイベント。今年は「デザイン視点のコミュニケーション術」というタイトルで講師をさせていただきました。主催者からの依頼が非常に難易度が高く、扱うトピックからスライドの完成まで悩みながら作りましたが、そのプロセスで見えたところもたくさんあり、イベントも含めて学びと出会いがたくさんありました。 なぜ『作る』以外について語ったのか デザイナーの仕事はレイアウト、UI、ルック&フィールなどを作る人。コンセプトや潜在的にあるものを視覚化出来る人と捉える方が多いと思います。作り出すことがデザイナーの能力ではありますが、語られる部分が「作る」という部分に集約してしまいがちです。しかし、実際のところ「作る」部分というのはデザイナーの能力のほんの一部でしかなく、それ以外が重要だったりします

                    非デザイナーも知っておきたいデザインにある葛藤とホンネ
                  • iPhoneアプリのようなリッチなUIをブラウザで実現!Web 2.0 Touchが凄すぎる! » SHINGOLOG

                    iPhoneアプリのようなリッチなUIをブラウザで実現!Web 2.0 Touchが凄すぎる! 2011年8月25日 in iPhone, Web Web 2.0 Touchは、WebKitエンジン上で動作するJavaScriptライブラリです。 2011/8/22に公開されたばかりの模様。 iPhoneアプリのようなリッチなUIをブラウザでも簡単に作ることができます。 iPhone・iPad・Androidに対応しています。 どんな動きが出来るのか、これを見ると一目瞭然です。 アニメーション 上下左右のフリップ(画面が反転する動き)、ポップイン、ポップアウト、上下左右のスライドが出来ます。 テーブル表示 お馴染みのテーブル表示もこの通り。角丸タイプのテーブルも作れるようです。 ボタンやタブ表示、吹き出し タブ表示は便利な機能ですが、自分ではとても作れないところなので、需要ありそう

                    • 新宿到着。トイレどこか分からんわ! これ作ったやつマジくたばれ。... on Twitpic

                      新宿到着。トイレどこか分からんわ! これ作ったやつマジくたばれ。

                      • 34歳の私が中高生向けのWebサービスに携わって感じたこと。 « モノづくりブログ 株式会社8bitのスタッフブログです

                        イチゴミルク飴つきのチラシを配るのでぜひよかったら こんにちは、株式会社8bitの高本です。 先週のブログでも書いていましたが、当社のプリクラを使った中高生向けWebサービスがやっとリリースされました。 http://prilabo.net/ ガラケーのみ対応。 そもそもこのWebサービスは、アルバイトで来てくれている現役女子大生のアイデアから始まり、ほぼ20代前半のスタッフで企画・開発しました。 その中で私はというと、ちょっとした進行管理と技術的な部分でのサンプルコードの提供だけ携わった程度です。 一緒にミーティングに参加して、中高生など若年層に向けたWebサービスのユーザビリティーだとか感じ方に愕然とするものがあり、今回はそのことについて書きたいと思います。 はっきり言って、参考書でみるようなユーザービリティーやアクセシビリティーとか、企業に対してプレゼンするときのような提案や企画は

                        • AKIBA PC Hotline! Junk Blog.: セカイカメラが公開されて秋葉原で歴史的事件発生?

                          iPhone用にセカイカメラという注目度の高いアプリが公開されたのをきっかけに、秋葉原でちょっとしたリアルとバーチャル混濁の特異な現象が起きつつある。 セカイカメラはAR=拡張現実という新しいジャンルのテクノロジーを利用したアプリで、iPhoneのカメラでその場所をかざすと、GPSやコンパス情報などを利用してリアルタイムに現実の映像へランドマーク情報やユーザーが書き込んだテキスト、写真などを合成表示してくれるもの。つまりリアル(現実)の情報とネット上のバーチャルな情報を映像で合成表示してくれるもので、たとえばお店の位置やその場所のおすすめの食べ物や待ち合わせ情報などが表示できる。 iPhoneのカメラで現実世界をのぞくと、別のデータレイヤーと合成された新しい別の世界が見える。最近のアニメで言えば、電脳コイル、東のエデンなどの世界がそのままやってきたような感じだ。 初の本格的なARアプリと言

                          • WordPressを利用している良デザインな日本のサイトいろいろ

                            日本語で運営されているサイトで WordPressを使った良デザインの サイトをご紹介します。僕が知っている 範囲ですので「こんなサイトもあるよ!」 と言ったお勧めサイトがありましたら 教えて頂けると嬉しいです。 一応テンプレ等を使用していないと思われるサイトに絞っていますが「テンプレだよ」というサイトがあったらごめんなさい。配布テーマでもしっかりカスタマイズしたものは有りの方向です。以前書いた記事の第2弾的なエントリーです。以前も記事内にもWPを使ったサイト多目でした。以前の記事で紹介したサイトは割愛しています。 UMLAND レッドカラーが凄いインパクトです。所々にもjsを使った表現をされています。 UMLAND mono-lab シンプルでかなり見やすいです。フッターも素敵ですよ。テーマも配布してくれています。 mono-lab Brooklyn Parlor かなりハイクオリティで

                              WordPressを利用している良デザインな日本のサイトいろいろ
                            • Ruby 2.0.0で学ぶ、14個のデザインパターンを作りました[GoF][Design Pattern] - 酒と泪とRubyとRailsと

                              GoFのデザインパターンとは、「プログラミングのベストプラクティスを体系化したもの」です。このベスト・プラクティスをしっかりと理解して設計すれば、ソフトウェア設計の効率を高めることができます。またデザインパターンが「プログラミングの思想」の共有をよりスムーズにしてくれます。先人たちの試行錯誤の結果を効果的に利用して、プログラミングをもっと楽しんでしまいましょう! 🗻 デザインパターンのポイントGoFのデザインパターンには下のプリンシパルがあります。 変わるものを変わらないものから分離する インタフェースに対してプログラミングし、実装に対して行わない 継承より集約 委譲、委譲、委譲 必要になるまで作るな(You Ain’t Gonna Need It./YAGNI) 🤔 デザインパターン一覧 アブストラクトファクトリ ビルダ ファクトリメソッド シングルトンパターン アダプタ コンポジッ

                                Ruby 2.0.0で学ぶ、14個のデザインパターンを作りました[GoF][Design Pattern] - 酒と泪とRubyとRailsと
                              • スマートフォンサイト作成の参考になるギャラリーサイトのまとめ

                                このブログではないですが、Google Analyticsを見るとスマートフォンからのアクセスが結構あったので、スマートフォン向けのサイトを作ってみようと思いました。 ただ、スマホ向けのサイトは作ったことがないので、まず実際に色んなサイトを見て参考にしようと思い、ギャラリーサイトを調べてみました。 国内ギャラリー まずは国内サイトです。iPhoneが中心になっています。この3つのほかにも色々ありましたが、内容的には似ているので、更新頻度や使いやすさなどを基準に選びました。 iPhoneデザインボックス 画像が大きく見やすいです。個別ページでは画像も多くPCサイトとの比較もあってとても使いやすいです。カテゴリもしっかりしています。 iPhoneデザインアーカイブ 掲載サイト数が多く、更新頻度もかなり高いです。 スマートフォンサイト集めました。 すっきりしたデザインで見やすいです。カテゴリも業

                                  スマートフォンサイト作成の参考になるギャラリーサイトのまとめ
                                • 俺の最強ブログ システムが火を噴くぜ

                                  ブログを「はてなダイアリー」から、自分のサーバーに移転しました。 せっかく移転するなら、2012 年の流行を取り入れた挑戦的なブログにしてみたい!と思い、構想から半年、ついにこの日を迎えることができました。 せっかくなので、凝ったところを自慢させてください。 これが俺史上最強のブログ システムだ ブログ システムとして Jekyll を採用 Jekyll のプラグインを自作 (はてな記法対応、英語ブログとの統合) 履歴管理は GitHub を利用、git push で自動でデプロイ コメント欄には DISQUS を採用、旧ブログへのコメントはインポート済み HTML5 マークアップ、CSS3、レスポンシブ Web デザインでのモバイル対応 盛りだくさんですね。 詳しく説明していきます。 ブログ システムとして Jekyll を採用 最近では WordPress を選ぶのが普通でしょう。Wo

                                    俺の最強ブログ システムが火を噴くぜ
                                  • ECサイトの色やデザインと購買意欲の関係 | Webクリエイターボックス

                                    色と消費者 色はデザインの重要な要素のひとつです。しかし、全世界において共通しているとは言えません。北アメリカで注目されやすい色がインドでも同じとは限りませんよね。下記は北アメリカのオンライン消費者への色の働きです。 黄色 楽観的・若々しさ。ウィンドウショッピングをしている人の注意を集めるために使われます。 赤 エネルギッシュ。心拍数を高める色。緊急性があり、セール中の商品に使われます。 青 信頼と安全の色。銀行や企業のメインカラーとして使われます。 緑 裕福・リラックスを連想させる色。目に優しく、一連のプロセスを容易に見せます。 オレンジ 活発・活動的な色。「購入する」「購読する」などのCTAボタンに使われる事が多いです。 ピンク ロマンチック・女性的な色。若い女の子や女性に向けたECサイトで使われます。 黒 パワフル・滑らか・光沢など。高級な商品を扱うサイトで使われます。 紫 落ち着き

                                      ECサイトの色やデザインと購買意欲の関係 | Webクリエイターボックス
                                    • iPhone 7のシャッター音/スクショ音を消せるiOS 10の裏技

                                      iOS 10のシャッター音・スクリーンショット撮影音を無音化できる方法を紹介します。 先日のiPhone 7 Plusのファーストインプレッションで書いたとおり、iPhone 7とiPhone 7 Plusは従来と比べてスピーカーの音量が2倍まで出るようになっているものの、日本国内向けモデル特有のカメラのシャッター音・スクリーンショット撮影音が強制的に鳴ってしまう仕様はそのまま音量が2倍になっているため、公共の場で使うには少し困る仕様となっています。 今回紹介する裏技はiPhone 7・iPhone 7 Plusを含むiOS 10搭載端末でカメラのシャッター音及びスクリーンショット撮影音を無音化できるというもの。公共の場で使うには不便なレベルに大音量化してしまったiPhone 7・iPhone 7 Plusでは非常に重宝するので紹介していきます。 手順 今回の裏技には画面上に操作ボタンを出

                                        iPhone 7のシャッター音/スクショ音を消せるiOS 10の裏技
                                      • ThickBox 3.1

                                        ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal. Features: ThickBox was built using the super lightweight jQuery library. Compressed, the jQuery library is 20k, uncompressed it's 58k. The ThickBox JavaScript code and C

                                        • SLOBSERVER - L'actualité de Second Life

                                          App development is certainly an exciting but challenging process. Several factors are involved in developing an app, due to which the final cost to develop an app greatly varies from project to project. It is important to be familiar with the entire process of creating a comprehensive app development budget because it is common for developers, especially new programmers, to exceed the budget while

                                            SLOBSERVER - L'actualité de Second Life
                                          • [CSS]高さの異なるカラムを揃えるスタイルシート | コリス

                                            Columnas 100% altas Columnas 100% altasのエントリーでは、下記のデモのように高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介しています。 sample:高さがばらばらのdiv sample:高さが揃ったdiv スタイルシートは、各divに対して「padding-bottom」と「margin-bottom」に同じ数値をプラス値とマイナス値で指定を行い高さを揃え、それらのdiv要素を包んだdivで「overflow:hidden;」を指定します。 詳しくは、最小限にしたサンプルを作成したので参照ください。 高さの異なるカラムを揃えるスタイルシートのサンプル 下記の「32768px」って、何か特別な意味があるのでしょうか。

                                            • GrapeCity

                                              帳票・レポート 日本仕様の帳票開発に必要な機能を搭載したコンポーネント ActiveReports for .NET ActiveReportsJS 表計算・グリッド Excel風のビューと表計算機能を実現するUIコンポーネント SPREAD for Windows Forms SPREAD for ASP.NET SPREAD for WPF SpreadJS 入力支援 快適な入力を実現する日本仕様入力コンポーネントセット InputManPlus for Windows Forms InputManPlus for ASP.NET InputManPlus for WPF InputManJS 多段明細 1レコード複数行&日付表示に 最適なグリッドコンポーネント MultiRowPlus for Windows Forms 戻る コンポーネントセット Visual Studioで利用す

                                                GrapeCity
                                              • サービス終了のお知らせ - NAVER まとめ

                                                サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

                                                  サービス終了のお知らせ - NAVER まとめ
                                                • それでも独自のCSVを書くつもりですか? | POSTD

                                                  一部誤訳の指摘があったため、修正しました!ご迷惑おかけして申し訳ございません! あなたは自分でCSVを書いてみたいですか? フィールドはコンマで区切り、行は改行で分けます。簡単ですよね。数行書けば勝手が分かるというものです。 でも、ちょっと待ってください。 フィールド内にコンマがある場合は? ダブルクォート(”)で、該当のフィールドを囲みましょう。簡単ですね。 では、ダブルクォートで囲めるフィールドに例外はあるのでしょうか? フィールド内にダブルクォートがある場合は? フィールド内の各ダブルクォートに対して、ダブルクォートを二重化して適用しましょう。そうすれば元のダブルクォートをエスケープすることができます。 なお、二重化したダブルクォートと空フィールドを囲んでいるダブルクォート( ...,"",... )を勘違いしないように気を付けてください。 フィールド内に改行がある場合は? その場合

                                                    それでも独自のCSVを書くつもりですか? | POSTD
                                                  • Web Design Tools

                                                    • ナビゲーション/メニューのiPhoneアプリデザイン集22選

                                                      FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

                                                        ナビゲーション/メニューのiPhoneアプリデザイン集22選
                                                      • 「Windows PCに勝手に『LINE』アプリがインストールされた」の声が増加中(2018年11月11日) | LINEの仕組み

                                                        昨日2018年11月10日頃より、Windows 10のPCを利用しているユーザーの間で「LINEが勝手にインストールされていた」との声が急増しています。 LINEを全く使っていないユーザーのパソコンに突然LINEアプリがインストールされていて、急にLINEの「ログイン画面」や「自動ログインがオンになっています」ポップアップが表示される等の現象が発生している模様です。 まだあまり話題になっておらず、詳細も分かっていない状況ですが、今回はこの「LINEアプリが勝手にインストールされていた」現象が発生したユーザーの声や、その原因となっている可能性があるWindows 10の機能について調べた内容を紹介します。 今のところ詳細は分かっていませんが、以前から発生している「Candy Crush Soda Sagaが勝手にインストールされた」「Facebookアプリが勝手にインストールされた」「Tw

                                                          「Windows PCに勝手に『LINE』アプリがインストールされた」の声が増加中(2018年11月11日) | LINEの仕組み
                                                        • アドビ、「Photoshop」をウェブアプリ化へ--無償版として提供予定

                                                          Adobe Systemsが、Googleなどの競合各社を追従すべく、人気の高い画像編集アプリケーション「Photoshop」のウェブアプリ版を6カ月以内にリリースする計画を進めている。同社最高経営責任者(CEO)Bruce Chizen氏が米国時間2月27日に明らかにした。 これは、広告入りのオンラインサービスを投入して既存製品を補完し、コンシューマー市場におけるシェア拡大を目指す大規模な措置の一環だと、Chizen氏はCNET News.comに語っている。 Chizen氏によると、メディア共有サイト「PhotoBucket」で提供されるウェブベースのビデオ編集ツール「Adobe Remix」とともにウェブアプリ版Photoshopの土台をAdobeでは築いていたという。 Adobe Remix同様、ウェブアプリ版のPhotoshopは、通常のPhotoshopや「Photoshop

                                                            アドビ、「Photoshop」をウェブアプリ化へ--無償版として提供予定
                                                          • 人間らしいGitのエイリアス | POSTD

                                                            断固としてコンピュータ言語を拒絶する 私の知っている最も一般的な .gitconfig は、ユーザ名の設定だけが記されたものです。そして、その次に一般的なものはこれです。 [alias] ci = commit cia = commit -a cam = commit --amend cama = commit --amend -a cl = clean cldf = clean -df res = reset resa = reset HEAD ... # 82 more 4-character aliases このコンフィグは、要するにあなたの頭の中のスペースをキーストロークに置き換えます。短縮コマンドのエイリアスを覚えれば、タイピング数の節約が可能です。しかし私はこれが好きではありません。私はタイプミスをしますし、睡眠不足なこともたまにあるので、このエイリアスではやりづらくなってしま

                                                              人間らしいGitのエイリアス | POSTD
                                                            • IDEA * IDEA

                                                              ドットインストール代表のライフハックブログ

                                                                IDEA * IDEA
                                                              • suggest.js - 入力補完ライブラリ

                                                                Japanese / English JavaScriptで入力補完を手軽に行うためのライブラリです。 (【お知らせ】ver2.0からprototype.jsを必要としなくなりました) 下記のような機能を持っています。 入力内容をもとに検索を行い、補完候補を表示します。(Google Suggestぽく) Ajaxでは無く、初回画面表示時のみデータの読み込みを行い、それ以降は、クライアント側で対象データから検索します。したがって、入力内容に変化があってもサーバ側にアクセスすることはありません。 検索は、前方一致/部分一致、大文字と小文字の区別あり/なしといったように、オプションで簡単に指定できます。また、その他にも様々なオプションが指定可能です。 検索結果の表示上限を指定できます。(デフォルト上限20件) 補完候補はキーボードの上下と、マウスにて選択できます。また、キーボードで選択中にES

                                                                • ソシオメディア | フラットデザインはUIを進化させるか

                                                                  ウェブやアプリのデザイナーであれば、ここ1〜2年のUIトレンドであるフラットデザインについてご存じだと思います。すでにこのトレンドを意識して実践しているかもしれません。今回はフラットデザインの特徴とそのポテンシャルについて考えてみます。 フラットデザインとは、画面に表示するボタンやメニューなどのUI要素を非常に平坦な見た目にするという表現手法です。ウェブでもアプリでも今やこのフラットデザインを取り入れているものが沢山ありますが、中でも代表的なのは、Windows 8 の Modern UI と Google の一連のサービスでしょう。 フラットデザインと言っても、もちろん明確な定義があるわけではなく、フラット度合いは様々に試されていますが、一般的な特徴をあげてみます。 UI要素の「塗り」に、グラデーションやテクスチャを使わず、単色にする ドロップシャドウやベベルといった立体感を出す表現を用

                                                                    ソシオメディア | フラットデザインはUIを進化させるか
                                                                  • 和風デザインでカッコいいサイトのまとめ:その2 at 和の暮らしを楽しむブログ -瑠璃色Tradition-

                                                                    • 雑貨ショップ FRAGILE

                                                                      日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。

                                                                      • 文章レイアウトだけで読む速度が2倍に? 「読書アシスト」の読みやすさの理由

                                                                          文章レイアウトだけで読む速度が2倍に? 「読書アシスト」の読みやすさの理由
                                                                        • UI/UX設計の教科書、About Face 3輪講の資料を公開します - ninjinkun's diary

                                                                          一昨年に社内で行ったAbout Face 3輪講の資料を公開します。実は今までずっと公開されていたのですが、存在を知られていなかったので、改めて周知します。 About Face 3はUI/UX設計の教科書で、ユーザーストーリーやペルソナなど、基本的な内容が押さえられています。ディレクター、デザイナー、エンジニア、サポート等、プロダクト制作に関わる全員の共通知識として使える内容だと思います。 About Face 3輪講概要 1. ゴールダイレクテッドデザイン 2. 実装モデルと脳内モデル 3. 初心者、上級者、中級者 5. ユーザーのモデリング : ペルソナとゴール 6. デザインの基礎 : シナリオと要求 8. 優れたデザインの総合 : 原則とパターン 10. オーケストレーションとフロー 11. 間接的な操作を取り除く 12. 良き振る舞いのデザイン 13. メタファ、イディオム、ア

                                                                            UI/UX設計の教科書、About Face 3輪講の資料を公開します - ninjinkun's diary
                                                                          • マックの新サイトも導入した「LPO」対策とは?

                                                                            Webサイトのページビューがなかなか伸びない。アクセス解析をすると、せっかくサイトに来てくれた訪問客の多くが、ページを開いてはすぐに帰ってしまっているようだ――。 「直帰率」や「離脱率」の問題を解決し、サイト内の滞在時間を伸ばしたり、最終的なコンバージョンを高める方法として注目されているのが「LPO(Landing Page Optimization)」だ。LPOとは、検索エンジンなどの外部サイトから訪れる人が最初に開く“着地ページ”を最適化すること。もう少し具体的にいえば、検索キーワードによってページの内容を一部を書き換えたり、関連性の高いページへ誘導する方法だ。 このLPOの仕組みを新たに取り入れたのが、9月25日にリニューアルされた日本マクドナルドのWebサイト(http://www.mcdonalds.co.jp/)だ。以前の白を基調としたポップなイメージから、ブラウンをベースにし

                                                                              マックの新サイトも導入した「LPO」対策とは?
                                                                            • CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE

                                                                              CSSを使って吹き出しを作成することができるCSSファイルとJSファイル、それから画像ファイルをひとまとめにしたセットです。XHTML1.0準拠で、Internet Explorer 6 と 7、Firefox 2.0、Safari 2.0、Opera 9.0で動作確認ができています。 ダウンロードは以下から。 willmayo.com >> CSS Speech Bubbles 実際のサンプルは以下にあります。 CSS Speech Bubbles 角をまるくしているのは、「curvyCorners」を使用しているとのこと。 ほかにもこの吹き出し方のものは以下に多くあります。 入力欄(フォーム)部分をマウスでクリックすると吹き出しが出てくるタイプ Tooltip for forms リンクの上にマウスを乗せると吹き出しが表示されるタイプ Ajax tooltip リンクの上にマウスを乗せ

                                                                                CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE
                                                                              • Wonderwall

                                                                                Official website of WonderWall/Masamichi Katayama

                                                                                  Wonderwall
                                                                                • 『ゼルダの伝説 BotW』自然と寄り道してしまうレベルデザインのカギは、“引力”と“地形”! 魅力的なハイラルができるまでを解説【CEDEC 2017】 - ファミ通.com

                                                                                  ディレクター藤林氏とアーティスト米津氏が語る、フィールド作りのための取り組み 2017年8月30日~9月1日の期間、パシフィコ横浜で開催されている、日本最大級のコンピュータエンターテインメント開発者向けカンファレンス“CEDEC 2017”。会期2日目、メインホールにて行われたセッション“『ゼルダの伝説 ブレス オブ ザ ワイルド』におけるフィールドレベルデザイン ~ハイラルの大地ができるまで~”の模様をお届けしよう。 本講演で登壇したのは、任天堂 企画制作本部 ディレクターの藤林秀麿氏と、任天堂 企画制作本部 シニアリードアーティストの米津真氏。藤林氏は『ブレス オブ ザ ワイルド』ではディレクターを、米津氏は地形リードアーティストを務めた。 さて、『ブレス オブ ザ ワイルド』と言えば、プレイヤーがいつ、どこで何をしてもいいという、自由度の高いゲームデザインが特徴だ。どこに行っても、気

                                                                                    『ゼルダの伝説 BotW』自然と寄り道してしまうレベルデザインのカギは、“引力”と“地形”! 魅力的なハイラルができるまでを解説【CEDEC 2017】 - ファミ通.com