制作ブログ Web制作
Web制作に関する記事は、525件あります。
最小限のCSSを適用したサンプルを用意したので、まずはそちらを確認いただけたらと思う。https://sample.simplesimples.com/git...
CSS
【この記事の動作環境 Mac M1 / macOS 15.2】 プロジェクトごとにフォルダ分けして管理してるのだが、フォルダごとに、異なるバージョンのN...
制作効率化
【この記事の動作環境 Mac M1 / macOS 15.2】 プロジェクトごとに異なるバージョンのNode.jsを使いたい場合、自動で切り替えができる...
制作効率化
【この記事の動作環境 Mac M1 / macOS 15.2】 ffmpeg、動画ファイルの扱いで困った際には、いろんなことができて頼りになる。今回はそ...
制作効率化
【この記事の動作環境 Mac M1 / macOS 15.2】 ちなみに、brew(homebrew)のインストールについては、公式サイトがあるので、そ...
制作効率化
これまでいろんな案件をやってきて、案件ごとというか環境構築時に使用するフレームワークによって公開ディレクトリ名が様々あった。 だがしかし、個人的な制作物...
知識編
ローカル環境をどうしようかな、の結論。 AWSやGCP、Azureを使う場合は、Docker。いわゆるレンタルサーバーを使う場合は、MAMP。 ポ...
MAMP
日本時間では、2024年6月11日 深夜2:00から、WWDC24の基調講演が配信された。気になった点のみピックアップ。 visionOS ...
イベントレビュー
「よく読まれる記事」のリストを表示する便利なプラグイン「WordPress Popular Posts」。これまでは、wpp_custom_html をフィル...
WordPress
スクロールバーをカスタマイズできるライブラリを探して。いくつか試したけど、ページ内に複数あるとうまくいかなかったり、画面をリサイズするとうまくいかなったりして...
ライブラリ
Homebrewをインストールする 1. 公式サイトのインストールに表示されている内容をコピーする。https://brew.sh/index_ja ...
制作効率化
たとえば、下記のような配列があって。 const array = [{ id: 1, name: 'test1' }, { id: 2, ...
JavaScript
WWDC23で公開されたVIDEOは181個（!!!）もある。その中から、「visionOS」のタグがついたVIDEOだけを抽出してみた。 Acc...
Apple Vision Pro
（chatGPT訳）ページ元：https://developer.apple.com/visionos/ 全く新しいプラットフォーム。お馴染みのフレーム...
Apple Vision Pro
ユーザーごとの言語設定を変更する update_user_meta(1, 'locale', 'en_US'); 第1引数にユーザーID、第2引数...
WordPress
たとえば、起点となる位置があって、そこから右に100px移動したところに要素があるとした場合、CSSでは位置移動には2つの方法がある。position、もしく...
JavaScript
個人で制作する場合、BEM、とりわけ、MindBEMdingモデルをCSS設計として採用している。実際の運用では、Blockごとにscssファイルを新規追加も...
CSS
サーバーにアップロードされているディレクトリー・ファイル一覧をGoogleスプレッドシートやエクセルで作ろうとして、そのファイルの多さに絶望したWebディレク...
php
MAMPのバージョンを6.2から6.6にアップデートしたときのこと。ファイル修正して保存してブラウザで確認、といういつものフローを実施したとき、ファイルが更新...
MAMP
何言ってるんだ？ というタイトルですが...。 一度表示したWebページで、Contact Form 7 を含むWebページをAjaxで取得して表示した...
WordPress
基本的に、情報を持たない画像は背景画像で処理している。ただ、どうしてもimgタグで対応する必要がある場合、それでいてbackground-size: cove...
CSS
ちょっと時系列を逆にして振り返る。 3. Office WEB版 ファイルを削除できない → OneDrive で削除できる Office WEB...
サービスレビュー
たとえば、あるユーザー情報が下記の場合。 ログイン名「sample」パスワード「abcde」ユーザーID 「123」表示名「たけたけ」 WordP...
WordPress
朝、いつものようにMacを起動して、AutomatorでWeb制作関連のアプリを一気に立ち上げる。あれ？Dreamweaverが開いていない。起動画面で「サイ...
Dreamweaver
「プログラミングの知識がなくてもホームページは作れるとはいうけど実際どうすればいいの？」そんな疑問にWeb歴16年(2022年3月現在)のぼくがお答えします！...
サービスレビュー
人気記事リスト情報を取得するプラグイン「WordPress Popular Posts 」を使う際、カテゴリを指定して取得するには、カテゴリIDが必要となる。...
WordPress
2012年2月、HTMLにフォーカスした、HTML5についてのまとめ記事を書いた。html5の要素とコンテンツモデルhtml5タグ一覧 あれから時は流れ...
html
ある朝、メールが何十件も届いていて何かと思ったら、このブログへのスパムコメントだった。管理画面からコメントをスパム判定していく。同日の昼。メール確認したら、今...
WordPress
まっさらな MacBook Air 2013(Big Sur) に laravel ver8.78.1 をインストールしたので、その備忘録。 ターミナル...
laravel
htmlファイルを新規作成して、「!」や「html:5」を入力して「Enter」すると、自動で基本となるhtmlがマークアップされる。このように、HTMLやC...
VSCode
どうしても黒ベースが苦手で。玄人感がある気がするのです。エンジニアさんの黒ベースは「おおー」って思うけど、自分の作業画面が黒ベースなだけで何となく難しい印象を...
VSCode
(公式サイトで勉強中) 公式サイト Vue.js で学んだことの備忘録。この記事のテキストや図は、公式サイトから抜粋しています(多少、自分なりの言葉に置...
Vue.js
Google Apps Script では、JavaScriptで読み込み準備後にコンテンツを生成するような動的なWebページの情報を取得することはできない。...
Google Apps Script
VSCodeをインストールしたときは「タブを入力すると、半角スペースが4つ」となっていた(画面右下に、タブを押したときの振る舞いが表示されている)。ファイル単...
VSCode
Vue.jsとはJavaScriptのフレームワーク。 ●JavaScriptJavaScriptは、HTMLで作られた静的なWebページを動的にする事...
Vue.js
Laravel。知識ゼロだが、ググって理解した内容を備忘録。 Laravelとは？ Laravelとは、PHPのフレームワーク。 ●PHPP...
laravel
過去に自作したことがあったが、盛大にバグってたので作り直し。ググったらすぐに参考になる記事が見つかった。その記事自体も2014年というかなり前に書かれていて驚...
JavaScript
最初にスライドショーを自作したのがおよそ11年前(2021年12月現在)。当時の記事「スマートフォンでも使えるフォトスライド」Web業界の11年は、とんでもな...
ライブラリ
デザインのリサーチについて、体系的に学びたい方やデザインのリサーチ手法の手数を増やしたい方ににオススメしたい一冊。 デザインのリサーチ手...
知識編
ターム一覧を取得するには、get_termsを使う。ターム一覧を投稿記事の多い順に取得しようと「orderby => 'count'」として、get_term...
WordPress
カスタム投稿によって、テンプレートを変える方法は2つある。ファイル名を変更するか、もしくはここで紹介する分岐を利用する。 ここでは、カスタム投稿ではない...
WordPress
カテゴリーやタグ（カスタム投稿でいうとタクソノミー）の値を管理画面外から更新する場合の備忘録。 wp_set_object_terms($object_...
WordPress
カスタムフィールドの値を管理画面外から更新する場合の備忘録。 update_post_meta($post_id, $meta_key, $meta_v...
WordPress
この書籍の中で、ライティングのユーザビリティについて触れている項目があり、激しく共感する部分だったので、ここで備忘録としてピックアップする。 ...
ライティング
この書籍は、I部 リサーチ、II部 デザイン、III部 インプリメンテーションと三部構成になっている。この記事では、その中から、I部 リサーチ、...
デザイン思考
requestAnimationFrame をはじめて見たので調べていたら、setTimeout や setInterval は requestAnimati...
JavaScript
書籍では、それぞれの項目について、補足テキストがあるのだが、これがうなずきポイントだらけ。またページレイアウトやタイトルデザイン、写真の選択が秀...
デザイン思考
10年前くらいに読んだ良本「スウェーデン式アイデア・ブック」が出てきた。深くうなずきながら読み進めたのを今でも覚えている。どんな内容だったが思い...
デザイン思考
記事の投稿者（ユーザー）情報を取得するには、これまでは「get_userdata」を使っていたが、IDを取得したいだけなのに、もうちょっとシンプルな方法がある...
WordPress
2019年1月に書いたレビュー（2年以上前！）が残っていたので、ここに転載。当時YouTubeをやろうとしていた頃を思い出す。今でもYouTub...
知識編
書籍「図解モチベーション大百科」。主に行動経済学、実験心理学を扱った国内外の文献から、編著者なりの解釈で紹介された本。ここでは備忘録として書き残...
マーケティング
MAMPにWordPressを入れてテストをしていると、ユーザー作成時やら何かとメール送信が必要になるタイミングがる。何も設定をしていないとローカル環境のWo...
MAMP
先日、「iOS Safariで絶対配置(position:fixed)して惰性スクロールしてもロックしない、フリーズ回避方法」という記事を書いたときに、エンジ...
デザイン思考
公開が2020年7月ということで、もう少しで1年経つのかぁ。「最終回 株式会社北の達人コーポレーション 木下勝寿社長 DMM MARKETING CAMP ｘ...
マーケティング
数年前に読んだ本だが、ノートに書き写していたものを備忘録として書き起こし。 行動経済学は、心理現象を背景に、人間の意思決定に関する メカニズム...
マーケティング
「デザインノート EXTRA good design company 水野学」から抜粋して自分なりの解釈を追加した過去メモ。 「iD」メイキング ブラ...
実例編
昔書いたメモが出てきたので、備忘録としてここに書き写します。 ラベル bugバグ・動作不具合の場合duplicateすでに他のIssueやプルリクエス...
制作効率化
2022年10月15日追記いつからかわからないが、このバグはすでに解消されてるッ（iOS15.6.1 Safariで確認済み）！！この記事は結構な時間と検証を...
JavaScript
ふと、カメラレンズの価格が知りたくなった。その数、50本くらい。いや、もっと増えるだろう。価格コムの最安値を参考価格とする。さっそく、Googleスプレッドシ...
Google Apps Script
最新コメント5件を表示するような共通エリアを、すべてのページに用意するお話しです。 実現したいこと 最新コメント5件を表示するような共通エリアを用意す...
WordPress
var_dump({変数名}) で出力すれば変数の内容を確認することができるが、たとえばWordPressをいじっているときに、サーバーサイド側の処理途中にあ...
php
外部のAPIを利用する際、リクエスト回数が制限されることがある。また、リクエスト回数が制限され、かつ毎日更新をルールとする外部のAPIもある。 そんなとき...
php
2022年2月2日追記 前回確認したときは多くが変わりすぎていたWebページですが、今確認したところ、ロゴがFacebookからMetaに変更があるだけで、仕...
API
5年くらい前に購入した書籍「インタラクションデザイン」。この書籍内ではたくさんの事例が紹介されている。残念ながらその多くは現在閲覧することができなくなっていた...
デザイン思考
WordPressを自作する上でもはや欠かせないプラグインの一つが、「Advanced Custom Fields」。 名前を変更しようと思って、Word...
WordPress
配列の場合 /** * 配列の重複を削除する * * @param {array} ary* * @return {array} 処理後のary...
JavaScript
5年以上前と比べると、アップデートが簡単で驚く。とくに記事にするまでもないと思いつつ、一応備忘録。 インストールすると、既存のディレクトリはそのままに別名...
MAMP
プラグインを更新中に、誤って、違うページにアクセスしまいました。すると、管理画面だけでなく、公開中のすべての画面が「briefly unavailable f...
WordPress
Gulp。いつもは正常に動いている環境をそのままコピーして再利用するようにしている。そうすることで、案件ごとに毎回環境作りをする手間を省くことができ、何よりG...
制作効率化
書籍「LEAN UX リーン思考によるユーザエクスペリエンス・デザイン」から抜粋。 「前提の宣言」「MVPの作成」「実験の実行」「フィー...
知識編
この記事で紹介したのは、本書の序盤をまとめたにすぎない。さらに実際のアプローチ手法やサンプルも掲載されているので、気になる方はぜひ一読をオススメ...
知識編
オブジェクト指向 クラス定義 JavaScriptは厳密にはクラスがない、プロトタイプベースのオブジェクト指向言語。ES6でclass構文が導入さ...
JavaScript
書籍「メンテナブルJavaScript」と Google JavaScript Style Guide 和訳 を参考に自分なりのJavaScriptスタイルガ...
JavaScript
この記事では「管理画面で投稿やカスタム投稿の公開ステータスを更新したときに何かしらの処理をする」方法の備忘録です。 functions.php を修正しま...
WordPress
Google Fonts はとても便利だが、画面に表示するまでの遅延が気になったので、同様の効果をローカルにあるフォントを利用して実現させる。 事前に用意...
CSS
WOFFコンバータ ダウンロードhttps://opentype.jp/woffconv.htm 以下、リンク先の「概要」を抜粋。 フォントとWO...
CSS
JSON.parse() 配列とオブジェクトのリテラル記法を組み合わせた文字列をデータとして取り扱えるようにする。 // JSONデータ let js...
JavaScript
真の場合。偽の場合は、!== を使う。 プリミティブ値の判定 文字列の判定 if (typeof a === 'string') {} ...
JavaScript
数ヶ月前、WordPress本体をバージョンアップして、エディタがガラリと変わった。その際、それまでサイドナビに、Custom Post Type UI（CP...
WordPress
書籍「なるほどデザイン」を読んだときにメモしたノートが出てきた。3, 4年前に読んだ本。テキストのみで備忘録として残しておくが実際はイラストと合わせ...
デザイン思考
使えるデザインになっている？→ デザインは正しいインプットによって、人の暮らしや夢を助けるツールサクサクと動く、機能するデザインになっている？→ デザインが機...
デザイン思考
書籍「売れるデザインのしくみ」を読んだときにメモしたノートが出てきた。3, 4年前に読んだ本。2009年に出版されたと知って驚き。10年前と言えば、...
マーケティング
書籍「スターバックスはなぜ値下げもテレビCMもしないのに強いブランドでいられるのか?」を読んだときにメモしたノートが出てきた。3, 4年前に読んだ本。20...
マーケティング
いつもは直接アップロードしているので気にしていなかったが、WordPress管理画面のメニュー「メディア」からfavicon.icoをアップロードしようとした...
WordPress
ポイントを使ったり、増やしたりしたときに、結果のポイント数に差し替えるのではなくて、カウントアップしたり、カウントダウンして動的に動かそうと思って作ってみた。...
JavaScript
そんなに利用頻度はないものの、たまに使う際に毎回調べてるので、備忘録がてらメモ。ドメインとかホストとかは、同義語として取り扱います（厳密な違い、FQDNについ...
php
booleanを返却する、便利なWP関数を備忘録がてらまとめようと思ったら、すでにWikiにまとめらてました。これは便利。条件分岐タグ - WordPress...
WordPress
たとえば、タクソノミースラッグを「genre」、複数形のラベルと単数形のラベルを「ジャンル」として、ジャンル候補として、下記を作った場合。 ...
WordPress
たとえば、投稿タイプスラッグを「movie」、ラベルを「映画」としたとき、投稿ページ（single-movie.php） の中で、それぞれの値を取得する方法。...
WordPress
DBを修正する必要はなかった！ WordPressの管理画面で、メニューの「設定」→「一般」にある、WordPress アドレス (URL) を変更するこ...
WordPress
https://www.youtube.com/embed/9WLpZTRy0zo ぼくたちの共通点→「集客」 仕事内容を考えたとき、ぼくたちの共...
対談
前後記事ページを表示するのは、あらかじめ用意された関数を使うことで簡単に実装できる。ただし、記事のカテゴリーの祖先カテゴリ（*1）を対象にした前後記事ページを...
WordPress
やりたいこと カテゴリー一覧ページで、そのカテゴリー一覧ページに属する記事一覧を取得するためにループさせるのとは別に、タイトルやカテゴリー別にデザインを...
WordPress
便利なプロトタイプツールはたくさんある。その中でも、AdobeのXDとSketchは、個人的にはトップ2。でも導線確認するには、もっとリアルな感じで作った方がい...
JavaScript
この一年で最低3回は同じエラーにハマって、解決するのに結構な時間を費やしてしまったので、ここに備忘録として残しておく。 sudo npm install --...
制作効率化
GruntからGulpに乗り換えて、3年くらい経つだろうか。 サイトを新規で作るたびに、Gulpをインストールしている。 毎回インストールしなくてもコピペで再利...
制作効率化
めっちゃ参考になるページを見つけた。絞り込みをするたびに色々ググっていたが、これがあればほとんどのことが解決できそうな気がする。参考： これは便利！WordP...
WordPress
セキュリティ観点において、他デバイス・ブラウザでログインした際にメール通知がくるのはとても良いことだと思う。 ただその内容というか、文面はとても大事。その書き方...
実例編
<?php $args = array( 'paged' => 1, 'posts_per_page' => 20, 'post...
WordPress
sassファイルを保存すると、cssファイルが自動生成されるという症状でしばらくの間、ストレスだったがようやく解決。 例えば、var.scssを修正して保存す...
Dreamweaver
サンプルソースコードをコピペして使おうと思ったら、うまくいかない。アレ？コード間違えたかな、と確認するも間違いがない。だがしかし、書き出されたソースで半角が全角...
WordPress
【2020年4月11日更新】 プラグイン名が「AMP for WordPress」から「AMP」に変更され、作成者も「AMP Project Contribu...
WordPress
書籍「ロゴデザインのアイデア! 実例で学ぶ!!プロのデザインルール&テクニック」の「Part 1 ロゴの基礎知識」に書かれていることをまとめました。Pa...
デザイン思考
タイトル ノンデザイナーズ・デザインブック[第4版] 著者 Robin Williams 発行日 2016年7月2日 ...
デザイン思考
25 Free Futuristic Fonts to Jumpstart Your Designs 25 Best Free Business Fonts ...
お役立ちツール
xxx.min.cssやxxx.min.jsのようなファイル名でCSSのminifyやJSの難読化された一行の圧縮ファイルを見やすくした状態で確認したいとき。 ...
お役立ちツール
記事のコメント部分を最低限必要な情報のみ直書きしてみます（WordPress 4.9.2 で実施）。 前提 誰でもコメントできる（管理画面の「設定」→「...
WordPress
【2022年07月05日】 macOS Monterey（12.4） / Adobe iLLustrator 2022（26.3.1） にて動作確認済み(透...
Illustorator
MacBook Air を売却するため、初期化したときのお話。念のため、バックアップを取ってから、色々ググりながらトライしました。 その際、「macOS...
豆知識
ターミナルを起動して、下記を入力して実行すると、指定したディレクトリ内のDS_Storeファイルをすべて削除することができました。 sudo find ここに削...
制作効率化
普段、dreamweaverを使って制作している。 どうやら、dreamweaverをデフォルトの設定で使用していると、dreamweaverの管理下にあるフォ...
Dreamweaver
もはや自分の制作環境において、なくてはならないツールの一つがMAMP。 それが突然使えなくなってパニクる。具体的には、Apacheは起動するが、MySQLが起動...
MAMP
「0から目指すWebマスター」というWeb制作に携わる方に向けての備忘録サイトを不定期に発信しています。さきほど「EFO（入力フォーム最適化）について考えてみ...
知識編
EFO（Entry Form Optimization）は、入力フォームを最適化することですが、EFOの施策をやるかどうかで、入力フォームの離脱率を改善すること...
実用編
Movable Type Open Source（MTOS）で運営しているこのWebサイトをサーバー移行をしました。 試行錯誤で色々失敗しましたが、整理すると以...
MovableType
便利なツールを使いすぎて、それが使えなくなった時のテンパり方は半端ない半端ない。 MAMPもそのひとつ。 そんなMAMPを起動しようとしたら、Apache サー...
MAMP
これまで利用させていただいていた印刷会社には全く不満はなかったのですが、ちょっと違うところも試してみたくなり、「印刷の通販グラフィック」さんに登録してみました。...
サービスレビュー
Webサイトに動画を利用する際には、2017年8月時点では、webmとmp4とどちらにも対応していない場合の静止画像を用意して置くことにしている。 動画を違う拡...
お役立ちツール
テンプレートをフルカスタマイズで作ろうとしたとき、wp_head() で表示される内容が不要なのでどうにかできないものか。 はじめは、wp_head() メソッ...
WordPress
記事の数を取得する際の2つのケース。wp_count_posts() と found_posts を使い分ける。 通常 公開済みの投稿数を取得 $co...
WordPress
Object.keys 配列の場合 var a = ["ジョン", "ポール", "ジョージ", "リンゴ"]; a.length; // 4 var...
JavaScript
WordPressの管理画面。「投稿」や「固定ページ」の一覧は、公開日順に並んでいる。ところが、カスタム投稿を追加した場合、公開順ではなく名前順に並んでいること...
WordPress
「Amazonフレッシュ」をご存知でしょうか？ Amazonフレッシュについて、サービスの紹介ページから以下抜粋します。 --- 今日の食卓、まとめてお届け A...
サービスレビュー
アイキャッチ画像のURL情報だけを取得する記事を多くみつけたが、実はWordPress 4.4.0 からデフォルトでアイキャッチ画像のURL情報だけを取得する...
WordPress
シンボリックリンクを作成すると、たとえば、Aディレクトリのシンボリックを作成（仮にA'ディレクトリと呼ぶ）すると、Aディレクトリ内を修正した場合、A'ディレクト...
制作効率化
前回、「入力フォームを自由にカスタマイズできる「Advanced Custom Fields」」で基本的なフィールド名を出力方法を紹介したが、今度は条件分岐に関...
WordPress
Movable Typeでいうところのカスタムフィールドを使おうとしたら、Wordpressでは「Advanced Custom Fields」というプラグイン...
WordPress
「0から目指すWebマスター」というWeb制作に携わる方に向けての備忘録サイトを不定期に発信しています。さきほど「「レスポンシブWebデザイン」と「ユーザー視点...
知識編
一般的に広まっている「レスポンシブWebデザイン」 レスポンシブ対応でWeb制作することが多くなった。 だがしかし、一般的に使われる「レスポンシブWebでデザ...
デザイン思考
画像ファイルの容量は小さいほうがいい。でも大きい画像でRetina対応もしておきたい。そんな要望に答えてくれるWebサービスが、TinyPNG - Compre...
WordPress
この「Custom Post Type UI」というプラグインのおかげで、WordPressは「ただのブログに特化したCMS」というイメージから「あらゆる利用シ...
WordPress
投稿画面にアイキャッチ画像の入力エリアが表示されなくて困りました。 もともと用意されているテーマを選択すると、アイキャッチ画像の入力エリアが表示されることが確認...
WordPress
PSDやAIファイルで太さを指定したフォントは、Webでは異なる太さを指定したほうがいい場合があります。 今回は、Noto Sansの3種類のウェイトで調べてみ...
html
inputのplaceholder(プレースホルダー)のテキスト色を変更するでご紹介した内容を踏まえて、修正するだけ。 focus時にplaceholder(...
CSS
いろいろ調べると、疑似クラス「:placeholder」と「:placeholder-shown」というのにいきつく。 ちょっとハマってしまったので備忘録。ハマ...
CSS
まずはサンプル。 これは、overflowをautoにした要素のスクロール位置を変更するサンプルです。 これは、overflowをautoにした要素...
JavaScript
曲の途中に広告が流れることと、音質が悪いことに我慢できれば、「無料」で利用できるSpotify。 若きフリーター時代は、食費を削ってでも、CDやレコードを買って...
サービスレビュー
Movable Typeの記事をWordPressに移行した際、記事内の画像パスを修正する必要があったのに気づく。 Movable Typeではデフォルトの機能...
WordPress
おでかけ用のお気に入りサンダルが昨年壊れてしまったので、今年は新しいのを購入しようとネットサーフィンする。 5,000〜10,000円くらいの予算で考えた。 B...
サービスレビュー
ホーム index.php home.php フロント 静的フロントページ front-page.php 投稿 single.php s...
WordPress
事前条件：すでにWordPressがインストールされていること。 この記事はWordPress4.8で実践しながら書いています。 参考までに。 MAMPをインス...
WordPress
配列のコピー。また同じ過ちをしてしまったので、備忘録 とりあえず実例 var a = 1; var b = a; a = 300; この結果、b は ...
JavaScript
サンプル a = {}; b = { "b1": "value of b1", "b2": "value of b2", "b3": "value of ...
JavaScript
まずはこれ。 // 読み上げます var speech = new SpeechSynthesisUtterance(); 基本セット // 読み...
JavaScript
配列の「値」で判別して要素を削除する場合、 spliceメソッドやsliceメソッドでは「値」ではなく「何番目」かでの処理をするためできない。shiftメソッド...
JavaScript
ググってよく見かけたのは、Fisher-Yates shuffleというアルゴリズムを利用するもの。ソースのサンプルもほとんどが同じ。 function s...
JavaScript
Webではなく印刷物のお話。印刷会社から「アウトラインが取られていません」という指摘を連続でくらってしまったので、反省の意を込めて備忘録。 アウトラインが取ら...
Illustorator
「日本測地 世界測地 変換」でググってみると、変換する計算式はいろいろあることが分かったが、Google Mapsで使われている（た？）というコードをベースに備...
php
「日本測地 世界測地 変換」でググってみると、変換する計算式はいろいろあることが分かったが、Google Mapsで使われている（た？）というコードをベースに備...
JavaScript
両アプリケーションを開いて、ドラッグ＆ドロップすればできると思ったらできなくて焦ったので備忘録。 Fireworksで開いたファイルを、「別名で保存」 Fi...
Fireworks
onscroll や onresize を利用すれば、スクロール時や画面リサイズ時の処理はできるが、スクロールが止まったときや画面リサイズした後にアクションした...
JavaScript
「2点間 距離 取得 javascript」でググるとそのまま利用できる記事がたくさん見つかる。 いろいろ試したが、どれも数メートルの誤差はあるものの、似通った...
JavaScript
The maximum number of apps for free development profiles has been reached. 実機のシ...
Swift
プラグインやらを使えばいいのだろうけど、わざわざプラグインを使わなくても「共有用にリンクだけ設置したい」ということがよくあります。 そのたびにググッて調べていた...
php
数年前にも同じことでハマってしまったのに、同じ過ちを繰り返してしまったので備忘録。 今回の調査端末は、SC-04F（Android 5.0）と iPhone 6...
JavaScript
ターゲットユーザーが外国人を含む場合、日本語が使える環境がないかもしれません。そこで、日本語が使える環境か判別したり、第一優先言語が日本語か判別してみた。$_S...
php
書籍「ランディングページ・デザインメソッド」に書かれていることをほぼそのまま抜粋して、まとめました。気になった方は本書を読むとさらに深掘りできます。 ランディ...
知識編
タイトル ランディングページ・デザインメソッド 著者 株式会社ポストスケイプ 発行日 2015年11月24日 値段 ...
知識編
完全備忘録。 新しいマシンで設定するたびにググってはなかなか該当記事を見つけられずにいたので、備忘録がてら記事にします。結局「mamp バーチャルホスト」でググ...
MAMP
「0から目指すWebマスター」というWeb制作に携わる方に向けての備忘録サイトを不定期に発信しています。さきほど「サービスを提供する際の心構え」という記事をアッ...
知識編
タイトル 伝わるWebライティング 著者 Nicole Fenton (著), Kate Kiefer Lee (著), 遠藤 康子 (翻訳)...
実用編
たとえば下記のような配列（sample）で、配列に格納したオブジェクトの指定したキー（b）の値で並び替えたいとき。また配列（sample2）で、配列に格納した配...
JavaScript
「0から目指すWebマスター」というWeb制作に携わる方に向けての備忘録サイトを不定期に発信しています。さきほど「SEOを語る前に」という記事をアップしたので、...
知識編
SEOとは、Search Engine Optimization の略で検索エンジン最適化の略です。 GoogleやYahoo!といった検索ボックスにキーワー...
SEO
待っているだけでは何も始まらないという現実 今のところ自分からアプローチして仕事を得ていない。お声がけいただいたご縁で仕事を繋いでいる。だがしかし、それだけ...
イベントレビュー
セマンティックなページ（構造化されたページ）を制作する際に、microdataを使うことが多かったが、とにかくコーディングが面倒、というわけで、JSON-LD...
お役立ちツール
dataで日時取得した際に、9時間の時差が出て、日本時間と異なっていた場合 2通りのやり方を備忘録。 php.iniを修正する場合 php.iniのdate....
php
以前、「History API を使ってみる」という記事を書いた。読み返したら非常に分かりにくかったため、History API の使い方をあらためて調べたので...
JavaScript
【Viibar】Food & Drink Meetup Vol.1 前職の同僚が勤めているViibar。Viibarでは、映像制作に特化したクラウド...
イベントレビュー
2015年6月17日、「アドビ史上最も強力で大規模なメジャーアップデート」と題されて東京・西麻布の六本木EXシアターでイベントが開催されました。残念ながら抽選外...
イベントレビュー
iframeで呼び出した際、iframe自体はスクロールさせずに高さを取得してiframe全体を表示させます。 サンプル：iframeの高さを自動調整するデモ ...
JavaScript
ページ高速化の一つの手段として推奨されるCSS、JavaScript の圧縮。 CSS、JavaScript の圧縮とは、各ファイル内のインデントや改行をすべて...
制作効率化
自分自身だけでなく、関係者のPCやスマホ、タブレットからのアクセスも除外したい 新規サイトを制作した際に、Googleアナリティクスを設定して、自宅というか関...
Google analytics
ローカル環境はMAMPを使いました。 データベースを作成する MAMPを起動し、「サーバを起動」後、「オープンWebStartの」をクリックします。 「ツ...
MAMP
MAMPを使用していて、日時の情報を制御しようとしたとき、取得している日時が日本時間ではないことに気がついた。時差を計算してPHPでプログラミングしていたが、...
MAMP
http://localhost:8888/ での参照ではなく、http://localhost/ で参照できるようにします。 MAMPの設定を変更する M...
MAMP
公式サイトからMAMPをダウンロードする MAMP & MAMP PROへアクセスします。 ヘッダー上部メニューの「DOWNLOAD」をクリック 画面真ん...
MAMP
講演者 （敬称略） 基調講演 ：長谷川恭久 マークアップ：益子 貴寛、小山田 晃浩 アクセシビリティ：植木 真、中根雅文、山本 和泉 ツー...
イベントレビュー
#と6桁（もしくは3桁）の英数字（正確には16進数で表記される0から9、aからfの英数字）からなるカラーを、RGBでの数値に変換、もしくはRGBから16進数に変...
JavaScript
以前、「ファイルへのリンク」については触れ、ファイルへのリンクが便利ということを記述したが、今回はファイルへのリンクを利用する際のトラベルシューティング。 ...
MovableType
アーカイブマッピングでも触れてはいるが、今一度リマインド。 直接テンプレートタグを使用できる！ アーカイブマッピングに直接テンプレートタグを使用するこ...
MovableType
いつかどこかで見たスライドだったか、誰かがまとめた記事だったのか、すいません、出典元は忘れてしまったのですが、ローカルで見つけたデータをマルっとコピペして公開...
実例編
「たとえば、木がそよいでいる映像があったとします。 それを見た人は、直感的に風が吹いていることがわかるはず。つまり「木の葉がゆれている」と「風が吹いている」こ...
デザイン思考
講演者（敬称略） Why Sass? ：谷 拓樹（サイバーエージェント） CSSがもっとラクに書ける！これから始めるSassの書き方：柴田 大樹（アンコピ）...
イベントレビュー
レタッチを始める前の心得 写真の使用目的 写真の用途 Webと印刷の違い 写真を触る際の注意点 画像は触るだけ劣化していく 前の作業工程に戻れる姿勢 ...
イベントレビュー
カスタマージャーニーマップ、エクスペリエンスジャーニーマップ、ユーザージャーニーマップ、ジャーニーマッピング、そんな調査法について、まとめてみます。文面はほぼ...
実用編
リサーチ手法のひとつ、カードソーティングについて、まとめてみます。 まず大別して3種類ある。 クローズド・カードソート オープン・カードソート デルファイ・カ...
実用編
https://simplesimples.com/search.html?p=xxxx たとえば、こんなURLがあって、pの値が数字かどうか判別したいとき。...
php
【2020年9月29日】 「input type="text" の値が変更するごとに処理する」を追加しました 【2021年4月27日】 「値をクリアする」「...
JavaScript
講演者（敬称略） 理由と経路のマーケティング：住 太陽（SEO検索エンジン最適化） SEOの最新トレンドに乗り損ねるな：鈴木 謙一（海外SEO情報ブログ） ス...
イベントレビュー
書籍「デザイニング・インターフェース第2版」の「10章 モバイルへの対応」より抜粋。 課題 ちっぽけな画面サイズ 余分なものはできるだけ取り除く さまざまな画...
知識編
ドメインを変更する場合、GoogleやYahooの検索ボックスを利用した際に表示される順位が下がってしまうのでは！？と不安になる。 そんな不安を消してくれる検索...
SEO
html5をはじめからウォッチしてきたから、この辺りは確実に把握しておきたい。 下記は仕様から削除されるリスクがあるものたち。 動向が明確になるまで、個人的に、...
html
端末によって画面両サイドのエリアのリンクが認識しづらい現象が発覚。 クリッカブル領域を広げてみたが改善されなかった。 そこでサンプルページを用意し、スマホで調査...
JavaScript
昨今、スマホ用の需要拡大とアルファ画像が使えないブラウザのシェアが減ってきたことが相まって、png画像を取り入れることが多くなりました。アルファ画像をガンガン使...
お役立ちツール
Preloaders.net オリジナルにこだわって自分でgifアニメーション作ってたりしてたわけだけど。。これと出会ってもうオリジナルへのこだわりが吹き飛んだ...
お役立ちツール
スマホやタブレットの普及で、現在地を取得するような位置サービスの需要が多くなるのは用意に想像がつく。 そこで、WebブラウザでJavaScriptを使って現在地...
JavaScript
この記事を、下記ページに焼き直しました。 「History API を「あらためて」使ってみる」 2015.7.21 History API を使ってみた...
JavaScript
ちょっとハマってしまったので備忘録。 javascriptの「length」に相当する、文字列の長さを得るphpの関数に「strlen」「mb_strlen」が...
php
講演者（敬称略） 基調講演：長谷川 恭久 マークアップ：益子 貴寛、小山田 晃浩 アクセシビリティ：植木 真、中根雅文、山本 和泉 ツール、電子書籍：鷹野 雅...
イベントレビュー
2つ以上のキーで連想配列を並び替えしたいときの備忘録。 サンプル配列 var arr = []; arr.push(["5", "4", "たちつて...
JavaScript
ブラウザ、モバイルファースト、メディアクエリー、マルチ画面、タブレット・・・ 想定すべき画面サイズ、利用シーンに適した情報のコントロールが崩壊しつつある。 とい...
JavaScript
D.A.ノーマンの書籍「複雑さと共に暮らす デザインの挑戦」の本文内のテキストをほぼそのまま抜粋し、ポイントごとにまとめ直した（2011年10月に書いた記事「ほ...
デザイン思考
MTOSのバージョンアップをしたところ、記事を保存する際、カテゴリ選択が無効になり焦った。 テーマのエクスポートで失敗したのか、とカテゴリは含まずにテーマをエク...
MovableType
ライトボックスをお手軽に実装できるためのライブラリは「lightbox」で検索してみると分かるとおりサイト上にたくさんあって、大変ありがたい。 その中で個人的に...
ライブラリ
継承（擬似クラス型）のサンプルの一つとして、コードを理解しやすいようにもっともミニマムなカタチで、シンプルに用意してみた。 var Test = funct...
JavaScript
CSS3で利用できるマルチカラムについて再確認。 カラムサンプル カラム 幅を指定 column-width: 150px; columns: 150p...
CSS
文字列をオブジェクトにしたいシチュエーションができてしまい、ajaxでcallbackすればいいのかな？とか、JSON.parseでいけるかな？とかいろいろ試し...
JavaScript
スマートフォン（以下スマホ）やタブレットでPCでいうところのマウスオーバー処理をしたいときは、touchイベントを使うことで実現できる。 確かAndroid1....
JavaScript
localStorageは、近頃のブラウザやスマホで対応しているのでチョー便利。 そして文字列ではなく、オブジェクトを格納しようとするたびに、その方法を検索しち...
JavaScript
もはや他ブラウザでも問題ないようにクロスブラザ対応だけでなく、スマートフォンやタブレット端末などマルチデバイスに対応できるようになっておかなければ、という時代に...
JavaScript
書籍「Google上位表示 64の法則」を踏まえて、データに基づいて「検索エンジン経由での流入を増やしたい」ならを改めてまとめてみます（書籍レビュー：Googl...
SEO
タイトル Google上位表示 64の法則 著者 藤井慎二郎 発行日 2012年2月3日 値段 2,380円＋税 検索結果に上位表示さ...
SEO
html5の要素を調べたことがあれば、下図のようなものを見たことがあるかもしれない。 これは、W3C Editor's Draftを参考に、自分なりかみ砕いたも...
html
<!DOCTYPE html> <html lang="ja"> <head> <meta ch...
JavaScript
<!DOCTYPE html> <html lang="ja"> <head> <meta ch...
html
コンテンツの高さだったり、ページ内の指定した要素を表示するようスクロールさせようとした際とか、毎回同じことをネット検索してしまうので、ここで高さを取得する方法に...
JavaScript
変数bnにhtmlファイルのファイル名を拡張子なしで取得するサンプル var bn = location.href.split("/"); bn = bn[b...
JavaScript
変数bnにphpファイルのファイル名を拡張子なしで取得するサンプル $bn = basename($_SERVER['PHP_SELF'], ".php");...
php
タイトル 複雑さと共に暮らす デザインの挑戦 著者 D.A.ノーマン 発行日 2011年7月28日 値段 2,800円＋税 本文内の...
デザイン思考
サンプル スクロールバーは、基本ブラウザが用意してるのを使えばいい、という考えでした。そのため、スクロールバーのデザインをカスタマイズしたいと思ったとき、「いや...
JavaScript
1ファイルにまとめると <!DOCTYPE html> <html lang="ja"> <head>...
html
タイトル アイデアのつくり方 著者 ジェームス・W．ヤング 発行日 1988年4月8日 値段 816円＋税 1988年に発売されていな...
デザイン思考
ポイントは、「その年月のカレンダーのその日は第何週なのか、第何曜日なのか、何日なのか」をJavaScriptで生成し、祝祭日はCSSで指定していること。 サンプ...
JavaScript
border-imageは、一枚の画像で9スライスのデザインが実現できちゃうという優れもの。 残念ながらIE8以下で適用できず、実際にはまだ使えないかなーという...
CSS
text-shadowプロパティは、その名から想像するとおり、テキストに影をつける（ドロップシャドウ）ことができます。 仕様 text-shadow:右方向 下...
CSS
box-shadowプロパティは、その名から想像するとおり、ボックスエリアに影をつける（ドロップシャドウ）ことができます。 仕様 外側にドロップシャドウ bo...
CSS
フォトスライド。 確かに様々な優秀なライブラリがすでにある。 jQueryを使ったもの（たとえば、30 Best jQuery Photo Pluginsで紹介...
JavaScript
W3Cで「モジュール背景とボーダー」について2011年2月15日付けで更新されてますね。 CSS3では、背景画像の幅・高さを拡大・縮小するプロパティが追加されて...
CSS
Web Designing 2011/3 パブリッシング プロジェクト06「新聞・メディア論」が気になったのでピックアップ。 メディアというのは、ちょっとしたき...
知識編
IEでは、html5で追加されたタグを使用しても認識してくれません。 そのため、html5でマークアップしたIEでは「CSSが効かない！」とか「レイアウトが崩れ...
JavaScript
MovableTypeやWordPressといったブログツールを使用する際、設定しておきたいのがPING送信。各サービスのブログ検索結果にヒットされるようになり...
SEO
Amazon アソシエイトに関する情報は、ここに備忘録として追記していこうと思います。 Amazon Product Advertising API（署名入り...
豆知識
AmazonのProduct Advertising APIをアフィリエイトとして使おうと試みて、その概要をつかむまで2,3日かかってしまった。まず、アカウン...
php
講演者（敬称略） 西条 幸憲（ヤフー株式会社） 権 成俊（株式会社ゴンウェブコンサルティング） 滝日 伴則（アイオイクス株式会社） 住 太陽 紺野 俊介（株...
イベントレビュー
上図のように、2カラムレイアウトにおいて、左右のコンテンツ長さが任意で、短い方のカラムの縦位置を長い方のカラムのセンタリングする場合、どうしましょうって話。何...
CSS
もっとはやくに気づいていたかった・・・。 環境としては、レンタルサーバーhetemlを使用してMovablTypeをインストールしています。 http://he...
php
inputタグ要素の属性、maxlengthが指定されたテキストの文字数について、ちょっと調べてみた。 調査ポイントは２つ。半角英数と全角でmaxlength値...
JavaScript
inputタグ要素の属性、maxlengthについて、ちょっと調べてみた。 調査ポイントは２つ。半角英数と全角でmaxlength値のカウント方法が異なるか？文...
html
講演者 （敬称略） 林 千晶（株式会社ロフトワーク） 岩瀬先生（日本を代表する著作権関連の弁護士） 開催日 2010年5月20日 場所 アップルストア銀座店 ...
イベントレビュー
いまどき「マッシュアップ」という言葉を使うこと自体ちょっぴり恥ずかしいのですが、外部APIを連携する際のお覚書き。 これまで外部APIの連携は、「php...
JavaScript
講演者 小杉 国太郎（グーグル） 衣袋 宏美（クロス・フュージョン） 大内 範行（アユダンテ） 石井 研二（HARMONY） 権 成俊（ゴンウェブコンサルティ...
イベントレビュー
Ｐｈｏｔｏｓｈｏｐ、ど素人です。Ｆｉｒｅｗｏｒｋｓばかり使ってきたため、FireworksでやってたことをPhotoshopでやろうとするとやり方がわからず、軽...
Photoshop
【2021年5月4日】 QRコード作成【無料】／QRのススメ 追加 【2013年7月9日】 Google QR作成サービス追加 QRコードを作成する...
お役立ちツール
インデックスアーカイブ、ブログ記事アーカイブにおいて使うのに最適。 ※カテゴリーアーカイブにおいては、コンテキストの関係でうまくいかないので、要注意。 サンプル...
MovableType
MTEntriesのモディファイアの組み合わせで実現することはできませんが、 指定したカスタムフィールドに値がある場合のみカウントして 10 件表示させる方法で...
MovableType
Ajax、Asynchoronous JavaScript + XMLの略。非同期通信を行ってJavascriptからXMLデータやテキストデータを取得し、その...
JavaScript
ファイル一括変換（Mac用） ファイル名を変換、一部を削除したいときがある。しかもフォルダ内のすべてに該当する場合がある。あるフォルダ内のファイルを連番付けたい...
お役立ちツール
画像の端と背景の境が分からないように画像を用意する際の手っ取り早い方法の覚書。 Windows XP CS3で実施。 「レイヤ」追加 ツール「選択範囲」を選...
Photoshop
講演者 長谷川 敦士（株式会社コンセント,UNDERCONCEPT） 開催日 2009年8月20日 場所 アップル銀座店 IA Summitとは 年1...
イベントレビュー
表示オブジェクト オーサリング時に作成できるオブジェクトオブジェクト ボタンインスタンス ムービークリップインスタンス テキストフィールド ダイナミック...
ActionScript3
イベント処理 イベント処理の基本書式は下記 オブジェクト.addEventListener(イベント,イベントハンドラ関数名); function イベントハ...
ActionScript3
通常、送信ボタンが押されるとformのactionが実行されますが、formタグに「onsubmit」、もしくは外部化したJavascript内であれば「sub...
JavaScript
selectタグの上にコンテンツを乗せる手法。いろいろネット検索したものを総まとめした「覚書」。 これを参考に応用すると、うまくいく。ただW3Cに準拠していない...
html
たとえば、セルに「テスト左：テスト右」と書かれているのを「テスト左」「テスト右」とセルを分割する方法です。Javascriptでいうところのsplitです。 そ...
Excel
幅と高さを知りたい矩形を選択。そして矩形情報を表示すれば、幅と高さが分かる気がするのだが（下図参照）・・・。 これだけでは、幅と高さだけなぜか表示されない。幅...
Photoshop
<?xml version="1.0" encoding="UTF-8"?> <rss versio...
xml
グリッドレイアウトを作成するたびに、カラム数と幅と余白をちまちま計算していたのですが、フォーマット作っちゃえば、あとは全体幅に合わせてコンテンツエリアの幅を広げ...
豆知識
「Web上ですべてを完結できる」というのは、MTのメリットの一つです。 ただ、実際の制作フローでは、ローカル環境で作業して、それをMTに貼付けるシーンは多いかと...
MovableType
講演者 福井幸子（（株）キノトロープ） 成川秀幸（(株)プレイズム） ウェブ商人 川島康平 堀内敬子（（有）アズ・シーツー） 開催日 2009年3月2日 場所...
イベントレビュー
意味づけされたマークアップをすることは、 将来性の高いコーディングスキルを身につけると同様の価値があると思うのです。 それが、アマチュアとプロとの違いでもあると...
html
携帯から記事を投稿できるようになったら、もはや無料ブログを凌ぐんだろうなぁ、と思ってたらいろいろありました！ ちなみに携帯からブログを更新することと「モブログ」...
MovableType
「選択できねぇ！」 画面上の要素をクリックしても選択されない。Fireworksではまずそんなことはなかった。Photoshopでは、Fireworksと違って...
Photoshop
講演者 江尻 俊章（環） 鈴木 富士雄（マクニカ） 開催日 2009年1月15日 場所 アップル銀座店 アクセス解析の歴史 2000年まで もともとアクセ...
イベントレビュー
swfファイルをhtmlファイルで指定する際、従来はobjectタグとembedタグをダブルに記述していたが、embedタグはxhtml1.0から非推奨タグとさ...
JavaScript
「CSSは記述しているのに適用されない」という質問が多々あるので、あらためて基本をざっくり。 CSSを指定する方法として、大きく分けて2通りの考えをマスターする...
CSS
Javascriptでブラウザ判別するのはともかく嫌いで、どうにかこれまで避けてきたのだけど。 どうしてもIEかそれ以外の判別をしなければならないシチュエーショ...
JavaScript
swfファイルをブラウザ上に表示するために、flash playerの有無やバージョンの判別をする最も普及しているといっても過言ではないライブラリ「swfobj...
JavaScript
コンテンツの量に関わらず、スクロールしても、ヘッダーとフッターは常にブラウザ上に表示されるようにする。 ポイント htmlとbodyに高さ100%を指定する ...
CSS
講演者 長谷川 恭久 原 一浩 新谷 剛史 植木 真 益子 貴寛 及川 卓也 鷹野 雅弘 開催日 2008年12月13日 場所 デジタルハリウッド 東京本校 ...
イベントレビュー
微妙なニュアンスにこだわった色決め http://kuler.adobe.com/ Adobeが公開しているカラーピッカー。5色の組み合わせを試すことができる...
お役立ちツール
inputタグの文字間を上手にコントロールする術を模索している。 百聞は一見にしかず、ということでサンプルを見てほしい。 xhtml <ul> ...
html
mt:entrydateなどを利用して日付を表示させる場合、その形式はformat属性（モディファイア）を使って編集します。 パラメーター 表示例（補足）...
MovableType
IE7でブラウザの右下にある数値を変えて拡大してみる。見事にレイアウトが崩れる場合がある。 IE7の拡大時のレンダリングは、Operaと同じように、bodyその...
CSS
F1層って何歳から何歳までの男女どっちだっけと調べることが多かったので、ここいらで整理しておこうと思ふ、ターゲット層。 もともとは、ビデオリサーチ社が社内用語と...
豆知識
xsltスタイルシートの立ち位置 xml文書とxsltスタイルシートを、xsltプロセッサを通して、別の構造や形式のデータに変換する。 xsltの記述 xslt...
xslt
JavaScript InternetExplorer Netscape 特徴 JavaScript1.0 IE3.0 N2 基本的なオブジェクト...
JavaScript
「CGI」という言葉だけで、まだ拒否反応が起きる。 でもどうしても「mt-config.cgi」を修正したくなった。 ただ、config.cgiを修正する際の注...
MovableType
検索窓やタグクラウドの最もシンプルな記述 インデックステンプレート、すべてのアーカイブテンプレートで利用できます。 検索窓 <form method="g...
MovableType
エントリーページに、そのエントリーが属するカテゴリ内の最新10件を表示しようとした場合をもう一度考えます。 <mt:categorylabel setva...
MovableType
エントリーページに、そのエントリーが属するカテゴリ内の最新10件を表示しようとした場合を考えます。 特定カテゴリのエントリ一覧 <MTEntries la...
MovableType
たとえば、白文字が混じった画像を透明GIFにする場合、背景だけでなく白文字までが透明化されてしまう。 ずっと悩んでいたがようやく解決できたので覚え書き。 形...
Fireworks
実際に、簡単なサンプルを用いて、xml文書がどのように変化するのか見てみます。 sample.xml <?xml version="1.0" enc...
xslt
xml文書は別のxml文書と結合することができる。結合した際に同じ要素名があるときの不具合を、名前空間を使用して回避できる。 記述方法 <プリフィックス:...
xml
アーカイブテンプレートには、各々のテンプレートの種類やテンプレートが出力するアーカイブの種類に合わせて自動的に変数が設定され、値として「1」が代入されます。また...
MovableType
アーカイブマッピングは、アーカイブテンプレートをどんな種類で、どこに、どんなファイル名で出力するのかを設定する機能。 同じアーカイブテンプレートや、複数のアーカ...
MovableType
テンプレートは、ブログ単位のテンプレートと全ブログ共通のグローバルテンプレートに大別されます。さらに、ブログ単位のテンプレートは大きく5種類に分類されます。 ...
MovableType
手順 2 まずは、Movable Type「MT-4_1-ja」フォルダを「mt4」にリネイムし（ネーミングは任意です）、[（ドライブアイコン）] → [アプリ...
MovableType
講演者 John Allsopp 開催日 2008年6月14日 場所 アップル銀座店 CSS3の概念と実践的なテクニックが紹介されま...
イベントレビュー
講演者 春日井 良隆（マイクロソフト） Barimi（面白法人カヤック / BM11） 住 太陽 高木 敏光（TAKAGISM） 川井 拓也（ヒマナイヌ） ...
イベントレビュー
講演者 五寳匡郎（マイクロソフト） 朝岡絵里子（マイクロソフト） 竹内洋平（マイクロソフト） 海津ヨシノリ（http://www.kaizu.com/） 新谷...
イベントレビュー
タグの書式で守らなければならないルールは２つ。 タグの名前を「MT（またはmt）」からはじめる。 区切り文字を挿入できる位置は「MT」と「タグの名前」の間のみ...
MovableType
テンプレート上の視認性を高め、生成されるファイルには表示されないのが特徴 簡単なコメントを残す場合 <$MTTemplateNote value="ここに...
MovableType
MTInclude module="テンプレートモジュール名" テンプレートモジュール名を呼び出すことができる。 MTInclude file="ファイル名" ...
MovableType
If文 <MTIf 条件式A> 条件式Aが真の場合の処理 </MTIf> <MTIf 条件式A> 条件式Aが真の場合の処理 ...
MovableType
MTSetVarファンクションタグとMTVarファンクションタグ MT記述例 <MTSetVar name="thisWebSite" value="0...
MovableType
コンテキスト どのブログか？どのカテゴリか？どの記事（ページ）についてか？どの部分のことなのか？を指定する テンプレートタグ データ内容を抽出・出力する モディ...
MovableType
MT3 MT4.0 MT4.1 ブログ記事カテゴリー管理 / アーカイブ作成 エントリー ○ ○ ウェブページフォルダ管理 / ...
MovableType
これまで、個別商品リンクしか利用したことがなかったが、実は魅力的な広告がたくさん用意されていたことを知り。今度作るサイトでは、広告のことを意識しながら制作できた...
豆知識
横長 テキスト イメージ 動画 リンクUnit 紹介ボタン テーマUnit 728 x 90 ○（4） ○ ○ 728 x 15 ...
豆知識
講演者 関根元和（MovableTypeで行こう！、エムロジック放課後プロジェクト） 藤本壱（The blog of H.Fujimoto） 黒野明子（cre...
イベントレビュー
手順 1 まずは、Movable TypeとMAMPをマッチングさせるためにフォルダを整理します。 Movable Typeをインストールした際に生成されたフ...
MovableType
Mac OS X に Movable Typeをインストールし、ローカルテスト環境を作りました。実際、ネット検索しながらいろいろ試したのですが、なかなかうまくい...
MovableType
mt4.1へバージョンアップさせるために、「mt4.0 mt4.1」でググって調べつつ作業しました。残念ながら、すんなり移行することができなかったのですが、それ...
MovableType
記述は間違いない（はずな）のに、ブラウザによって思うように動作しないことがある。 実際にどのようなことがあったのか、そしてどのようにすれば対処できたのかを紹介。...
JavaScript
記述は間違いない（はずな）のに、ブラウザによって思うように動作しないことがある。 実際にどのようなことがあったのか、そしてどのようにすれば対処できたのかを紹介。...
JavaScript
ウィキペディア、IT用語辞典参照 携帯事情 携帯用サイトは、QVGAを基準にすることが多い。 通称 横×縦 アスペクト比（横:縦） ピクセル数 携帯 ...
豆知識
以下、2007年12月21日、アップルストア銀座店で開催されたセミナー「CSS Nite x (r)evolution "Shift to 2008"」の中から...
知識編
講演者 益子貴寛（株式会社サイバーガーデン） 原一浩（株式会社エフエックスビイ） 植木真（インフォアクシア） 鷹野雅弘（株式会社スイッチ） 開催日 2007年...
イベントレビュー
【2020年7月13日】 デッドリンクの削除と最新版に更新しました（ほぼすべてデットリンクのため、総入れ替え）。 有効キーワードを探す際に便利なツール...
お役立ちツール
Level 1 (x)html <p> <a href="#" onclick="openConts();">クリックすると、コン...
JavaScript
MTのすごいところは、そのカスタマイズ性。まっさらな状態から作成できるのがこの上ない魅力である。 必要最低限のソースはたった二つ。html要素タグに属性「id=...
MovableType
MTを「ブログ」としてではなく、「CMS」として利用する場合、ディレクトリ名とファイル名は自由に設定したい。 ところが、何の設定もしていないデフォルトの状態で新...
MovableType
MT（MovableType）をカスタマイズするには、まずMTの仕組みを知る必要がある。 公開までの一般的な流れとMTの関係 Webサイトの構成を決める→...
MovableType
MovableTypeを利用し始めて1年経った。とはいえ、基本設計は公開時にやったきりで、その後と言えば、ひたすら更新作業だけだった。しかも更新する箇所のコンテ...
MovableType
掲載から特定の期間が経過すると削除する（「new」マークや「最新情報」など）場合に便利なスクリプト。 「日数」後まで、の表示設定 javascriptソース ...
JavaScript
コンテンツのある一部分の掲載削除日が決まっている場合（「new」マークや「本日更新」）に便利なスクリプト。 「いつまで」の表示設定 javascriptソース...
JavaScript
xhtmlソース <div> <ul> <li>navi1</li> <li>navi2</...
CSS
(x)htmlにテキストを記入し、CSSでマウスオーバー時に背景画像を変更させる。 xhtmlソース <div> <ul> <l...
CSS
xhtmlの書き順 #cont2（#cont2in） → #cont1 → #cont3 （#cont1と#cont2の書き順はどちらでもよい） widthの...
CSS
xhtmlの書き順 #cont2 → #cont1 → #cont3 （#cont1と#cont2の書き順はどちらでもよい） #cont1and2{ f...
CSS
xhtmlの書き順 #cont1 → #cont2 → #cont3 #cont1{ float:left; width:○○px; } #cont2{...
CSS
3段組み #wrapper{ width:○○px; } #container{ position:relative; width:100%; } #con...
CSS
2段組み #wrapper{ width:○○px; } #container{ position:relative; width:100%; } #con...
CSS
本来であれば #wrapper{ width:○○px; margin:0 auto; } の設定だけで充分なのだが、これだとIE5が対応せず左寄せのままで...
CSS
下記に示す全称セレクタを用いた初期化方法の流行りは影を潜め始め、現在は「必要な要素のみに適切なスタイルを示す」方法が流行りはじめているらしいことを聞いた。ただ、...
CSS
Webサイトの役割を「見込み客獲得」や「売り上げ獲得」とした場合、サイト名を企業名にしてしまうともうからないことがある。 サイト名が企業名でもOKなのは、大企業...
知識編
記述方法は間違いないのに、文字化けしてしまう。 xhtmlはutf-8で宣言していたのだが、Javascriptで記述された日本語がブラウザで確認すると文字化け...
Dreamweaver
line-heightを指定してる中にimgが含まれると、WinIE(IE7では修正されている)では行間が狭くなる。 <ul> <li>...
CSS
.group{ overflow:auto !important; overflow /**/:hidden; } または .group{ overflo...
CSS
せっかくPhotoshopである写真を形取ったのに、その画像をIllustreatorやFireworksにコピペすると、入らぬ背景までくっついてきてしまう。 ...
Photoshop
ユーザーは常に「だまされる」ことを警戒していて、商材価値だけでなく、取引のリスクも考えた上で購入や契約を決めている。これを意識してコンテンツを作成する必要がある...
ライティング
文章力以上に重要なのが事前のヒアリング コンテンツの原稿が用意されずに書き起こしをしなければならない場合、内容・表現の「正解」を知らないまま、単に用意された資料...
実用編
使用例：<meta name="robots" content="nosnippet" /> 「nosni...
html
if(document.getElementById){ IE5.0〜、N6.0〜（「getElementById」をサポートしたブラウザ）用スクリプト } ...
JavaScript
DOM値を取得する方法 id属性を使用してタグ要素の属性の属性を取得する document.id名.属性 JavaScriptのオブジェクトと共通のDO...
JavaScript
DynamicHTMLとは DOM（Document Object Model）をスクリプトなどを使って操作し、ブラウザに動的な効果を与える技術。 HTMLを...
JavaScript
グローバル変数 スクリプトのどこからでも参照できる ローカル変数 ファンクションの中で宣言されたローカル変数はその中にしかない function squa...
JavaScript
文字列 ダブルクォーテーションマーク（"）、シングルコーテーションマーク（'）で囲まれた文字や数字や特定の特殊記号 注意！文字列の一部にシングルクォ...
JavaScript
大文字・小文字のアルファベット、あるいはアンダースコア（_）で始まる文字列 変数には文字、数字、ドル記号（$）、アンダースコア（_）を含めることができる 日本...
JavaScript
従来 <script language="javascript">〜 と記述。更に <script language=&...
JavaScript
ナビゲーターオブジェクト navigator Plugin MimeType screen event window frame document ...
JavaScript
タイトル ビジネスブログ・テンプレートブック 著者 中村義和 発行日 2006年6月20日 値段 2,800円＋税 カスタマイズ性に...
MovableType
タイトル DOM Scripting 標準ガイドブック 著者 Jeremy Keith 発行日 2007年6月25日 値段 2,900円＋税 ...
JavaScript
具体的には、ブラウザ表示領域（ファーストビュー）とコンテンツ高さを比較して、コンテンツ高さの方が短い場合、フッターは下部に固定。コンテンツ高さの方が長い場合、ス...
CSS
スタイル変更ボタンを設置し、スタイルシートごとごっそり置き換える。 これはCSSとJavascriptの組み合わせで実現させる。 動作確認環境 Windows...
JavaScript
わざわざメールマガジンの配信登録してくれた皆さんには特別な情報やオトクな情報をいち早くお届けします」という姿勢が大事。 ユーザがガードを下げるのはページ導線の...
知識編
退屈さこそが私たちが日常的な課題に期待しているもので、そうであるからこそ私たちは、いつものありふれた作業ではなく、生きていく上で重要なことに意識的な注意を注ぐこ...
デザイン思考
いついかなるときにも、その時点でどんな行為をすることができるのかを簡単にわkるようにしておくこと（制約を利用する）。 対象を目に見えるようにすること、システム...
デザイン思考
機能の数をどんどん追加していって、ついには、どう考えても異常だと思えるくらいにまでしてしまうなしくずしの機能追加主義。 なしくずしの追加主義に対するには二通りの...
デザイン思考
デザイナーは自分のことを典型的なユーザであると考えてしまうことが多い。しかし実際には、デザイナーが習熟するということと、ユーザが習熟することの間には大きな違いが...
デザイン思考
エラーが起こっても大丈夫なシステムを作ると、みんなそれに頼るようになるので、信頼性を高くしておいたほうがよいだろう。 エラーの原因を理解し、その原因が最も少な...
デザイン思考
これまでに扱ったことのないようなものを取り扱うときには、次のような問いを参考にすると何をしたらよいかが分かってくる。 どの部分が可動部で、どの部分が固定部か。...
デザイン思考
ラベルに頼らないといけないようなデザインは失格である。ラベルは重要で、必要であることも多いけれども、自然な対応づけが適切になされていれば、ラベルはほとんど必要な...
デザイン思考
外界の中の知識 人は環境を構造化して、思い出さなくてはならないものに関する多量の情報を手に入れることができるようにしている。 そのために、「ofの知識（事実につ...
デザイン思考
こんな製品は使いたくない例1 教示がよくない。 システムの操作が可視的でない。 操作した結果が目に見えない。 こんな製品は使いたくない例2 デザイナーは良か...
デザイン思考
タイトル 誰のためのデザイン？ 著者 D.A.ノーマン 発行日 1990年1月25日 値段 3,300円＋税 頭で分かってることを理論...
デザイン思考
sample.xsd <?xml version="1.0" encoding="utf-8" ?> <xsd:schema xmlns:x...
xml
出現順序を指定 要素名 説明 sequence要素 内容が順番に出現する choice要素 内容のいずれか1つが出現する all要素 内容...
xml
XML SchemaとDTD XML SchemaはDTDと同じように、xml文書の構造を取り決めるための仕様。以下にDTDとの比較を記述する。 DTDよりも...
xml
DTDを別ファイルにして共有することができる。DTDの内容を外部のファイルにしたものは、外部サブセットと呼ばれる。 内部サブセット（internal subse...
xml
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE m...
xml
妥当な文書（valid XML document）とは、整形式文書の規則を守り、かつタグの取り決めを守っている文書。 文書型定義（DTD：Document Ty...
xml
<![CDATA[ ここに記号を含めたテキスト ]]> 参考 xhtml視点でXMLを学ぶ
xml
整形式文書（well-formed XML document）とは、xmlの文法を守った最も簡単な文書。 xml宣言 xhtmlにおいてはxml宣言は必須項目で...
xml
文書内にコメントアウトを記述方法 <!--コメントコメントコメント--> 入れ子で構成 &や<、>などの記号は文字参照で...
xml
さまざまなデータを表すことができる タグは自由に取り決めることができる（対html） 人間にもコンピュータにも分かりやすい（対csv） 参考本 xht...
xml
タイトル やさしいXML 第2版 著者 高橋麻奈 発行日 2001年6月27日初版発行2005年3月30日第2版発行 定価 2,600円（税別） ...
xml
映画館に行くとついつい気になるのがフライヤー。見たい作品を選ぶよりも、フライヤーのインパクトさを求めてたりする。いいデザインだなぁと思うと見たい見たくないに関...
デザイン思考
Webサイトが担う経営戦略 大きく3パターンに分別でき、それぞれが複合したりしてWebサイトが形成される。 売上げを増やす（ECサイト） 見込み客獲得（製...
知識編
http://〜 絶対URI /〜 相対URL 絶対パス ./〜、../〜 相対パス 絶対URIと相対URLと相対パスの言い方...
html
真 仕様（W3C仕様など）に準拠する 一般的マークアップ実務（文書型選び、要素選び・見出しレベル選び、id・classの名前、クロスブラウザ対策）を参考にする...
デザイン思考
講演者 益子貴寛（株式会社サイバーガーデン） 小久保浩大郎（株式会社ビジネス・アーキテクツ） 鷹野雅弘（株式会社スイッチ） 神森勉（アンカー・テクノロジー株式...
イベントレビュー
1.社内要件の取りまとめをしてもらう 決済、社内の関係者に要件、注意点、実施希望要項、社内体制・文化（ひとつの物事を決定するのにどのくらいの時間、フローが必要か...
実用編
クライアント名 決定責任者、プロジェクト担当者、プレゼン担当者、システム管理者 プロジェクト名 機密に関わる場合はコードネーム プロジェクトの内容 企（企画を説...
実用編
<style><script>要素のコメントアウト htmlからコーディングを覚え、xhtmlへ移行したときの落とし穴 実は<st...
html
講演者 長谷川恭久（COULD） 太田禎一（アドビ システムズ） 春日井良隆（マイクロソフト） 北村 健（ベースメントファクトリー） 松岡清一（NRI NET...
イベントレビュー
講演者 鷹野雅弘（株式会社スイッチ） 開催日 2007年4月13日 場所 アップル銀座店 Keynoteのプレゼンになるのかなぁとちょっと心配した点もあった...
イベントレビュー
何が企業の価値を高め、知名度・好感度アップするのかを知る 企業に対するイメージ調査から分かること イメージUPには段階がある 会社概要（アピールポイント（AP...
知識編
ライティングの際に、（文章の雰囲気やテイストを決定づける大きな要因である）カタカナ語や略語、難解語は、ユーザーリテラシー（ユーザーの読み書き能力）をイメージしバ...
ライティング
どのようなユーザーが読むのか 同じテーマでも、だれに伝えたいかで中身は変わる どのようなニーズで読むのか 具体化させることが大切 情報の種類（「企業情報を...
ライティング
ユーザー中心デザイン 従来のWebサイト 公開しておけばいい パンフレットやカタログのようなもの 現在のWebサイト サイトで実現したいことは何か ...
知識編
ネットショップ・オーナー2 インクリメント（株） http://www.netdeoshigoto.com/owner/ 0120-349-163 店...
お役立ちツール
よいケータイサイトの要素・特徴 トップ画像 訪問者像が分かるデザイン（デザインとサイト内容のマッチング性、視認性） 定期的にデザイン更新されている Fla...
実用編
基本チェック項目 ユーザビリティ ビジュアルデザイン サービス内容の把握 プロモーション状況チェック項目 SEO対策（便利ツール紹介） リスティングリステ...
実用編
24時間365日アクセス可能 動画や音声を使ったリッチな情報伝達が可能 情報量の制約がない さまざまなデータフォーマット情報流通が可能 ユーザーが必要な情報を...
知識編
プロダクトアウト型な発想からの脱却 マスマーケット（膨大な広告予算を展開できる大企業向け）からマインドシェア（より具体的なユーザー動向を意識し広告展開する中小企...
知識編
ヒアリング時点で「ターゲットは？」と問うと結局のところ「利益につながるすべて」とターゲットを絞れない返答は多い。 「ターゲットは誰ですか？」という質問の前に 自...
実用編
「教えたい人」がキーパーソン 「売りたい（企業側）」と「買いたい（消費者）」の間に「教えたい人」が現れ始めている。 直線的なトラフィックから興味・関心に従って...
知識編
文字サイズをemで指定する アクセシビリティに配慮して文字サイズ指定にpx指定を行わない（固定にしない）。そこでデフォルトサイズを10pxになるよう%指定する。...
CSS
ユーザーの一般的動向から、その時期に合うサイトを提供する 「イエラボ」 家のある暮らしへの興味を喚起させ、検討段階へ誘導する 生活をより豊かにする話題などを...
実例編
どんなに小さいことでも、大きくなるようなことをやる 言霊（ことだま）ってあるから、「できない」とは言わない 参考本 Web STRATEGY vol....
デザイン思考
詳細コンテンツ関連 製品利用の動機を固められるコンテンツの提供 説得力ある情報を提供しているか？ 製品の魅力を伝えるコンテンツか？ 安定した使用感を得られ...
実用編
テーブルタグの初期設定 table{ border-collapse:collapse; font-size:100%; } セルとセルの間を空けるかどう...
CSS
検索結果の妥当性・信憑性 検索エンジンへの新たな/継続している対策 Googleでは世界中の情報を「Webにアップロードする」ことにトライしている（YouTu...
リスティング
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",&quo...
CSS
html>body モダンブラウザ用 *;first-child+html*:first-child+html IE7のみ用 ちなみに、 <!-...
CSS
講演者 鷹野雅弘（株式会社スイッチ） ゲスト 五寳匡郎（マイクロソフト） 開催日 2007年3月15日 場所 アップル銀座店 IE6とIE7の制作に携わった...
イベントレビュー
そのコンテンツ、何のため？ 付加価値を上げるため 専門家のコメントをもらう 取材先に「仁義」を尽くす ギャラの目安は「条件付け（しばり）」「取材日程決定時期...
ライティング
営業は集客された見込み客の疑問点を解消し、条件を設定し契約書を交わすところを行う立場 必要な営業スキルは？ 交渉力 お客様の要望とこちら側の条件をまとめる ク...
実用編
サイト登録 サイトを検索エンジンに認識させるのが目的 Googleへの登録 http://www.google.co.jp/addurl/ Yahoo!Jap...
SEO
WebSTRATEGYの「実録Webサイト ビフォアフター」で連載されている内容を自分なりにまとめてみました。 サイト制作を独自に一から始めるか？AS...
実例編
CMSの誤解 CMSとは「Webを更新する」ツールと思われがちだが違う。CMSとは「Webコンテンツを管理/運用する」ツールである。つまり、コンテンツが増えれ...
知識編
名前空間の名付けは任意に行う（bodyをそのまま名付けることはNG）。 unitモジュールにのみ文書を記述するようにするのがポイント。また固定のレイアウトであ...
html
strictではiframeの利用は廃止されている。そこでobjectを利用する。 <div> <object type="tex...
html
著作権の種類 著作者の権利（著作権） 著作者人格権 公表権、氏名表示権、同一性保持権 著作権（財産権） 複製権、上映権、演奏権、上演権、公衆送信権、頒布権、...
知識編
カラーコード フォントの種類 サイズ 領域のピクセル数 これはhtmlコーダーや品質チェック担当が必要であり、納品後に必要になることはほとんどない。 なぜ、...
実用編
var sentaku = Math.floor(Math.random()*8);document.write(sentaku); 0から7までの数字...
JavaScript
Website Explorer それは既存のサイトのコンテンツマップを作りたいときに それはリンク切れをチェックするときに それは・・・ これだけでも便利...
お役立ちツール
タイトル デザイン オブ スクール 発行日 2006年9月20日 定価 2500円＋税 「もっと、他にもあるでしょう。 そう言われて、...
デザイン思考
エクセルを使用時、テキストにリンクが設定されている場合、そのURLのみを別のセルに書き出す場合 ALT+F11で標準モジュールを挿入、下記をコピペする。 Pu...
Excel
正しいスタイルシートを学べる非常に貴重なツール。 W3C（英語版） http://validator.w3.org/ W3Cサポート（日本語版） http:/...
お役立ちツール
厳しい採点だが、正しいマークアップを学べる非常に貴重なツール。 Another HTML-lint gateway http://openlab.ring.g...
お役立ちツール
「ファイル」タブ→「名前をつけて保存」を選択 「ツール」→「全般オプション選択」を選択 「保存オプション」ウィザードが開かれるので、暗証番号などを指定する
Excel
ブラウザ上（ここではIE6で解説） 「ツール」タブ→「インターネットオプション」を選択 「詳細設定」タブ→「背景の色とイメージを印刷する」にチェックを入れる ...
豆知識
エクセル・ワードなど上 「ファイル」タブ→「印刷」選択 「プロパティ」ボタンを選択 「用紙」タブ→「Nアップ」から任意を選択
豆知識
dl{ width:○○px; } dt{ float:left; width:△△px; } dd{ margin-left:△△px; } float...
CSS
きれいにまとめると「クライアントのニーズに合わせたWebつくり」だが、「Webをベースにお金を生む仕組みと資金調達」しビジネスを構築することが本来の役どころ ...
デザイン思考
NTSC（日本） 29.97フレーム/秒 PAL 25コマ/秒 映画 24コマ/秒 30フレームで制作することが多いが、60フレームで作成す...
Flash
講演者 神森 勉（アンカー・テクノロージー） 開催日 2007年2月15日 場所 アップル銀座店 講演者の意向で、内容に対する感想を掲載できないので、この講...
イベントレビュー
3つの視点 アクセスログでどんなキーワードで訪問されているのか？ そのキーワードが上位表示され、ランディングページが最適であれば問題ないが、どちらかが問題あ...
リスティング
講演者 益子 貴寛（サイバーガーデン） 開催日 2007年2月1日 場所 アップル銀座店 CSS3.0についての現状の概略の話を聞けた。可能性をものすごく感...
イベントレビュー
パーツを作る 100％読み込まれた状態を作成。 矩形ツールで線と塗りを設定。 塗りの部分だけを選択し、ムービークリップシンボル(ショートカット「F8」、「名...
Flash
読み込むバイト数をベースに計算 1〜2フレームにダイナミックテキストを配置し、インスタンス名（per_txt）を設定 2フレーム目にスクリプトを記述 pe...
Flash
読み込むフレーム数をベースに計算 1〜2フレームにダイナミックテキストを配置し、インスタンス名（per_txt）を設定 2フレーム目にスクリプトを記述 p...
Flash
maitoを直書きすると迷惑メールが大量に来てしまう原因になります。そこで、mailtoを暗号化するわです。そんなときに便利なツール。完全に迷惑メールを除外する...
お役立ちツール
基本事項 自動引き落とし 残高が不足すると自動的で引き落とされる。 1日の予算設定 1日の予算設定を利用すれば、1ヶ月バランスよく広告を出してくれるので、気付...
リスティング
サブアカウント制 予算設定の異なる複数のリスティングを行いたいときに、1つのID、パスワードで管理ができるので便利。サブアカウントは即日作成してもらえる。管理画...
リスティング
Webマーケティングのいろはを学べるサイト、らしい。実際に読んだことがあるわけではないが、情報量が豊富らしい。本で紹介されていたり、人づてに聞いたことがあったの...
お役立ちツール
とはいえ、正確にコントロールできるわけではないが、縦幅を認識させたいときに有効。 html,body{ height:100%; } 高さの％指定は親要素に...
CSS
心理学者のジョージ・A・ミラー氏が提唱する人間が一度に記憶できる要素の数についての概念。 メニューの最適数 5～9つ
ライティング
アクセシビリティの観点から文字サイズは固定しない方がいい。 ただ、IE以外のモダンブラウザではフォントサイズを固定しても、実際にはブラウザで拡大表示が可能だ。更...
CSS
講演者 小川 浩（元フィードパス） 開催日 2007年1月18日 場所 アップル銀座店 Web2.0が切り開く無限の可能性を聞いた。自分の能力との隔たりとい...
イベントレビュー
<div class="bg-cover"><img /></div> 画像を取り囲むdiv上にbg...
CSS
設計と表現だけではなく、必要なのは「編集力」 設計（仕組み・構造）と表現（見せ方）だけでなく、編集力を駆使することで立体的なサイトとなる。 ここで差がつく編集...
ライティング
サムネイル画像をクリックすると画面中央に拡大表示されるだけでなく背景を暗くすることができる。すんげぇお洒落っ！ ThickBox 3.1（海外サイト） htt...
お役立ちツール
情報という分子 どんな情報（分子）も生活、趣味、産業、文化、芸術（分母）などの上にある 要約力とデザイン 媒体 方法 特徴 絵本 重点化デザイン ...
ライティング
ナローバンド（アナログ/ISDN回線）向け 60Kbps ブロードバンド（ADSL/FTTH回線）向け 300Kbps
Flash
リスティング広告は万能ではない リスティングに適した（たとえばニッチ（隙間市場）の）商材がある 商材の知名度が高い場合あえてリスティングを行う必要はない イ...
リスティング
ソフトウェア開発の際だけど、契約書作成のサンプルになるのでは。mixiで見っけました。 社団法人情報サービス産業協会 http://www.jisa.or.j...
お役立ちツール
ユーザが「検索する」結果に連動して広告を掲載 クリックして始めて広告掲載料金が発生（PPC：クリック課金型） 広告掲載料金・掲載期間・掲載順位・広告文（画像）...
リスティング
結局は、アドワーズに聞くのが一番であると考えます。 Googleアドワーズ http://adwords.google.com/support/
リスティング
リスティング広告 参考：リスティングの基礎 SEO アフィリエイト メール メールマガジン ユーザーの許諾を得てメール配信（オプトインメール） メール配信...
知識編
ターゲットユーザにピンポイントで広告が打てる。 ネットを使った広告の大きな特徴であり、マス広告との大きな違いである。 参考：メディアに適したコミュニケーショント...
知識編
ディレクトリ型検索エンジン登録Yahoo!モバイル（http://mobile.yahoo.co.jp/） ランキングサイトの活用モバイル専用ランキン...
知識編
function pageup(){ if(document.all){ posi=document.body.scrollTop; } else{ posi...
JavaScript
xhtml1.1 strictでは、新規ウィンドウを開くtarget属性を推奨していません。新規ウィンドウを立ち上げるべきかどうかはユーザーが決めるべきだという...
JavaScript
実はバナーサイズには「国際標準」ってのがある。 横幅の小さい順（単位はpx） 88×31 120×60 120×90 120×240 120×600 125×...
豆知識
タイトル SEOで検索エンジンもユーザーも味方に付けるホームページ改造術 発行日 2005年1月4日 定価 1500円＋税 この本で...
SEO
タイトル 速習Webテクニックスタイルシート 上級レイアウト 発行日 平成18年4月25日 値段 2,780円＋税 CSS...
CSS
xhtmlソース <div> <ul><!-- --><li><img alt="navi1" />...
CSS
様々なやり方があるが、どれがベストなんだろう？ 気にするポイントは、検索エンジン的に問題がないか？アクセシビリティは確保されているか？ソースが読みづらくないか？...
CSS
そのボックスにfloat付きの子ボックスが含まれていないか？ そのボックス（または親ボックス）内で回り込みを解除されているか？ 解除できる要素がなく親ボックス...
CSS
縦方向のレイアウト崩れ防止、ブラウザによる見え方を統一するため、vertical-alignは「top」の設定がおすすめ。ちなみにデフォルトはbaseline...
CSS
古いブラウザではidやクラス名に「-」と「_」を含まれていると認識できなくなるらしい。アルファベットに始まり、アルファベット、数字で書いた方がよい レイアウトに...
html
/*¥*/ letter-spacing:0.1em; /**/ letter-spacingの指定はMacIE5ではバグがでてしまうため、ハックを利用して...
CSS
floatとwidthはペアで使用する CSS2.1の勧告候補ではwidthなしでも自動的に幅がフィットされる。しかし、Mac IE5ではうまく表示されない。 ...
CSS
正しいCSSを記述しているにもかかわらず、表示が崩れることがある。ブラウザによる解釈の違い（バグ）が原因であるが、IE5や古いブラウザにバグが見られる。...
CSS
マス広告 「（例）ありがとう日本の女性へ（TSUBAKI）」のように「なんだろう」と思わせるのが狙い ECサイト 「詳細」 「リアル」なコミュニケーション 「...
知識編
セミナーで実際に運営している側とサイトを制作した側のお話を聞いたので、その内容をまとめてみました。 輸入レコードショップに見るECサイト展開 特徴 在庫限りの...
実例編
iTunesStoreに見るECサイトとしての優位性 UIが使いやすい タイムリーにランキング変動 カスタマーレビュー 試聴できる アルバムの中の1曲単位で購...
実例編
従来（否定要因からの利用） 時間がないから 場所が遠いから 2004年頃から（プライオリティ要因からの利用） 他では買えないものがあるから 現在（買う理由を探...
実例編
SEO-Equation ここのサイトで紹介されている内容は凄く分かりやすておすすめ。 CSSバグ回避 CSSハック http://www.seo-...
お役立ちツール
@important "test.css"; ポイントは@importantを設定し、1ファイルかますこと。ただし、この設定ではMacI...
CSS
<link href="test.css" rel="stylesheet" type="text/c...
html
56Kモデム / 10KB / 6〜9秒 参考 ケータイサイトの集客方法 ケータイサイト ケータイサイトの特徴 ...
知識編
制作時の注意点 大きくても200×300（20文字×15行） 特殊文字の積極的利用 電話番号入力で直接電話をかけられる 文字入力ではなく、リストから選択できる...
知識編
/*¥*/ MacIE以外 /*/ MacIE用 */ どのブラウザでもOK MacIE以外だけに設定したい場合やMacIEのみに設定したい場合でも、コメント...
CSS
tableタグを利用する際に意外と知られていないのが、列（縦方向）をコントロールする「colgroup」タグ。また、colgroupタグはcaptionタグの次...
html
GIMP 「GIMP」で検索するといろいろヒットするが、その中でも気になったところをピックアップ。どうやらWindows用らしい。実際に使用したことがないから詳...
お役立ちツール
実際に検索エンジンを利用したユーザが検索結果を見てどのような行動を取るのだろう？ タイトルを見て、探してる情報があるか判断する 興味あるサイトを絞り込む 絞り...
SEO
「test.html」をサイズ500×500（px）、新規ウィンドウ、画面中央で開くと仮定 function newWinIconOpen(URL){ var...
JavaScript
#006600 #33cc33 #66ff33 #66cc99 #3399ff #3366ff #0033ff #330066 #cc3366 #990033 ...
CSS
IDパスワードでアクセス制限された開発用サーバ上で限定者によるデバック・校正 再度ユーザビリティテスト 参考本 CG-ARTS、CGクリエイター関連書...
知識編
全ページを制作。それ以前のプロセスが終わらないと量産作業は行えない。 参考本 CG-ARTS、CGクリエイター関連書籍
知識編
視覚要素をデザイン トップページ、全ページ共通のヘッダ・フッタ部分など インターフェイスのガイドライン作成 ロゴ、マーク、アイコン、タイポグラフィーなどの使...
知識編
サイトマップ作成（ツリー構造やディレクトリ構成、ページ間のリンク構造を明記） 情報の収集（コンセプトに応じた収集の方針を立てる） 情報の分類（位置、50音順...
知識編
企画書や仕様書にまとめ、Webサイト開設者と目標のイメージを共有 Webサイトの基本、プランニング 「どのような目的や背景でサイトが維持継続運営されるのか？」...
知識編
Forum Follows Function（形態は機能に従う） 知恵を持たないなら、いくら理論やルールを知っていても単なる装飾屋でしかない。逆に知恵を持ち本...
デザイン思考
サブドメインを利用する 多くの人気ウェブサイトからリンクを貼られると、リンクポピュラリティが上昇し、検索結果上位にランキングされる原動力になる。 SEO対...
SEO
SEOに適したサイトデザイン パンくずリスト カテゴリ名を埋め込んだアンカーテキストである →ユーザーを戸惑わせない・メニューの役割も果たす グローバルメニュ...
SEO
アンカーテキスト 驚くべきアンカーテキストの影響力 アンカーテキストだけで検索エンジン最上位を確保する例 「18歳未満」→Yahoo!やGoogle 「mis...
SEO
オリジナリティー、実現できるか判断、最低限の達成目標などを加味 ターゲット（サービスの対象となるユーザ層を指す） ポジショニング（競合サイトや複数のサービス...
知識編
Web開設者の要望事項、ブランディング、企業戦略、サーバやインフラの仕様の調査 同業他社のWebサイトの分析 分析アプローチ（課題点・問題点を抽出） 環境分...
知識編
Webサイトの構築の第一歩はスケジュールを立てるところからはじまる。 最終目的（決められた期限に、要望とおりのWebサイトの立ち上げ）を果たすために、全体のス...
知識編
<title>タグ 「ブラウザのメニューバー」「お気に入りでの登録サイト名」として表示される。 参考：検索エンジンユーザ視点 良い例 <ti...
SEO
目標の設定 検索エンジン経由の訪問をどのくらい増やす？検索結果に表示されることがゴールではなく、クリックを誘導し、集客することがゴール その達成時期はいつ？ ...
SEO
アクセスログに残されたキーワードだけではニーズにマッチしているかどうか判断できない。そこでキーワード選定のために調査すること すべてのキーワードについてKE...
SEO
戦略１：果敢にそのキーワードで挑戦 上位10サイトは時間をかけしっかりと調査（チェック項目とチェックのポイント） ディレクトリに登録されている Yahoo!...
SEO
ライバルサイトを見つける アクセスログから、ユーザーが使っている検索キーワードをピックアップ それらのキーワードで検索 上位表示されれば現状だけはSEO対策必...
SEO
アクセスログ解析で知りたいこと 各検索エンジンからの訪問はあるか？（URLの保持、リンク構造設計） 全体のどのくらいが検索エンジン利用者か？（リンク構造設計）...
SEO
実際に検索（サイトの登録、表示状況調べ） どれくらいのページが検索対象か？ 登録ページ数の調査方法 google allinurl:www.調査URL sit...
SEO
サイトの現状調査とキーワードの策定 検索エンジンでの調査 自サイトのアクセスログ解析 ライバルサイトの分析 各種ツールを用いてのキーワード調査 キーワードの...
SEO
ロボット型 ディレクトリ型 自動的に情報収集する お勧めサイト集の進化系 Google YST(Yahoo!Search Technolo...
SEO
「/」が意味するのは、どの階層にいようが一番上の階層を基準にすること。ナビゲーションが階層が変わった場合でもリンク先を変更する必要がないので便利。ただアップロー...
html
ケータイサイトの利用者は？ 一般的には若年層、ECサイトでは若年女性や若い主婦層。しかし、PCとケータイを連動して利用されることが多いことを忘れてはならない。...
知識編
コンテンツマップ ディレクトリマップ ディレクトリ構造設計指針 重要なのはディレクトリ名称 URIを大切に 盛り込む内容 ページの中の役割 ワイヤーフ...
実用編
建物をどのように建てるのか（「Webサイト構築」設計） どんな建築物も設計図なしでは作れない。 建物を建てる場合 Webサイトの場合 何階建て？ ...
知識編
情報の記憶 情報は「ネガティブな感情の高揚が高い直後」が記憶されやすい。 正しいWebページへ最適化 やさしい漢字・かな表記を 中学生でも分かる難易度で 専門...
ライティング
「誇り」を持つ そして自らにダメ出しができるように 守備範囲以外の理解 自分の作業の向こう側を見よう 粘り強く 1分前までジタバタしよう 参考 ...
デザイン思考
確かに見やすい。でもなんかつまらない。そこで ストーリーを作らないか？ こだわった部分とか
ライティング
おしつけを嫌う。自分のためにブログを書いていることを忘れてはならない。
ライティング
ファビコンとは ブラウザのアドレスバーやお気に入りのリストに表示される小さなアイコンのことです。 手順 ファビコン用の画像を作成 ファイル形式を変換する ...
お役立ちツール
手順 素材用意 FLV形式に変換 配信メカニズム決め swfファイルに埋め込み 数秒のデータを扱うのに有効 プログレッシブダウンロード ここの操作方法を言及...
Flash
Webアクセシビリティ 「できるだけ多くの人へ情報を正しく伝えるため」 「より多くのユーザーがWebコンテンツを利用できるようにすること」 「見やすい」 「音声...
実用編
Javascript無効時の代替テキストサンプル 本コンテンツをご利用いただくには、Javascriptが有効である必要があります。ご使用のブラウザでは、Jav...
ライティング
Flash無効時の代替テキストサンプル 本コンテンツをご利用いただくには、Adobe Flash Playerバージョン8.0以上のプラグインが必要です。大変お...
ライティング
WinShot（ウィンドウズのみ対応） キーボード上の「PrintScreen」ボタンを押せば画面上をそのままコピーし、画像編集ソフトやらでペーストできる（アク...
お役立ちツール
CSS Vault（英語版） 英語で何書いているかよく分からないため、ほぼ活用したことはないのだが、ひょっとすると役立つサイトなのかもと思い、掲載。動作が重く表...
お役立ちツール
Infoaxia インフォアクシア。いろいろなツールをダウンロードできたり、アクセシビリティ関連の情報が満載。http://www.infoaxia.com/
お役立ちツール
Google Trends（英語版） Googleサービス。ビックワードでないとデータ不足で表示されないことが多々（難点）。見ていて面白いが、どのように活用する...
お役立ちツール
兆 キーワードからそれにまつわるブログを紹介する。 http://www.kizasi.jp/
お役立ちツール
デザインはあくまで中身を伝える手段 つまり、中身がなければどんなに良いデザインでも心に響かない。 デザインの良し悪しは流行が作り上げている.
デザイン思考
Webスタンダードとは？ Webスタンダード＝Web標準とは、W3Cの勧告にしたがった文法を遵守し、CSSを利用して文書の構造と見た目を分離させること。 Web...
知識編
制作したファイル一式と運営のためのルールをセットで サンプル テキスト更新時にWebサイト制作ソフトを使用する場合の注意点 Dreamweaver、ホームページ...
実用編
設計、制作、運用のそれぞれで契約（納品、検収）を結ぶ プロジェクトで行うことと納品物の例 内容詳細 御社データ資料の確認 ヒアリング サービスの体験 ...
実用編
商品プロモーションはもちろん、ブランドイメージの訴求が大きなミッション
知識編
講演者 植木 真（インフォアクシア） 開催日 2006年12月21日 場所 アップル銀座店 講演者の意向で、内容に対する感想を掲載できないのです。ただこのセ...
イベントレビュー
講演者 森川 眞行（シリコンカフェ） 開催日 2006年11月16日 場所 アップル銀座店 納期ぎりぎりまでジタバタする、自分にダメ出しをする、担当以外を理...
イベントレビュー
講演者 村山らむね、岩井 信氏（株式会社レキシントン）、河原 康達（株式会社ロフトワーク）、林 千晶（株式会社ロフトワーク） 開催日 2006年11月29日 ...
イベントレビュー
講演者 金井 玄（Mozilla Japan）、中野 雅之（Mozilla Japan） 開催日 2006年10月19日 場所 アップル銀座店 個人的に好き...
イベントレビュー
講演者 益子 貴寛（サイバーガーデン） 開催日 2006年10月14日 場所 新宿NSビル 独学でやってきたCSSの足りない部分を抽出できるセミナーだった。...
イベントレビュー
表示させるにはキーワードを変更するか単価を上げてください。」ってメッセージがよく出てしまう。 これを改善するにはどうしたらいいか？ アナウンス通りに単価を吊り上...
リスティング
<object data="○○.swf" width="○○" height="○○" ty...
html
SEOの本質障害の理解 検索結果に表示されない htmlの書き方が悪い キーワードの選び方が悪い 検索結果の説明文が不適切 タイトル、スニペットの理解...
SEO