どーもキンモクセイぷんぷん香る自由が丘からaoizmです。 秋満開！スマートフォンまっさかり！(強引) KAYACでもiphoneアプリ制作のお仕事が増えてきております。 WEBデザイナーがiphoneアプリのデザインをする際に、やっぱり気になるのがWEBとの違い。 画面サイズが小さく持ち歩けるデバイスiphoneは、デスクトップ上のアプリやWEBサイトとは 使用環境もその操作方法も異なるため、WEBとは違ったインターフェイスが求められます。 その違いを認識した上で、違いを活かしたデザインをするためには？ iPhoneアプリのUIデザインまとめてみました。 WEBサイトとiphoneアプリの違い 状況 持ち歩けるがゆえそのシチュエーションもさまざま 「会議で」「合コンで」「移動時」「就寝時」... 状態 そのときユーザーはなにをしている？ 「歩きながら」「話しながら」「運動しながら」...
SEOは大きく分けて、２つに分類されます。 ひとつは、「On-page SEO」で、日本語では「内的SEO」とか「内的要因SEO」と言われます。 簡単に言うと、ウェブページのHTMLソースで施すSEOです。 もうひとつは、「Off-page SEO」で、日本語では「外的SEO」とか「外的要因SEO」と言われます。 こちらは簡単に言うと、被リンク・バックリンクです。 （ところで今強さを発揮しているドメインの年齢、いわゆるドメインエイジは、どちらに含まれるのでしょう？） サーチエンジンのアルゴリズムの検索順位付けに当たって、どちらにより比重があるかというと、外的SEOです。 ですが、あなたも経験しているとおり被リンク集めはなかなか大変です。 一方、内的SEOはほぼ100%自分でコントロールできるので、取りこぼしのないように施策したいものです。 もっとも重要な内的SEOはなんですか？ と尋ねられ
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
Bookmarklet 開発実績 「YouTube Perfect Embed」YouTubeの貼り付け用コードをXHTML Validでサムネイル付きにするブックマークレット 今日は、YouTubeのダウンロード・・・ではなく、外部ブログなどに貼り付けるためのembedタグを綺麗なコードで出力するためのブックマークレットを紹介します。Perfectっていうのはちょっと大げさだと思いますが…、名前に負けないくらい重要な機能を含んでいます。 YouTube標準のEmbedとの違い 出力されるHTMLコードがXHTML Validになります Objectタグを認識しないブラウザではサムネイル付きのリンクが表示されます ブックマークレットの設定は、下記リンクをブックマークに保存してください。 ・YouTube Perfect Embed 使い方 YouTubeの再生ページ（/watch?v=〜）
時が経つのは早いもので、ぼーとしてたらもう1月も終わりそうですね。外村です。 先日リリースされたjQuery1.4で新しく追加されたメソッドや新しい使い方ができるようになった機能を全部ではないですがいくつか紹介します。以下に変更点が全て掲載されているのでそちらも参照するといいと思います。 Version 1.4 ? jQuery API 新規で追加されたメソッド 1. nextUntil()、prevUntil()、parentsUntil() 指定したセレクタまでの要素を返します。以下の例ではitem3とitem4の後ろにテキストが追加されます。 <ul> <li id="item1">item1</li> <li id="item2">item2</li> <li id="item3">item3</li> <li id="item4">item4</li> <li id="item5
これまでの検索結果は「ページ」へのリンクでしたが、「ページ内の各部分」への直接リンクが検索結果に表示されるようになったということです。 具体的な例は、グーグル公式ブログの「新しくなったスニペットで検索結果の目的の場所までひとっ飛び」の記事に示されているものを見るのがわかりやすいでしょう。 → http://googlejapan.blogspot.com/2009/10/blog-post_14.html どちらの機能も、基本的に、 ページのコンテンツが見出し（h2とかh3）で区切られている各見出し（h2とかh3）にアンカーが付けられているという状態が前提になっていて、自動処理されています。 → http://googlewebmastercentral-ja.blogspot.com/2009/10/blog-post_29.html ここでいう「アンカー」とは、idやnameの属性のこ
みなさん、「Progressive Enhancement」という制作コンセプトをご存じでしょうか？ 「情報やサービスへのアクセシビリティを確保しつつ、ブラウザやデバイスの特徴を活かしたデザインや技術を実装する」という考え方です。日本ではあまり馴染みのない考え方ですが、海外では数年前から制作者間で話題となり、確実に浸透しつつあります。昨年、日本で開催された世界的に有名なWebカンファレンス「Web Directions East」では、多くのセッションでProgressive Enhancementが取り上げられました。これをきっかけに今後日本でも広がっていくと期待されます。本記事では、Progressive Enhancementとはどのような制作コンセプトなのか、そしてどのようなメリットがあるのかを解説します。 Progressive EnhancementとGraceful Deg
Ringとは、リクルートグループ会社従業員を対象にした新規事業提案制度です。 『ゼクシィ』『R25』『スタディサプリ』など数多くの事業を生み出してきた新規事業制度は、 1982年に「RING」としてスタートし、1990年「New RING」と改定、そして2018年「Ring」にリニューアルしました。 リクルートグループの従業員は誰でも自由に参加することができ、 テーマはリクルートの既存領域に限らず、ありとあらゆる領域が対象です。 リクルートにとって、Ringとは「新しい価値の創造」というグループ経営理念を体現する場であり、 従業員が自分の意思で新規事業を提案・実現できる機会です。 Ringフロー その後の事業開発手法 Ringを通過した案件は、事業化を検討する権利を得て、事業開発を行います。 さまざまな事業開発の手法がありますが、例えば既存領域での事業開発の場合は、 担当事業会社内で予算や
DiaryTechnology CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 CSSでmin-heightをブラウザに関係なく使いたい。 そんなあなたにおすすめなのが、『Easiest cross-browser CSS min-height』。CSSでmin-heightをクロスブラウザにする最も簡単な方法だ。 There are still enough folks using IE6, unfortunately, and it doesn’t support the min-height or min-width CSS parameters. This has caused the invention of a number of different hacks and browser
こんにちは。ライブドアでモバイルディレクターをしている河野です。 モバイルディレクターをしていますと、モバイルのサイトをPCで見たいという要望が少なからずあります。それは、PC からの方が実機で見るよりレスポンスが早く、また電波状況に左右されずに閲覧できたり、リンク先の URL の情報やヘッダ情報、画面キャプチャーなど実機からでは得られない情報を取得することができるからです。 そこで今回はモバイルサイトを PC で閲覧する方法についてまとめながら、開発を進めるのに便利なツールや Firefox のアドオンを紹介できればいいなと思います。 Web サーバは一般的に2つの方法でアクセスがモバイルからかどうかを判定します。1つはアクセス元のIP、そしてもう1つは HTTP ヘッダ中にある User-Agent です。そのため、携帯キャリアのゲートウェイ経由からのアクセスのみ閲覧を認めるサイト(つ
CSSでのfont-familyの指定がとても悩ましい。文字コードによって表示が変わったりするし、イレギュラーケースまで想定すると煩雑なコードになってしまう。ちょっと整理しながら考えてみる。 まず、font-familyを何も指定しないと、だいたいのブラウザではデフォルトで設定されているフォントで表示されるのだが、文字コードがUTF-8だとWindowsのIE6で英数文字が「Times New Roman」になってしまう。※文字コードがShift_JISやEUC-JPの場合はデフォルトのフォントで表示される。 それでは例えば総称ファミリー名（generic-family）である「sans-serif」のみ指定してみると、WindowsのIE6では文字コードがShift_JIS・EUC-JPの場合は「Lucida Sans Unicode」で、UFT-8の場合は「Arial」で表示されてしま
タブブラウザで、無料で、独自エンジンで高速、高性能――というキーワードに、ノルウェー生まれ、携帯電話、Wiiといったキーワードを組み合わせると……。そう「Opera」である。Opera Softwareの冨田シニアバイスプレジデントに、Operaの便利な使い方を聞いた。 タブブラウザで、無料で、独自エンジンで高速、高性能――というキーワードだけだと、「Firefox？」「いやいやSafariじゃね？」なんていう人たちもいるかもしれない。ノルウェー生まれ、携帯電話、Wii……といったキーワードを組み合わせるともっと絞り込める。そう「Opera」である。 2008年第2四半期中の正式リリースを目指す最新版「Opera 9.5」を控え、Opera Softwareのコンシューマー製品部門を統括するシニアバイスプレジデント冨田龍起氏に、Operaの便利な使い方を聞いた。 中の人オススメの便利ワザ・
[追記：情報アップデートしました！記事後半をお読みください] 毎週楽しみにしているポッドキャスト Macbreak Weekly の今週の回（第88回）は Apple 関係のニュースがほとんどない上に、Merlin は途中で用事があって退席してしまうしで、あまり聞くべきところがありませんでした。 しかしゲストたちが四方山話に華を咲かせていたところ、ちょっと耳にしたことのない情報が入ってきました。それは MacBook に存在する２つの USB ポートが実は同じではなく、Skype などに使うマイクやカメラを接続する場合に、雑音が入りやすい方があるという話でした。 発端は、ゲストの一人の Alex Lindsay の音声が急に割れ始めて、まるでサイボーグのようになりはじめたところでした（podcast では 8分20 秒あたりから）。 Alex の回線は T1 の高速ネットワークなので回線の
Choosing the right content management system requires careful consideration of your specific needs, technical requirements, and long-term goals. While newer platforms often grab headlines, Movable Type’s mature feature set and proven track record make it a compelling choice for many publishing scenarios. The Stability Advantage Movable Type’s greatest strength lies in its stability and reliability
第0回 その気になった客を逃さないフォーム設計術 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題が起きないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか？ 今木 智隆（株式会社ビービット） ウェブサイトの「ユーザビリティー」という言葉は、当たり前のように耳にする機会が増えてきた。しかし、その知名度の広まりとは裏腹に、「何をどうすれば成果に結びつくのか」「実践に落とし込むにはどうしたらよいのか」について具体的に取り上げられることは少ないようだ。 この連載では、主に「会員登録による顧客獲得を行う企業サイト」をモデルとして、想定される次のようなユーザー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
