1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 みなさんこんにちは！ スマホ版Ameba担当の川口です。 ちょうど一年前、同じようにJavaScriptを使ったテスト手法について記事を書かせていただいたのですが、今回も懲りずにまた同じようなテーマで再登場いたしました。 JavaScriptのテスト手法 さて、スマホ版Amebaの全面リニューアルから早くも１年経ったのですが、今回はそんなスマホ版Amebaで日々自動テストツールとして活躍してもらっているPhantomJSを紹介させていただきます。 長い記事になるため、今回は前編・後編に分けて以下のような構成でお送りいたします。 ●前編 ・Phanto

【img via tabletop assistant by MattHurst】 優れたユーザーインタフェースとは何か。どのようなデザインを「優れたユーザーインタフェース」と呼ぶのに相応しいのだろうか。 GoodUIというサイトに優れたユーザーインタフェースを実現するために確認しておきたい36項目をイラスト付きで解説していた。とても分かりやすく納得できる内容が多かったので、紹介しておく！ 1.マルチカラムではなく、シングルカラム 複数カラムだとユーザーの目線が左右に逸れてしまう可能性があるため。 2.まずはギフトを渡してみる 最初から買うことを促すよりもまずはこちらから何かを与えることによってユーザーに喜ばれる。 3.似た機能や項目は1つにまとめて表示する 似た機能を分散させる必要はない。 4.ユーザーからの反応を載せる 実際に使っている「ユーザーの声」を参考に買い物をする人は少なくない

photo by Scolirk 地方でもマルチデバイス対応を求められることが多くなってきました。 徐々に対応しているところが増えてきたためだと思います。 私も昨年からレスポンシブWEBデザインについて、 対応する必要がありましたので、調べたものをまとめてみました。 もくじ レスポンシブWebデザインとは？ ギャラリーサイト レスポンシブWebデザインの作り方 画像の切り替え・最適化 レスポンシブ対応のフレームワーク レスポンシブ対応のライブラリ サイトの高速化 レスポンシブWebデザインとは？ 2年程前から流行し始めたレスポンシブWebデザイン。 基本的な考え方、メリット・デメリットを理解しておかないとトラブルの元になります。 レスポンシブWebデザインの基本 レスポンシブWebデザインの基礎 必読！5分でわかる流行のレスポンシブWebデザインまとめ | 株式会社LIG 5分で分かるレス

Build with Gemini, our largest and most capable AI model. Get an API key.

日本経済の屋台骨を支える自動車産業。省燃費性能や居住性と並んで、そのデザインが1台の車に生命を吹き込む。日本のカーデザインは消費者の心にどう響き、そして世界と伍す競争力を持っていけるのか――。日経ビジネス（1月6日号）の特集「THE 100―2014 日本の主役」でカーデザイナー、和田智氏について綴った日産自動車常務執行役員（チーフクリエイティブオフィサー）、中村史郎氏の言葉から読み解く。（以下、文中敬称略） 「和田くんと最初に会ったのは20年ほど前、英ロンドンの王立美術大学だった」。中村は、こう振り返る。和田は1989年から91年ごろにかけて日産自動車から英国に留学し、中村はいすゞ自動車の欧州デザインスタジオで責任者を務めていた。「2人にとって、成熟した文化の欧州で得た経験は大きい」 その後、和田は独AUDIを経て独立。現在は自動車以外に「イッセイミヤケ」ブランドで時計のデザインなども手

独フォルクスワーゲン（VW）の新型「ゴルフ」が「日本カー・オブ・ザ・イヤー」を受賞した。同賞34年の歴史で、日本の自動車メーカーを押しのけて輸入車が受賞するのは初めてだ。受賞効果も手伝い、11月のゴルフの国内販売は2418台と過去最高を記録した。 ゴルフは、1974年の発売以来、世界で累計3000万台以上を販売してきた大衆車。欧州では小型車の品質や性能を評価する上で「ベンチマーク」とされてきたクルマである。日本カー・オブ・ザ・イヤーの受賞理由には、「“MQB”というモジュールによる新たな開発手法を採用」という点が真っ先に挙げられている。 「MQB」とは、クルマの各機能や部位を構成する部品の集まりを「モジュール」と定義し、そのモジュールをブロックのように組み合わせてクルマを作る手法のこと。世界最大の自動車メーカーになることを目指すVWが、目標を達成するための切り札としてグループを挙げて推進し

こんにちは。デザイナーの王です。 Webアプリはデスクトップアプリとは違い、まだまだ発展途上の技術のため、色んな所でまだ未熟な部分があります。デスクトップアプリでは当たり前のことでもWebアプリではできなかったりすることも多いのです。中でも、UIのコンポーネント化問題が以前から指摘されてきました。 通販サイトにある「購入ボタン」を例に説明すると分かりやすいと思います。 この手のボタンを作るには以下の手続きを要すると考えられます。 外観を整える CSS HTMLマークアップ クリックした際の挙動 JavaScript 何が厄介かというと、「再利用」が難しいというところなんですね。 例えば、同サイトの別のページで同じボタンを使いたい場合、js、CSS、HTMLを再度記述しなければなりません。しかも場合によってはHTMLのマークアップが非常に冗長化していることもある。 「購入ボタン」はあくまで一

こんにちは。デザイナーの王です。 Webアプリはデスクトップアプリとは違い、まだまだ発展途上の技術のため、色んな所でまだ未熟な部分があります。デスクトップアプリでは当たり前のことでもWebアプリではできなかったりすることも多いのです。中でも、UIのコンポーネント化問題が以前から指摘されてきました。 通販サイトにある「購入ボタン」を例に説明すると分かりやすいと思います。 この手のボタンを作るには以下の手続きを要すると考えられます。 外観を整える CSS HTMLマークアップ クリックした際の挙動 JavaScript 何が厄介かというと、「再利用」が難しいというところなんですね。 例えば、同サイトの別のページで同じボタンを使いたい場合、js、CSS、HTMLを再度記述しなければなりません。しかも場合によってはHTMLのマークアップが非常に冗長化していることもある。 「購入ボタン」はあくまで一

IT勉強会に突撃レポートし、開始のきっかけや、運営ノウハウなどについてお聞きしていく本連載。第4回目はWebやアプリのデザイナーが「技術にしばられないでデザインを考えていく」というコミュニティ「デザイナーズハック」をご紹介します。2013年9月26日（木）に開催された月例会にお邪魔しながら、代表の秋葉ちひろさんにお話を伺いました。 ボタンであふれかえる温水洗浄便座のリモコンを再創造するには？ 2011年11月に発足した「デザイナーズハック」では、これまでユーザインターフェース（UI）やユーザエクスペリエンス（UX）をテーマに活動を続けてきました。大手企業と共催でコンテストに応募したり、合宿形式でハッカソンを行ったことも。2013年からは月例会として、ペーパープロトタイピングのグループ・ワークショップが開催されています。平日の夜7時からスタートし、2時間程度のワークショップを行って、最後に成

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

Versions² offers the best way to work with Subversion on the Mac. Thanks to its clear-cut approach, you'll hit the ground running.

ソフトバンクモバイルのiPhone発売の発表を受け、ヤフー検索チームの有志がiPhone/iPod touch専用のウェブ検索および画像検索を開発した。 ウェブ検索は、iPhone/iPod touchで「Yahoo!検索」にアクセスして利用する。検索窓にキーワードを入力して、「ウェブ検索」ボタンを押すと検索結果が現れる。 画面下の検索設定にはiPhone/iPod touch専用画面とPC用画面を切り替える機能がある。チェックを外して、「設定を保存」ボタンを押すと、PCと同様の画面で検索結果を見ることができる。 画像検索も同様に、iPhone/iPod touchで「Yahoo!画像検索」にアクセスすれば利用できる。表示されている急上昇検索ワードをクリックするか、または検索窓にキーワードを入力して「検索」ボタンを押すと、画像検索の結果が表示される。 検索結果の画像をクリックすると、画像ス

誰かがきっと作ってくれると思っていた。 prototype.jsのようなライブラリを利用するのは、便利な機能が多いという事もあるが、各ブラウザ間での相違を吸収してくれるという点も大きい。 その点において、CSSもまた各ブラウザ間での表示の差異が大きい。そこで試してみたいのがこれだ。 今回紹介するオープンソース・ソフトウェアはBlueprint、ブラウザ間の描画差異を吸収して簡単にマルチカラムを実現してくれるCSSライブラリだ。 Blueprintはヘッダ、コンテンツ、サイドバー、フッターのようなテンプレートをクラス指定するだけで簡単に作成できる。デフォルトのフォーマットはリセットされているので、ブラウザ間の違いが出るマージンやパディングの差異も吸収してくれている。 また、印刷時のCSSも用意されている。これを使えば印刷時やプリンタ経由でのPDF作成時に綺麗なものが仕上がるようになる。今後の