iPhoneサイトを構築しよう--iPhoneからみるモバイルサイトデザインのヒント - builder by ZDNet Japan
前回、前々回では、iPhone/ iPod touch向けのサイトを構築するにあたり、気をつけなくてはならないこと、そして実装するときに知っておきたいテクニックといった技術的な側面から解説してきた。幾つか制約はあるものの、PCと同等レベルともいえる高性能のブラウザが実装されているが、PCと同じような感覚でサイトデザインをしても良いというわけではない。モバイルデバイス特有のユーザーインタラクションを理解して、そこから導き出される最適なものは何かを模索していく必要がある。そして、そのヒントはiPhone/ iPod touch製品そのものに隠されている。 体験が機能を超えるとき インタフェース研究やユーザーエクスペリエンスの第一人者であるドナルド・A. ノーマン博士の著書「パソコンを隠せ、アナログ発想でいこう!(*1)」で、同氏はテクノロジーのライフサイクルについて説明している。 (*1) 本
600以上のログインフォームをチェック - everything might happen tomorrow - yhassy - builder by ZDNet Japan
55 Spectacular Login Form Designs すぐれたログインスクリーンを 55 つも集めたリンク集。特に目立つのがページの中央に大きくログインフォームを表示させているのが多数を占めています。まるで、OS やデスクトップアプリケーションのようなログインスクリーンのようですね。今後、独自 ID だけではなく、OpenID を導入した際に見やすいフォームを実現させるかが課題です。Digg が良い感じですが、他の見せ方も模索されていくでしょう。 100 Outstanding Login Forms こちらは倍の 100 のログインスクリーンを集めたリンク集。上記のまとめとかぶっているサイトも多数ありますが、ビジュアルよりラベルの付けた方のバリエーションをたくさん見ることが出来るのはこちら。ラベルとインプットフィールドの位置関係がフォームの書きやすさにどれだけ関わるのか検証
Flickrで見つかるUIパターンのインスピレーション - everything might happen tomorrow - yhassy - builder by ZDNet Japan
IT部門のDXはこれだ！ IT運用管理新時代における最適な運用管理 の現場作り Microsoft 365のデータは安全か？ クラウド型アプリを採用する企業のための 包括的なデータ保護のありかたを解説 さあ、クラウドで解決しよう。 Google Cloud が「業務最適化」と 「イノベーションの実現」のヒントを提案 単純なインフラ製品の販売ではない DX、コンテナプラットフォームの実証など 自社の取り組みで得られた知見を顧客に提案 自社利用の知見・経験を顧客に提供 コンテナ活用を推進する日立製作所 VMware Tanzuを利用したモダナイズを伝授 アプリケーションモダナイズ 求められている背景にあるビジネスの今 そして、成功の鍵を握るDevOpsの真の意味 リスクのある暗号資産取引を追跡 ブロックチェーン分析を利用し 暗号資産取引の健全性向上を支援する！ 大学、研究機関、製造業など いま
トップページにみる日本のウェブデザイン--Yahoo! Japanは「社会の縮図」 - builder by ZDNet Japan
データの説得力 ポータルサイトのトップページは、複数存在する自社サービスの担当部署や広告主との関係を保ちつつ、主役である利用者と良い関係を築かなくてはいけません。利用者とひとことで言ってもリテラシーは幅広く、運営側が良いと判断して導入した機能やサービスが、利用者にとって「使い難い」という結果になることさえあります。 つまり、ひとつの情報を動かしたり調整をするだけでも、大変なプロセスになることがあるのです。特に今回のリニューアルのように大幅な変化を伴う場合、海外版のYahoo!の見た目を継承するだけでは解決しない課題がいくつか出てきます。 何をするにもまず、可能な限りデータを収集して分析することが必須であると、Yahoo!トップページ企画に所属する西田修一氏は話しています。20〜30ほどアイデアが挙がったトップページの中から、8つのデザイン案をユーザーテストにかけ、アイトラッキングやインタビ
あなたのウェブサイトを高速化する方法 - builder by ZDNet Japan
そして同氏は、世界で最も高速なウェブサイトの1つであるGoogleのパフォーマンスにかかわる仕事をしているのである。 ウェブのパフォーマンスには2つの重要な側面、すなわち効率性と応答時間がある。効率性は、世界ランキング100位に入るようなウェブサイトを構築する際に出てくるスケーラビリティという難問に取り組むための武器である。あなたのウェブサイトが何百万人単位のユーザーと、何十億単位のページビューを擁するような規模のものである場合、バックエンドアーキテクチャ全体に対する理解を深めておくことが重要となるだろう。 ページの速度というものは、HTMLドキュメント内に記述する一連の指示によって決定されると言っても過言ではない。 iGoogleを例に挙げると、バックエンド処理に費やされる時間、すなわちデータがキャッシュされていないために毎回リクエストされることで費やされる時間は、ページ全体の処理時間の
マイクロソフトのUX戦略：優れたユーザー体験とはなにか - builder by ZDNet Japan
9月29日に開催したbuilder tech day「User Interface ＆ beyond」では、基調講演に続いてマイクロソフトの鈴木祐巳氏によるセッションが行われた。 マイクロソフト デベロッパー＆プラットフォーム統括本部 デベロッパービジネス本部 NextWeb推進部 部長である鈴木氏のテーマは「マイクロソフトのUX戦略」。OS、アプリケーション、ウェブにおけるUX（ユーザーエクスペリエンス：ユーザー体験）のケーススタディと、同社が提供するクライアント技術「WPF」「SilverLight」の紹介を通し、「優れたUX」について考えてみたい。 まずユーザーエクスペリエンスを考えるにあたっての指標として、UXとは「利用者が何かの体験を『楽しく』『面白く』『心地よく』行える点を”提供価値”として考えるコンセプト」という定義を挙げた。 そこから考えられる「優れたUX」とは、機能と楽し
ユーザーにとってはUIがすべて：UIデザイン原則をソシオメディアが語る - builder by ZDNet Japan
シーネットネットワークスジャパンは9月29日、builderとしては2回目のイベントとなる「builder tech day」を開催した。今回は「User Interface & beyond」をテーマに、ソシオメディア、マイクロソフト、アドビシステムズ、カールのスピーカーが登壇し、ユーザーインタフェースの現在と未来について講演した。 本稿では、ソシオメディア取締役である上野学氏の基調講演「ユーザーにとってはUIがすべて」を紹介しよう。 トイレにひそむUIのヒント 講演の冒頭、上野氏は米国の著名なデザイン・コンサルティング・ファーム、Adaptive Pathに2008年まで在籍していたDan Saffer氏と対話した際のエピソードを披露。 Saffer氏が「トイレにはユーザー・インタフェース・デザインの様々なヒントがある」と話していたことを紹介し、下の画像を示した。 上野氏は赤色の注意書
iPhone 3Gを考える：iPhoneが提案するデザインとは - builder by ZDNet Japan
コミュニケーションに必要なこと 最近の携帯電話には様々な機能が実装されており、使う人によって重点を置く部分こそ違うが、根本的なことを言えばコミュニケーションデバイスだ。そのため、通話、インターネット、Eメール、SMSなど、人と人とを繋げるための方法や手段がいくつか揃っており、それを補助するための機能があったり、ストレスを感じさせないための工夫がなされているべきだ。 しかし、今の携帯電話キャリアをみると一概にそう言えないような気がする。 機能の数や精度の高いハードウェアが組み込まれていることが、優れた携帯電話を決める基準になって久しい。日本の携帯電話は今度発売されるiPhone 3Gよりも、機能の数が多く、機能ひとつひとつを比べてみても、遥かに優れたスペックを備えている。 もちろん、機能を軽視しているわけでもなければ、機能が少ないほうが良いというわけではない。重要になってくるのは、その実装さ
iPhone向けサイトの構築に役立つ記事をピックアップ - builder by ZDNet Japan
注目急上昇中のDaaS最新情報 コロナ禍を背景に利用者と機能を拡大中 Azure Virtual Desktop最新情報 ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス 膨大なアクセスを支える屋台骨 高い安定性とパフォーマンスを両立 ZOZOTOWNが選んだストレージ基盤を解説 RPA見直される”業務”と”人”の関係 人的リソースを単純作業から解放！ 高付加価値業務への転換のために 現場主導のデジタル変革 ビジネス変革のための“ITの民主化” そして 変わるIT部門の役割 電話営業・インサイドセールの革新 AIによる自動文字起こし・会話分析が 音声コミュニケーションの可能性を拓く データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある エッジ市場の活性化へ 高まるIoTを中心
JavaScriptの変数のスコープについて学ぶ - builder by ZDNet Japan
RPA見直される”業務”と”人”の関係 人的リソースを単純作業から解放！ 高付加価値業務への転換のために Kubernetes活用の最適解とは？ 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 今時プライベートクラウドの作り方 2020年代のプライベートクラウド環境を AzureとVMwareを例に紹介 高い従業員満足度と安心・安全 新時代にむけた理想の業務環境こそ Anywhere Workspaceが目指す未来 最新ストレージで変わるIT運用 仮想化テクノロジーとFlashArrayの組合せで 運用負荷軽減と高性能化を実現したDMM サービスを止めない！ サイバーエージェントに聞く高可用性の実現 そこにピュア・ストレージが選ばれた理由 年間5,000件の問い合わせに対応 疑問を解消したいユーザーも答える情シスも みんな幸せになるヘルプデスクの最適解
オフトピック:あなたがプログラムを理解できない10の理由 - builder by ZDNet Japan
あなたがプログラムを理解できない10の理由：第5回 プログラムの学習には、曖昧な動機、上がらないモチベーション、多数のエラーなど、様々な障壁が存在する。しかしそれでも、ものを作ることは楽しいではないか。最後のメッセージは「楽しもう」だ。 2008-06-03 08:00:00 あなたがプログラムを理解できない10の理由：第4回 プログラムを概念的に学ぶのも大切だが「○○してみたい」という欲求がなければ身につかないものだ。ただし、あまりに実用的なプログラムを作ろうとすると、何が必要で何を学べば良いかも分からず、途方に暮れることになる。 2008-05-27 08:00:00
JavaScriptがプロトタイプベースのオブジェクト指向言語ってどういうこと？ - builder by ZDNet Japan
前回までのおさらいと今回のあらすじ 前回は、「プロトタイプチェインとは何か」について詳しくお話ししました。オブジェクトのメンバを検索するにあたって、JavaScriptランタイムがプロトタイプチェインを順々に検索していくと言う動作についてのお話でした。 今回は、きわめて単純に見えるこの仕組みが、JavaScriptにとっていかに重要であるかを説明したいと思います。そのために、まずプロトタイプチェインを用いて擬似的なクラスの継承を行い、その上でObjectクラスが持つメンバについてもお話ししておきたいと思います。 プロトタイプチェインを使った擬似的な継承 前回お話ししたプロトタイプチェインについては、しっかり理解していただけましたでしょうか。この一見単純な仕組みを応用すると、JavaScriptにおいても、擬似的なクラス継承を実現することができます。 例えばPersonクラスを継承したShi
WebデザイナのためのPHP入門--PHPのファイルがデザイン確認できない理由 - builder by ZDNet Japan
PHPを例にWebテクノロジを解説 今や全く静的なWebページの方が少ないと言えるほど、Webサイトとスクリプト技術は切っても切れない関係にある。PHPなどとは無縁なはずのWebデザイナやマークアップエンジニア（HTMLコーダ）であっても、こうした技術に接しなければならないことも多々あるだろう。 しかし、全く理解できないままでは、プログラマとのコミュニケーションも円滑にいかず、またちょっとしたトラブルでも右往左往してしまって、仕事がはかどらないといったことにもなる。 そこで本連載では、Webデザイナ（マークアップエンジニア含む）が少なくとも知っておきたいWebテクノロジの知識を、PHPを例に4回にわたって紹介したいと思う。是非怖がらずに接してみてほしい。 受け取ったファイルのデザインがおかしい 通常Webデザインやコーディングを行った後、そのファイルはプログラマに渡されてプログラミング作業
JavaScriptクラス作成方法：とりあえずまとめ - builder by ZDNet Japan
前回までのおさらいと今回のあらすじ これまで二回にわたって、「JavaScriptでオブジェクト指向を行うには」というトピックについてお話ししてきました。 前々回は、「コンストラクタ＝関数」であるという事実を紹介し、独自のクラスを作成する方法についてお話ししました。 前回は、JavaScriptによるオブジェクト指向の中核とも言える「プロトタイプ」と言う仕組みについて紹介しました（プロトタイプについてのお話はまだ終わりではありません。次回、さらに進んだ「プロトタイプチェイン」と言うテクニックについてお話します）。 ここまでの説明で、JavaScriptでオブジェクト指向を行うための基本的な知識はほとんど押さえたことになります。そこで今回は、これまで学んだことをしっかり身につけるためにも「JavaScriptでクラスを作るには」という点をしっかりおさらいしておきたいと思います。その過程で、今
JavaScriptのオブジェクト指向：コンストラクタに関するありがちな誤解 - builder by ZDNet Japan
膨大なアクセスを支える屋台骨 高い安定性とパフォーマンスを両立 ZOZOTOWNが選んだストレージ基盤を解説 エッジ市場の活性化へ 高まるIoTを中心としたエッジ分野への期待 OSS活用が新しい時代のビジネスを拓く ハイブリッドクラウド時代の救世主 企業ITを素早く進化させるためのAVS サービス開始から1年で大幅に機能がアップ Anywhere Workspace！ ハイブリッドワーク時代の働き方 分散業務環境3つの課題と解決策 A Business New Era あらゆるモノ・コトが変化している今 デジタルでビジネスは生まれ変わる 全世界22万以上の企業・組織で採用 DX時代の顧客価値創出に大きな役割を担う CI/CD環境の現実解を紐解く クラウド導入が進まない本当の課題 ITベンダーだからこそ知っている クラウドに二の足を踏む企業のボトルネック これからの社内DX 真のDXのため、
Really Simple HistoryでAJAXにブックマーク機能と履歴機能を付加する - builder by ZDNet Japan
AJAXベースのアプリケーションに取り組んでいれば、その動的な性格から、アプリケーションのどこかでページをブックマークすることができないことに気づいただろう。これは、ユーザーが「戻る」ボタンを押した時にも問題になる。ブックマークと履歴の問題を解決する方法の1つが、Really Simple History（RSH）フレームワークを使うことだ。 RSHの必要性は、動的なウェブサイトとブラウザ組み込みの操作方法の組み合わせに固有の問題から生じている。ブラウザは複数のページから成るサイトを念頭に開発されており、AJAXを用いた動的アプリケーションは前提としていない。 問題は、ユーザーがAJAXを用いたサイトの外側でナビゲーションの操作をした場合に生じる。ユーザーがサイトに戻ってきた時には、ユーザーはその結果は起こることに驚くことになる。前にサイトを訪れた時の状態が維持されないからだ。 この問題を
CSSの擬似クラス：IE6/IE7でも使う方法あります - builder by ZDNet Japan
年間5,000件の問い合わせに対応 疑問を解消したいユーザーも答える情シスも みんな幸せになるヘルプデスクの最適解 大事なのは”仕事の段取り” 幅広い業務を任されているからこそできる ひとり情シス流の業務改善術 Kubernetes活用の最適解とは？ 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 ハイブリッドクラウド時代の救世主 企業ITを素早く進化させるためのAVS サービス開始から1年で大幅に機能がアップ 電話営業・インサイドセールの革新 AIによる自動文字起こし・会話分析が 音声コミュニケーションの可能性を拓く 新OSのWin11はどう進化したか ビジネス上の役割、開発の要因と Win11が目指した5つのポイントを紹介 データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある AWSとAzur
JavaScriptのイロハ：「関数はオブジェクト」って理解できますか？ - builder by ZDNet Japan
勝つためのクラウド活用術 New Value on Azure ビジネスを次のステージへ！ 50年の経験を持つアイネットが提供 ユーザー企業の使いやすさを第一に考えた ワンストップで使えるマネージドクラウド エッジ市場の活性化へ 高まるIoTを中心としたエッジ分野への期待 OSS活用が新しい時代のビジネスを拓く クラウド導入が進まない本当の課題 ITベンダーだからこそ知っている クラウドに二の足を踏む企業のボトルネック 現場主導のデジタル変革 ビジネス変革のための“ITの民主化” そして 変わるIT部門の役割 ハイブリッドクラウド時代の救世主 企業ITを素早く進化させるためのAVS サービス開始から1年で大幅に機能がアップ 今時プライベートクラウドの作り方 2020年代のプライベートクラウド環境を AzureとVMwareを例に紹介 ID管理の基礎知識 新しい働き方におけるITガバナンスの
Ajaxアプリケーション開発における7つの大罪 - builder by ZDNet Japan
Ajaxは近ごろ人気を集めているが、その人気は伊達ではない。Ajaxを使うことで、より迅速に、より効率良く、より動的なアプリケーションを開発することができるのだ。しかし、Ajaxには固有の落とし穴もあるのだ。 こういった落とし穴は一見したところ、単なる常識を使うことで避けられるように思える。そして、この見方はある意味において正しい。しかし、Ajaxアプリケーションはその先祖にあたるDHTMLとはアーキテクチャが大きく異なっているのだ。あなたがアプリケーション開発作業においてどれ程の常識を発揮しようと、先人たちの犯した過ちから学んでおく方が良いことに変わりはない。そこで、こういった過ちを7つの大罪と呼ぶことにする。ただし、過ちは決してこれらだけに留まらない。 事実、こういった7つの大罪のいずれかを犯す前により小さな過ちを犯す可能性が高い。このため、まずはこのような小罪を7つ見てみることにしよ
Ajaxのキソのキソまとめ - builder by ZDNet Japan
Ajaxパワーの活用方法 Ajaxは、ウェブアプリケーションの開発方法や利用方法を大きく変えた破壊的な技術だ。Ajaxによってインタラクティブなページの作成が可能になったのである。Ajaxは現在もウェブの流行の最先端を走り続けている。 Ajaxという用語は比較的最近生まれたものだが、Ajaxを支えている技術は以前から存在していた。ブラウザに送られたウェブページの内容をあとから変更する機能自体は、何年も前からあったのである。たとえば、JavaScriptでiframeのsrc属性を変更するのもそのような技術の一つだ。 しかし、XMLHttpRequestオブジェクトが主要なブラウザで実装され、GmailやGoogle Mapsが公開され始めると、開発者はそれをきっかけとしてウェブページの構築方法をもう一度考えるようになったのである。 XMLHttpRequestオブジェクト Ajaxを可能に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
