ナビ

実例編

  • 経営論
  • 実用編 ジャーニー・マップ カードソーティング ヒアリングのポイント ヒアリングの前にクライアントに準備してもらうこと2 提案書に盛り込む内容 ユーザビリティチェック(ケータイサイト編) ヒアリングの前の準備(既存サイトがある場合) ヒアリングの前にクライアントに準備してもらうこと1 ユーザビリティチェック Webクリエイターが必要な営業スキル スタイルガイド(ガイドライン) デザインカンプ アクセシビリティとユーザビリティ 納品時 契約方法
  • 知識編 モバイルファースト - モバイルへの対応 - 紙媒体から電子メディアへ アクセシビリティ事情 サイト名の作り方 ケータイサイトにおけるメルマガの基本 Webサイトが担う経営戦略、Webサイトの種類と基本コンセプト ブランディング Webサイトの在り方 Webの特徴 サイト構築 インターネットによる消費者活動の変化 CMSの基礎知識 著作権 Webサイトの集客方法 ネットを利用した広告、特徴と方法 ケータイサイトの集客方法 メディアに適したコミュニケーショントーン ケータイの読み込み速度 ケータイサイト 07_デバック・校正 06_量産作業 05_基本デザイン策定 04_情報アーキテクツ設計 03_仕様策定 02_コンセプトの設定(具体的なキーワード定義) 01_ヒアリング・サーチ 00_Webサイト制作プロジェクト ケータイサイトの特徴 「設計」という概念(Webサイト構築とSEO対策) Webスタンダードのメリットとデメリット 同市場への新ブランド立ち上げ
  • 精神論 ほんとの意味で「シンプル」とは? デザインの在り方 ユーザ中心のデザイン デザイナーを脅かす致命的な誘惑 デザイナーは典型的なユーザではない エラーに備えてデザインする 可視性とフィードバック 自然な対応づけ 不正確な知識にもどづく正確な行動 理解しやすさと使いやすさのためのデザインの原則 コーディングの真善美 言霊(ことだま) Webプロデューサーとしての心構え デザインの基本理念 「誇り」「理解」「粘り」 Web持論
  • 実例編 三井不動産レジデンシャルに学ぶ ECサイト実例 Part3 ECサイト実例 Part2 ECサイト実例 Part1 ECサイトの立ち位置
  • マークアップ
  • フレームワーク Lightbox 2 を使うための最小設定 スマートフォンでも使えるフォトスライド
  • html html5から見送りになりそうなタグ(2012年12月17日付け) html5の要素とコンテンツモデル スマートフォン用に最適化したサイトを作る際の<実践>最小マークアップ html5でマークアップするときの最小設定 ページ切り替え時のトランジション効果 maxlength属性 selectタグの上にコンテンツを乗せる よく使われるタグ要素(マークアップの基本) inputタグをコントロールする Googleにスニペットやキャッシュを非表示にさせる 絶対URIと相対URLと相対パスの関係 <style><script>要素のコメントアウト モジュール化の一案 strictに対応するためのiframe代替 idとクラス名 Netscape version4の排除 tableのこと【xhtml編】 「/」から始まるパス指定 swfファイルをxhtml1.0 strictに取り組む記述
  • CSS マルチカラムをCSS3で実装 borderで背景画像を表示する border-image text-shadowを極める box-shadowを極める 背景画像の拡大・縮小 → background-size ! floatとvertical-align? → display:table-cell; ! 適用されるCSS [CSS初心者向け] ブラウザ表示領域の上部(ヘッダー)と下部(フッター)を固定する IE7の拡大機能、仕様?バグ? リストとナビゲーション「横」編 リストとナビゲーション「縦」編 floatを利用した段組み例3 floatを利用した段組み例2 floatを利用した段組み例1 positionを利用した3段組み positionを利用した2段組み レイアウト全体を画面のセンターに設定する デフォルトで設定すべき事項 line-heightとimgによるWinIEバグ float段組みした場合のclear設定の方法 コンテンツの量によってフッターの位置を変える emを使ってpx感覚で操作する tableのこと【CSS編】 font-family フォントファミリー Internet Explorer 7対策 dlを使って、dtとddを横並びにする 高さをコントロールする フォントサイズ リキッドレイアウトで画像の背景に一工夫 リスト「画像」とナビゲーション「横」編 ロールオーバーで画像を切り替える 背景やボーダーが意図した表示をしないとき imgのvertical-align 文字間 floatの使用上の注意 ブラウザによるwidthプロパティの解釈の違い Windows/Mac IE version4の排除 MacIEだけを分離するハック
  • Javascript jQueryでformを操る【nameの値を取得する】 スマホでイベントをちゃんと認識するか確認 Geolocation API History API を使ってみる [連想配列]2つ以上のキーで並び替えをする 画面が縦向きか横向きかを知る 継承(擬似クラス型) 文字列をオブジェクトに変換 スマホでマウスオーバー localStorageでオブジェクトを格納する デバイス別、クロスブラウザ別対応 - not useragent スマホでアドレスバーを非表示にする offsetTopやらoffsetHeightやら ファイル名を拡張子なしで取得するサンプル スクロールバーのカスタマイズ Javascriptでカレンダーを作ってみた IEでhtml5のタグを認識させるJavaScript maxlengthで指定されたテキストのlength JSONP Javascriptがちょっと分かってきた人のために Ajaxに挑戦! フォーム、送信前にJavascriptで入力チェックを行う方法 DOMでswfファイルを呼び出す際の注意 JavaScriptでIEかどうかの判別 Javascriptでflash playerのバージョン判別 Javascriptの歴史 DOMトラブル:getAttribute('class') DOMトラブル:getAttribute('href') コンテンツを開いたり閉じたりする 期間を限定した表示 2 期間を限定した表示 クロスブラウザDynamicHTMLを作るには DOMの値を取得・設定する方法 DOMの基本事項 変数のスコープ(領域) JavaScriptで取り扱える型の種類 オブジェクト、関数、変数などに設定可能な名前 scriptを記述する際の注意事項 オブジェクト スタイルシートを変更する ランダムに選択する 「このページのトップへ」に動きをつける xhtml strictで新規ウィンドウを開きたい場合 新規ウィンドウをサイズ指定のセンター表示する
  • jQuery Mobile jQuery Mobileを使ったページ遷移時のトランジション jQuery Mobileを使った最小ソース
  • Actionscript3 表示オブジェクト イベント処理
  • xml RSS2.0 フォーマット 名前空間 XML Schemaサンプル XML Schemaの内容モデルをもっと詳細に取り決める XML Schema DTDを別ファイルにする 妥当な文書サンプル 妥当な文書 文字参照を使用しない記述方法 整形式文書 xhtmlと同様のルール xmlの3つの魅力
  • xslt xsltとは? 動作確認
  • php パラメータ値が数字かどうか判別する 文字数を知る(javascriptでいうところのlength)→ mb_strlen ファイル名を拡張子なしで取得するサンプル Amazon Product Advertising API(署名入り)をアフィリエイトとして使う html拡張子でありながらphpを動作させる
  • mobile 携帯サイトのターゲット端末
  • Webデザイン
  • Dreamweaver 文字コード変換
  • Fireworks 透明GIF画像の書き出し方法
  • Flash フレーム数 loadingバーを作る(こだわり編) loadingバーを作る(続シンプル編) loadingバーを作る(シンプル編) ビットレートの目安 Flash Videoを配信する方法
  • Photoshop 元ファイルなしの画像を修正する 画像の切れ間と背景をなじませる 矩形の幅と高さを知る 便利ショートカット 切り抜いた画像を他のアプリケーションで利用する
  • MovableType MovableTypeでカテゴリ選択効かない!? カテゴリー別に記事一覧を表示する カスタムフィールドに値がある最新の10 件のブログ記事表示する方法 ファイルへのリンク モブログくんを使えば、携帯からMT記事を投稿できる! format属性 mt-config.cgi 検索関連 カテゴリごとのエントリ一覧 Part2 カテゴリごとのエントリ一覧 アーカイブテンプレートの自動変数 アーカイブマッピング Part2 テンプレート作成の初歩 Part2 MovableTypeをMac環境で 3/3 テンプレートタグの書式 コメントアウト MTInclude関連 条件処理するコンディショナルタグ 変数を設定・参照するテンプレートタグ テンプレートタグとコンテキスト MT4.1で何が変わったか MovableTypeをMac環境で 2/3 MovableTypeをMac環境で 1/3 MT4.0から4.1への移行 テンプレート作成の初歩 アーカイブマッピング MovableTypeの基本 MovableTypeが熱い!
  • Excel 特定の文字で複数にセルを分割する ハイバーリンクを抽出 ファイルをロックする
  • 実制作と運営
  • ライティング ユーザーの不安を打ち消す施策 カタカナ語の選び方 ユーザー中心デザインなライティング ライティングの前に 「マジックナンバー 7プラスマイナス2」の法則 必要なのは「編集力」 編集の手法 文章作成時の注意点 ただ整然と並べられたページって・・・ ブロガーは Javascript無効のメッセージ Flash無効のメッセージ
  • SEO SEOとドメイン変更 → 301リダイレクト ! 検索エンジン経由の流入を増やすなら PING送信 11_ディレクトリ型検索エンジン対策とフィード対策 検索エンジンユーザ視点 10_自力本願で外部リンクを獲得するテクニック 09_検索エンジンユーザーの使い勝手を高めるサイトデザイン 08_HTMLタグの重要性 2 07_HTMLタグの重要性 1 06_キーワードの決定 05_各種キーワードツール 04_ライバルサイトが見つかったとき 03_ライバルサイト分析 02_アクセスログ解析 01_検索エンジンでの調査 00_SEOの進め方 検索エンジンの仕組みと誘導方法 SEOの実践の前に
  • リスティング 検索エンジンの欠点 リスティングの実践 クレジットを利用する際の注意点 複数のアカウントを利用したいとき リスティングの準備 リスティングの基礎 アドワーズのことなら 「現在、このキーワードは非表示(検索サイト)です。
  • Web関連情報
  • 参加セミナー Sass(CSS Nite LP32) 女性を美しく見せるフォトレタッチテクニック(CSS Nite Vol.39) SEO 2013(CSS Nite LP29) Webデザイン行く年来る年(Shift6) SEOの棚卸し(CSS Nite LP10) コンテンツ流通を促進するクリエイティブコモンズ(CSS Nite Vol.47) Google Analyticsを使ったWebアクセスログ解析とサイトへの反映(CSS Nite LP8) 海外IA最新レポート:これからのIAが担っていく役割(CSS Nite Vol.38) Designer meets Designers 05 アクセス解析(CSS Nite Vol.30) Shift 2(2008-2009) SwapSkills for the Happy Web Weekend CSS Nite shuffle vol.2 CSS Nite in Shinjuku MT4LP5 CSS Nite x (r)evolution "Shift to 2008" Corder's High(CSS Nite LP3) CSS Nite shuffle Keynoteとプレゼンテーションに関するエトセトラ(CSS Nite 番外編) Internet Explorer 7対策(CSS Nite Vol.18) Dreamweaver使いのディレクション術(CSS Nite Vol.17) XHTML+CSS (r)evolution, 2nd Web 2.007(CSS Nite Vol.16) 義理と人情と男気のアクセシビリティ〜サイト診断ココだけの裏話〜(CSS Nite Vol.15) 愛と情熱のウェブサイト(CSS Nite Vol.14) 音楽販売のトレンドから見る最新EC事情 Mozilla Japan の活動紹介と Firefox ブラウザ最新情報(CSS Nite Vol.13) Web標準×Webトレンド
  • タメになった本 Google検索で上位表示されるページの共通点 ほんとの意味で「シンプル」とは? 「アイデア浮かばねー」の答え 自由自在にレイアウト変更できるCMS xhtmlとCSSの他に何をやればいいか?の自分なりの答え 「見た目」と「使いやすさ」はどっちが大事?の答え xhtml視点でXMLを学ぶ 見開き1ページに1センテンスデザイン SEO対策はこの1冊で充分! 基本のCSSを学んだ人が次に読む本
  • 豆知識 Amazon アソシエイト グリッドレイアウト ターゲット層 広告サイズ(Amazonアソシエイト) 広告サイズ(adSence) 画面サイズ ブラウザ画面の背景もプリントアウトする場合 用紙1枚に数ページ分をプリントアウトする場合 広告サイズ(国際標準) グラデーション
  • お役立ちツール [サイト]pngファイルの容量を軽減してくれるサービス [サイト]ローディング画像作成ツールはこれで決まりッ! [サイト]QRコード作成 [ソフト]ファイル一括変換(Mac用) [サイト]配色 [サイト]SEO対策に役立つ便利ツール [ソフト]ネットショップ [ソフト]Webサイト検証ツール [サイト]css 文法チェックツール [サイト]xhtml 文法チェックツール [サイト]mailtoを暗号化 [情報]マーケティングコンセプト [ライブラリ]画像のスタイリッシュな拡大表示実現 [情報]契約書サンプル [情報]CSSハック [ソフト]例えるならPhotoshopのフリー版 [サイト]ファビコンの作り方 [ソフト]パソコン画面の保存・印刷 [情報]CSSデザイン [情報]Webアクセシビリティ関連に特化 [情報]キーワードの流行をグラフ化 [情報]ブログ検索
  • 用語集 「アプリケーション」編 「総称」編 「手法」編 「仕組み・技術」編 「広告」編 「データベース」編 「ファイル・形式」編 「言語」編 「サーバー」編 「概念」編
  • サイト概要
  • 制作日記 地図サービス「ジョルノ地図」、リニューアルしました。 ジョルノお天気、作りました! moca photo club というサイトを作りましたッ! このサイトのリニューアル ダイエット宣言 サイトリニューアル 2011 会社サイトを作ってみた iPhotoやiTunesの管理場所を変える 8月9日はハックの日?バグの日? エンタメサイト制作に挑戦 新サイト「tk1975」オープン サイトリニューアル 外付けハードディスクを起動ディスクにする 新サイトでも作ろっかな 当Webサイト「0から目指すWebマスター」リニューアル計画(3) 当Webサイト「0から目指すWebマスター」リニューアル計画(2) 当Webサイト「0から目指すWebマスター」リニューアル計画(1)
  • 更新履歴 プチ・リニューアル進行中! カテゴリ「jQuery Mobile」追加 リニューアルしました! Yahoo!Japanにサイト登録申請 RSSフィードの不具合を修正しました プリントアウト対応しました リニューアルしました! カテゴリ「xslt」追加 アフィリエイト開始 Yahoo!Japanにサイト登録申請 MT4.1へ移行 Webサイトリニューアルしました! 経営論「実例編」追加 Webサイトオープン!