ナビ

Webサイトオープン!

wrote : 2007.01.01

最後まで目を通していただき、ありがとうございます。いかがでしたか？

共有social network

コメントcomment

この記事に関連する記事一覧（更新履歴）

最新記事: 参加セミナーSass（CSS Nite LP32）; 制作日記地図サービス「ジョルノ地図」、リニューアルしました。; 制作日記ジョルノお天気、作りました！; 参加セミナー女性を美しく見せるフォトレタッチテクニック（CSS Nite Vol.39）; 実用編ジャーニー・マップ

更新記事: Javascriptスクロールバーのカスタマイズ; 制作日記このサイトのリニューアル; 制作日記ジョルノお天気、作りました！

人気記事: CSS背景画像の拡大・縮小 → background-size !; CSSbox-shadowを極める; Javascriptスマホでマウスオーバー; JavascriptoffsetTopやらoffsetHeightやら; CSSfloatとvertical-align? → display:table-cell; !

コメント一覧: Javascript「スクロールバーのカスタマイズ」へのコメントfumicoさんコメントありがとうございますッ！スクロールバーのカス...たけたけ2014.03.24 15:45; Javascript「スクロールバーのカスタマイズ」へのコメント素敵♡！！！使わせていただきます！！こちらのページの説明がなければ私に...fumico2014.03.23 22:53; 制作日記「ジョルノお天気、作りました！」へのコメント本文に「追加対応」を追加しました。...たけたけ2014.02.13 04:55; MovableType「検索関連」へのコメント「検索結果ページ作成」の「検索結果に一致した記事がある場合」内で、MTタ...たけたけ2013.10.10 10:15; CSS「背景画像の拡大・縮小 → background-size !」へのコメントたけたけさんへドキュメントモード標準の指摘、ズバリでした！問題が完全...ケンゴマン2013.10.05 10:43

プロフィール: 川上武範（かわかみたけのり）
1975年生。マークアップデザインエンジニア。
正しいマークアップ、デザインと文章の完全分離を意識したWebサイト制作が得意。ユーザー視点の情報設計を意識した制作、Web標準に準拠を前提にしたビジュアルデザイン制作の実現を目指して日々精進しています。
twitter : OnlyTwo

経営論

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

リスティング検索エンジンの欠点リスティングの実践クレジットを利用する際の注意点複数のアカウントを利用したいときリスティングの準備リスティングの基礎アドワーズのことなら「現在、このキーワードは非表示（検索サイト）です。

タメになった本 Google検索で上位表示されるページの共通点ほんとの意味で「シンプル」とは？「アイデア浮かばねー」の答え自由自在にレイアウト変更できるCMS xhtmlとCSSの他に何をやればいいか？の自分なりの答え「見た目」と「使いやすさ」はどっちが大事？の答え xhtml視点でXMLを学ぶ見開き1ページに1センテンスデザイン SEO対策はこの１冊で充分！基本の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サイトオープン!

一言メモ

Googleアナリティクスで、ユーザー定義が廃止予定らしいんだけど、だとしたらカスタム変数での通常レポートでフィルタできないとつらい。。前はあったみたいなのに。。2013.11.22
タッチデバイスかどうかの判別に「"object" == typeof document.documentElement.ontouchend」としてたけど、これじゃダメってことがChromeで発覚。デバイス対応してなくてもブラウザは対応してるってtrue。2013.11.20
ontouchendがまともに使えないAndroid 4、許せんッ！！！2013.10.21
常にvar宣言しまっくてたけど、一回宣言するだけでいいなんて知らなかった！！！２つ目以降がグローバルになるかと思ってたけど、違うのね。2013.10.18
javascriptで1.2-1.1したら想定外の解。どうやら整数値が同じ小数点の計算で発生するっぽい。な、なんで!?2013.02.21

kawakami takenori., Some Rights Reserved.