xslt 経営論 実用編 ジャーニー・マップ カードソーティング ヒアリングのポイント ヒアリングの前にクライアントに準備してもらうこと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サイトオープン!