WEB制作に関する記事は、400件あります。
外部のAPIを利用する際、リクエスト回数が制限されることがある。また、リクエスト回数が制限され、かつ毎日更新をルールとする外部のAPIもある。 そんなと・・・
インスタに投稿した画像を自動でホームページでも更新されるようにしたい。もっとも簡単に実現する方法を紹介する。 公式リファレンスInstagram・・・
5年くらい前に購入した書籍「インタラクションデザイン」。この書籍内ではたくさんの事例が紹介されている。残念ながらその多くは現在閲覧することができなくなっていた・・・
WordPressを自作する上でもはや欠かせないプラグインの一つが、「Advanced Custom Fields」。 名前を変更しようと思って、Wor・・・
配列の場合 /** * 配列の重複を削除する * * @param {array} ary* * @return {array} 処理後のary・・・
5年以上前と比べると、アップデートが簡単で驚く。とくに記事にするまでもないと思いつつ、一応備忘録。 インストールすると、既存のディレクトリはそのままに別・・・
プラグインを更新中に、誤って、違うページにアクセスしまいました。すると、管理画面だけでなく、公開中のすべての画面が「briefly unavailable f・・・
Gulp。いつもは正常に動いている環境をそのままコピーして再利用するようにしている。そうすることで、案件ごとに毎回環境作りをする手間を省くことができ、何よりG・・・
書籍「LEAN UX リーン思考によるユーザエクスペリエンス・デザイン」から抜粋。 「前提の宣言」「MVPの作成」「実験の実行」「フィードバックとリサー・・・
LEAN UX は、コラボレーションと部門/領域横断的な手法によって、製品の本質を素早く明らかにするための実践的手法であり、これによって文書への過度な依存を減・・・
オブジェクト指向 クラス定義 JavaScriptは厳密にはクラスがない、プロトタイプベースのオブジェクト指向言語。ES6でclass構文が導入さ・・・
書籍「メンテナブルJavaScript」と Google JavaScript Style Guide 和訳 を参考に自分なりのJavaScriptスタイルガ・・・
この記事では「管理画面で投稿やカスタム投稿の公開ステータスを更新したときに何かしらの処理をする」方法の備忘録です。 functions.php を修正し・・・
Google Fonts はとても便利だが、画面に表示するまでの遅延が気になったので、同様の効果をローカルにあるフォントを利用して実現させる。 事前に用・・・
WOFFコンバータ ダウンロードhttps://opentype.jp/woffconv.htm 以下、リンク先の「概要」を抜粋。 フォント・・・
JSON.parse() 配列とオブジェクトのリテラル記法を組み合わせた文字列をデータとして取り扱えるようにする。 // JSONデータ let ・・・
真の場合。偽の場合は、!== を使う。 プリミティブ値の判定 文字列の判定 if (typeof a === 'string') {} ・・・
数ヶ月前、WordPress本体をバージョンアップして、エディタがガラリと変わった。その際、それまでサイドナビに、Custom Post Type UI(CP・・・
書籍「なるほどデザイン」を読んだときにメモしたノートが出てきた。3, 4年前に読んだ本。テキストのみで備忘録として残しておくが実際はイラストと合わせ・・・
使えるデザインになっている?→ デザインは正しいインプットによって、人の暮らしや夢を助けるツールサクサクと動く、機能するデザインになっている?→ デザインが機・・・
書籍「売れるデザインのしくみ」を読んだときにメモしたノートが出てきた。3, 4年前に読んだ本。2009年に出版されたと知って驚き。10年前と言えば、・・・
書籍「スターバックスはなぜ値下げもテレビCMもしないのに強いブランドでいられるのか?」を読んだときにメモしたノートが出てきた。3, 4年前に読んだ本。20・・・
いつもは直接アップロードしているので気にしていなかったが、WordPress管理画面のメニュー「メディア」からfavicon.icoをアップロードしようとした・・・
ポイントを使ったり、増やしたりしたときに、結果のポイント数に差し替えるのではなくて、カウントアップしたり、カウントダウンして動的に動かそうと思って作ってみた。・・・
そんなに利用頻度はないものの、たまに使う際に毎回調べてるので、備忘録がてらメモ。ドメインとかホストとかは、同義語として取り扱います(厳密な違い、FQDNについ・・・
booleanを返却する、便利なWP関数を備忘録がてらまとめようと思ったら、すでにWikiにまとめらてました。これは便利。条件分岐タグ - WordPress・・・
たとえば、タクソノミースラッグを「genre」、複数形のラベルと単数形のラベルを「ジャンル」として、ジャンル候補として、下記を作った場合。 ・・・
たとえば、投稿タイプスラッグを「movie」、ラベルを「映画」としたとき、投稿ページ(single-movie.php) の中で、それぞれの値を取得する方法。・・・
DBを修正する必要はなかった! WordPressの管理画面で、メニューの「設定」→「一般」にある、WordPress アドレス (URL) を変更する・・・
前後記事ページを表示するのは、あらかじめ用意された関数を使うことで簡単に実装できる。ただし、記事のカテゴリーの祖先カテゴリ(*1)を対象にした前後記事ページを・・・
やりたいこと カテゴリー一覧ページで、そのカテゴリー一覧ページに属する記事一覧を取得するためにループさせるのとは別に、タイトルやカテゴリー別にデザインを変・・・
便利なプロトタイプツールはたくさんある。その中でも、AdobeのXDとSketchは、個人的にはトップ2。でも導線確認するには、もっとリアルな感じで作った方がい・・・
この一年で最低3回は同じエラーにハマって、解決するのに結構な時間を費やしてしまったので、ここに備忘録として残しておく。 sudo npm install --・・・
GruntからGulpに乗り換えて、3年くらい経つだろうか。 サイトを新規で作るたびに、Gulpをインストールしている。 毎回インストールしなくてもコピペで再利・・・
めっちゃ参考になるページを見つけた。 絞り込みをするたびに色々ググっていたが、これがあればほとんどのことが解決できそうな気がする。 参考: これは便利!Word・・・
セキュリティ観点において、他デバイス・ブラウザでログインした際にメール通知がくるのはとても良いことだと思う。 ただその内容というか、文面はとても大事。その書き方・・・
<?php $args = array( 'paged' => 1, 'posts_per_page' => 20, 'post・・・
sassファイルを保存すると、cssファイルが自動生成されるという症状でしばらくの間、ストレスだったがようやく解決。 例えば、var.scssを修正して保存す・・・
サンプルソースコードをコピペして使おうと思ったら、うまくいかない。アレ?コード間違えたかな、と確認するも間違いがない。だがしかし、書き出されたソースで半角が全角・・・
【2020年4月11日更新】 プラグイン名が「AMP for WordPress」から「AMP」に変更され、作成者も「AMP Project Contribu・・・
書籍「ロゴデザインのアイデア! 実例で学ぶ!!プロのデザインルール&テクニック」の「Part 1 ロゴの基礎知識」に書かれていることをまとめました。Pa・・・
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 で実施)。 前提 誰でもコメントできる(管理画面の「設定」→・・・
【2020年07月13日】 macOS Catalina(10.15.5) / Adobe iLLustrator 2020(24.2.1) にて動作確認済・・・
MacBook Air を売却するため、初期化したときのお話。念のため、バックアップを取ってから、色々ググりながらトライしました。 その際、「macOSを再イン・・・
ターミナルを起動して、下記を入力して実行すると、指定したディレクトリ内のDS_Storeファイルをすべて削除することができました。 sudo find ここに削・・・
普段、dreamweaverを使って制作している。 どうやら、dreamweaverをデフォルトの設定で使用していると、dreamweaverの管理下にあるフォ・・・
もはや自分の制作環境において、なくてはならないツールの一つがMAMP。 それが突然使えなくなってパニクる。具体的には、Apacheは起動するが、MySQLが起動・・・
「0から目指すWebマスター」というWeb制作に携わる方に向けての備忘録サイトを不定期に発信しています。さきほど「EFO(入力フォーム最適化)について考えてみ・・・
EFO(Entry Form Optimization)は、入力フォームを最適化することですが、EFOの施策をやるかどうかで、入力フォームの離脱率を改善すること・・・
Movable Type Open Source(MTOS)で運営しているこのWebサイトをサーバー移行をしました。 試行錯誤で色々失敗しましたが、整理すると以・・・
便利なツールを使いすぎて、それが使えなくなった時のテンパり方は半端ない半端ない。 MAMPもそのひとつ。 そんなMAMPを起動しようとしたら、Apache サー・・・
Webサイトに動画を利用する際には、2017年8月時点では、webmとmp4とどちらにも対応していない場合の静止画像を用意して置くことにしている。 動画を違う拡・・・
テンプレートをフルカスタマイズで作ろうとしたとき、wp_head() で表示される内容が不要なのでどうにかできないものか。 はじめは、wp_head() メソ・・・
記事の数を取得する際の2つのケース。wp_count_posts() と found_posts を使い分ける。 通常 公開済みの投稿数を取得 $count・・・
Object.keys 配列の場合 var a = ["ジョン", "ポール", "ジョージ", "リンゴ"]; a.length; // 4 var・・・
WordPressの管理画面。「投稿」や「固定ページ」の一覧は、公開日順に並んでいる。ところが、カスタム投稿を追加した場合、公開順ではなく名前順に並んでいること・・・
アイキャッチ画像のURL情報だけを取得する記事を多くみつけたが、実はWordPress 4.4.0 からデフォルトでアイキャッチ画像のURL情報だけを取得するメ・・・
シンボリックリンクを作成すると、たとえば、Aディレクトリのシンボリックを作成(仮にA'ディレクトリと呼ぶ)すると、Aディレクトリ内を修正した場合、A'ディレクト・・・
前回、「入力フォームを自由にカスタマイズできる「Advanced Custom Fields」」で基本的なフィールド名を出力方法を紹介したが、今度は条件分岐に関・・・
Movable Typeでいうところのカスタムフィールドを使おうとしたら、Wordpressでは「Advanced Custom Fields」というプラグイン・・・
「0から目指すWebマスター」というWeb制作に携わる方に向けての備忘録サイトを不定期に発信しています。さきほど「「レスポンシブWebデザイン」と「ユーザー視点・・・
画像ファイルの容量は小さいほうがいい。でも大きい画像でRetina対応もしておきたい。そんな要望に答えてくれるWebサービスが、TinyPNG - Compre・・・
この「Custom Post Type UI」というプラグインのおかげで、WordPressは「ただのブログに特化したCMS」というイメージから「あらゆる利用シ・・・
投稿画面にアイキャッチ画像の入力エリアが表示されなくて困りました。 もともと用意されているテーマを選択すると、アイキャッチ画像の入力エリアが表示されることが確認・・・
PSDやAIファイルで太さを指定したフォントは、Webでは異なる太さを指定したほうがいい場合があります。 今回は、Noto Sansの3種類のウェイトで調べてみ・・・
inputのplaceholder(プレースホルダー)のテキスト色を変更するでご紹介した内容を踏まえて、修正するだけ。 focus時にplaceholder(・・・
いろいろ調べると、疑似クラス「:placeholder」と「:placeholder-shown」というのにいきつく。 ちょっとハマってしまったので備忘録。ハマ・・・
まずはサンプル。 これは、overflowをautoにした要素のスクロール位置を変更するサンプルです。 これは、overflowをautoにした要素のスクロ・・・
Movable Typeの記事をWordPressに移行した際、記事内の画像パスを修正する必要があったのに気づく。 Movable Typeではデフォルトの機能・・・
ホーム index.php home.php フロント 静的フロントページ front-page.php 投稿 single.php sing・・・
事前条件:すでにWordPressがインストールされていること。 この記事はWordPress4.8で実践しながら書いています。 参考までに。 MAMPをイン・・・
配列のコピー。また同じ過ちをしてしまったので、備忘録 とりあえず実例 var a = 1; var b = a; a = 300; この結果、b は ・・・
サンプル a = {}; b = { "b1": "value of b1", "b2": "value of b2", "b3": "value of ・・・
まずはこれ。 // 読み上げます var speech = new SpeechSynthesisUtterance(); 基本セット // 読み・・・
配列の「値」で判別して要素を削除する場合、 spliceメソッドやsliceメソッドでは「値」ではなく「何番目」かでの処理をするためできない。shiftメソッド・・・
ググってよく見かけたのは、Fisher-Yates shuffleというアルゴリズムを利用するもの。ソースのサンプルもほとんどが同じ。 function s・・・
Webではなく印刷物のお話。印刷会社から「アウトラインが取られていません」という指摘を連続でくらってしまったので、反省の意を込めて備忘録。 アウトラインが取ら・・・
「日本測地 世界測地 変換」でググってみると、変換する計算式はいろいろあることが分かったが、Google Mapsで使われている(た?)というコードをベースに備・・・
「日本測地 世界測地 変換」でググってみると、変換する計算式はいろいろあることが分かったが、Google Mapsで使われている(た?)というコードをベースに備・・・
両アプリケーションを開いて、ドラッグ&ドロップすればできると思ったらできなくて焦ったので備忘録。 Fireworksで開いたファイルを、「別名で保存」 Fi・・・
onscroll や onresize を利用すれば、スクロール時や画面リサイズ時の処理はできるが、スクロールが止まったときや画面リサイズした後にアクションした・・・
「2点間 距離 取得 javascript」でググるとそのまま利用できる記事がたくさん見つかる。 いろいろ試したが、どれも数メートルの誤差はあるものの、似通った・・・
The maximum number of apps for free development profiles has been reached. 実機のシ・・・
プラグインやらを使えばいいのだろうけど、わざわざプラグインを使わなくても「共有用にリンクだけ設置したい」ということがよくあります。 そのたびにググッて調べていた・・・
数年前にも同じことでハマってしまったのに、同じ過ちを繰り返してしまったので備忘録。 今回の調査端末は、SC-04F(Android 5.0)と iPhone 6・・・
ターゲットユーザーが外国人を含む場合、日本語が使える環境がないかもしれません。そこで、日本語が使える環境か判別したり、第一優先言語が日本語か判別してみた。$_S・・・
書籍「ランディングページ・デザインメソッド」に書かれていることをほぼそのまま抜粋して、まとめました。気になった方は本書を読むとさらに深掘りできます。 ランディ・・・
完全備忘録。 新しいマシンで設定するたびにググってはなかなか該当記事を見つけられずにいたので、備忘録がてら記事にします。結局「mamp バーチャルホスト」でググ・・・
「0から目指すWebマスター」というWeb制作に携わる方に向けての備忘録サイトを不定期に発信しています。さきほど「サービスを提供する際の心構え」という記事をアッ・・・
タイトル 伝わるWebライティング 著者 Nicole Fenton (著), Kate Kiefer Lee (著), 遠藤 康子 (翻訳)・・・
たとえば下記のような配列(sample)で、配列に格納したオブジェクトの指定したキー(b)の値で並び替えたいとき。また配列(sample2)で、配列に格納した配・・・
「0から目指すWebマスター」というWeb制作に携わる方に向けての備忘録サイトを不定期に発信しています。さきほど「SEOを語る前に」という記事をアップしたので、・・・
SEOとは、Search Engine Optimization の略で検索エンジン最適化の略です。 GoogleやYahoo!といった検索ボックスにキーワー・・・
セマンティックなページ(構造化されたページ)を制作する際に、microdataを使うことが多かったが、とにかくコーディングが面倒、というわけで、JSON-LD・・・
dataで日時取得した際に、9時間の時差が出て、日本時間と異なっていた場合 2通りのやり方を備忘録。 php.iniを修正する場合 php.iniのdate.・・・
以前、「History API を使ってみる」という記事を書いた。読み返したら非常に分かりにくかったため、History API の使い方をあらためて調べたので・・・
iframeで呼び出した際、iframe自体はスクロールさせずに高さを取得してiframe全体を表示させます。 サンプル:iframeの高さを自動調整するデモ・・・
ページ高速化の一つの手段として推奨されるCSS、JavaScript の圧縮。 CSS、JavaScript の圧縮とは、各ファイル内のインデントや改行をすべて・・・
自分自身だけでなく、関係者のPCやスマホ、タブレットからのアクセスも除外したい 新規サイトを制作した際に、Googleアナリティクスを設定して、自宅というか関・・・
ローカル環境はMAMPを使いました。 データベースを作成する MAMPを起動し、「サーバを起動」後、「オープンWebStartの」をクリックします。 「ツ・・・
MAMPを使用していて、日時の情報を制御しようとしたとき、取得している日時が日本時間ではないことに気がついた。 時差を計算してPHPでプログラミングしていたが、・・・
http://localhost:8888/ での参照ではなく、http://localhost/ で参照できるようにします。 MAMPの設定を変更する M・・・
公式サイトからMAMPをダウンロードする MAMP & MAMP PROへアクセスします。 ヘッダー上部メニューの「DOWNLOAD」をクリック 画面真ん・・・
#と6桁(もしくは3桁)の英数字(正確には16進数で表記される0から9、aからfの英数字)からなるカラーを、RGBでの数値に変換、もしくはRGBから16進数に変・・・
以前、「ファイルへのリンク」については触れ、ファイルへのリンクが便利ということを記述したが、今回はファイルへのリンクを利用する際のトラベルシューティング。 ・・・
アーカイブマッピングでも触れてはいるが、今一度リマインド。 直接テンプレートタグを使用できる! アーカイブマッピングに直接テンプレートタグを使用することができ・・・
いつかどこかで見たスライドだったか、誰かがまとめた記事だったのか、すいません、出典元は忘れてしまったのですが、ローカルで見つけたデータをマルっとコピペして公開。・・・
カスタマージャーニーマップ、エクスペリエンスジャーニーマップ、ユーザージャーニーマップ、ジャーニーマッピング、そんな調査法について、まとめてみます。文面はほぼ・・・
リサーチ手法のひとつ、カードソーティングについて、まとめてみます。 まず大別して3種類ある。 クローズド・カードソート オープン・カードソート デルファイ・カ・・・
https://www.simplesimplesdesign.com/search.html?p=xxxx たとえば、こんなURLがあって、pの値が数字かど・・・
【2020年9月29日】 「input type="text" の値が変更するごとに処理する」を追加しました form周り、これまでは要素を特定して・・・
書籍「デザイニング・インターフェース第2版」の「10章 モバイルへの対応」より抜粋。 課題 ちっぽけな画面サイズ 余分なものはできるだけ取り除く さまざまな画・・・
ドメインを変更する場合、GoogleやYahooの検索ボックスを利用した際に表示される順位が下がってしまうのでは!?と不安になる。 そんな不安を消してくれる検索・・・
html5をはじめからウォッチしてきたから、この辺りは確実に把握しておきたい。 下記は仕様から削除されるリスクがあるものたち。 動向が明確になるまで、個人的に、・・・
端末によって画面両サイドのエリアのリンクが認識しづらい現象が発覚。 クリッカブル領域を広げてみたが改善されなかった。 そこでサンプルページを用意し、スマホで調査・・・
昨今、スマホ用の需要拡大とアルファ画像が使えないブラウザのシェアが減ってきたことが相まって、png画像を取り入れることが多くなりました。アルファ画像をガンガン使・・・
Preloaders.net オリジナルにこだわって自分でgifアニメーション作ってたりしてたわけだけど。。これと出会ってもうオリジナルへのこだわりが吹き飛んだ・・・
スマホやタブレットの普及で、現在地を取得するような位置サービスの需要が多くなるのは用意に想像がつく。 そこで、WebブラウザでJavaScriptを使って現在地・・・
この記事を、下記ページに焼き直しました。 「History API を「あらためて」使ってみる」 2015.7.21 History API を使ってみた・・・
ちょっとハマってしまったので備忘録。 javascriptの「length」に相当する、文字列の長さを得るphpの関数に「strlen」「mb_strlen」が・・・
2つ以上のキーで連想配列を並び替えしたいときの備忘録。 サンプル配列 var arr = []; arr.push(["5", "4", "たちつて・・・
ブラウザ、モバイルファースト、メディアクエリー、マルチ画面、タブレット・・・ 想定すべき画面サイズ、利用シーンに適した情報のコントロールが崩壊しつつある。 とい・・・
MTOSのバージョンアップをしたところ、記事を保存する際、カテゴリ選択が無効になり焦った。 テーマのエクスポートで失敗したのか、とカテゴリは含まずにテーマをエク・・・
ライトボックスをお手軽に実装できるためのライブラリは「lightbox」で検索してみると分かるとおりサイト上にたくさんあって、大変ありがたい。 その中で個人的に・・・
継承(擬似クラス型)のサンプルの一つとして、コードを理解しやすいようにもっともミニマムなカタチで、シンプルに用意してみた。 var Test = funct・・・
CSS3で利用できるマルチカラムについて再確認。 カラムサンプル カラム 幅を指定 column-width: 150px; columns: 150p・・・
文字列をオブジェクトにしたいシチュエーションができてしまい、ajaxでcallbackすればいいのかな?とか、JSON.parseでいけるかな?とかいろいろ試し・・・
スマートフォン(以下スマホ)やタブレットでPCでいうところのマウスオーバー処理をしたいときは、touchイベントを使うことで実現できる。 確かAndroid1.・・・
localStorageは、近頃のブラウザやスマホで対応しているのでチョー便利。 そして文字列ではなく、オブジェクトを格納しようとするたびに、その方法を検索しち・・・
もはや他ブラウザでも問題ないようにクロスブラザ対応だけでなく、スマートフォンやタブレット端末などマルチデバイスに対応できるようになっておかなければ、という時代に・・・
書籍「Google上位表示 64の法則」を踏まえて、データに基づいて「検索エンジン経由での流入を増やしたい」ならを改めてまとめてみます(書籍レビュー:Googl・・・
html5の要素を調べたことがあれば、下図のようなものを見たことがあるかもしれない。 これは、W3C Editor's Draftを参考に、自分なりかみ砕いたも・・・
<!DOCTYPE html> <html lang="ja"> <head> <meta ch・・・
<!DOCTYPE html> <html lang="ja"> <head> <meta ch・・・
コンテンツの高さだったり、ページ内の指定した要素を表示するようスクロールさせようとした際とか、毎回同じことをネット検索してしまうので、ここで高さを取得する方法に・・・
変数bnにhtmlファイルのファイル名を拡張子なしで取得するサンプル var bn = location.href.split("/"); bn = bn[b・・・
変数bnにphpファイルのファイル名を拡張子なしで取得するサンプル $bn = basename($_SERVER['PHP_SELF'], ".php");・・・
サンプル スクロールバーは、基本ブラウザが用意してるのを使えばいい、という考えでした。そのため、スクロールバーのデザインをカスタマイズしたいと思ったとき、「いや・・・
1ファイルにまとめると <!DOCTYPE html> <html lang="ja"> <head>・・・
ポイントは、「その年月のカレンダーのその日は第何週なのか、第何曜日なのか、何日なのか」をJavaScriptで生成し、祝祭日はCSSで指定していること。 サン・・・
border-imageは、一枚の画像で9スライスのデザインが実現できちゃうという優れもの。 残念ながらIE8以下で適用できず、実際にはまだ使えないかなーという・・・
text-shadowプロパティは、その名から想像するとおり、テキストに影をつける(ドロップシャドウ)ことができます。 仕様 text-shadow:右方向 下・・・
box-shadowプロパティは、その名から想像するとおり、ボックスエリアに影をつける(ドロップシャドウ)ことができます。 仕様 外側にドロップシャドウ bo・・・
フォトスライド。 確かに様々な優秀なライブラリがすでにある。 jQueryを使ったもの(たとえば、30 Best jQuery Photo Pluginsで紹介・・・
W3Cで「モジュール背景とボーダー」について2011年2月15日付けで更新されてますね。 CSS3では、背景画像の幅・高さを拡大・縮小するプロパティが追加され・・・
Web Designing 2011/3 パブリッシング プロジェクト06「新聞・メディア論」が気になったのでピックアップ。 メディアというのは、ちょっとしたき・・・
IEでは、html5で追加されたタグを使用しても認識してくれません。 そのため、html5でマークアップしたIEでは「CSSが効かない!」とか「レイアウトが崩れ・・・
jQuery Mobileを導入するだけで、同ドメイン内の他ページやページ内リンクを使ってページ遷移するときに右から左へスライドします。デフォルトは「右から左へ・・・
jQurey Mobile。まもなくβ版がリリースされるそうですが、現状のα版3を見てみました。 最低限必要なソースまで削り落として、ちょっとjQuery Mo・・・
スマートフォンが普及し、タッチパネルによるページ切り替えが新たなUIとして浸透してきました。 たとえば、指で横にしゅっとやると画面は右から左にスライドされ、ナビ・・・
MovableTypeやWordPressといったブログツールを使用する際、設定しておきたいのがPING送信。各サービスのブログ検索結果にヒットされるようになり・・・
Amazon アソシエイトに関する情報は、ここに備忘録として追記していこうと思います。 Amazon Product Advertising API(署名入り・・・
AmazonのProduct Advertising APIをアフィリエイトとして使おうと試みて、その概要をつかむまで2,3日かかってしまった。まず、アカウン・・・
スマートフォンが普及していく様を横目に、携帯サイトに対応しなくてはいけないシーンはまだまだある。 とはいえ、どの端末をターゲットにすればよいか悩みどころだったの・・・
上図のように、2カラムレイアウトにおいて、左右のコンテンツ長さが任意で、短い方のカラムの縦位置を長い方のカラムのセンタリングする場合、どうしましょうって話。何・・・
もっとはやくに気づいていたかった・・・。 環境としては、レンタルサーバーhetemlを使用してMovablTypeをインストールしています。 http://he・・・
inputタグ要素の属性、maxlengthが指定されたテキストの文字数について、ちょっと調べてみた。 調査ポイントは2つ。半角英数と全角でmaxlength値・・・
inputタグ要素の属性、maxlengthについて、ちょっと調べてみた。 調査ポイントは2つ。半角英数と全角でmaxlength値のカウント方法が異なるか?文・・・
いまどき「マッシュアップ」という言葉を使うこと自体ちょっぴり恥ずかしいのですが、外部APIを連携する際のお覚書き。 これまで外部APIの連携は、「php」と「A・・・
Photoshop、ど素人です。Fireworksばかり使ってきたため、FireworksでやってたことをPhotoshopでやろうとするとやり方がわからず、軽・・・
QRコードを作成するたびに、ググって適当なサービスを見つけて作成させてもらってたのですが、結構使いやすかったのを紹介。 改行とかもそのまま反映されて、余計な文字・・・
インデックスアーカイブ、ブログ記事アーカイブにおいて使うのに最適。 ※カテゴリーアーカイブにおいては、コンテキストの関係でうまくいかないので、要注意。 サンプル・・・
MTEntriesのモディファイアの組み合わせで実現することはできませんが、 指定したカスタムフィールドに値がある場合のみカウントして 10 件表示させる方法で・・・
Ajax、Asynchoronous JavaScript + XMLの略。非同期通信を行ってJavascriptからXMLデータやテキストデータを取得し、その・・・
ファイル一括変換(Mac用) ファイル名を変換、一部を削除したいときがある。しかもフォルダ内のすべてに該当する場合がある。あるフォルダ内のファイルを連番付けたい・・・
画像の端と背景の境が分からないように画像を用意する際の手っ取り早い方法の覚書。 Windows XP CS3で実施。 「レイヤ」追加 ツール「選択範囲」を選・・・
表示オブジェクト オーサリング時に作成できるオブジェクトオブジェクト ボタンインスタンス ムービークリップインスタンス テキストフィールド ダイナミック・・・
イベント処理 イベント処理の基本書式は下記 オブジェクト.addEventListener(イベント,イベントハンドラ関数名); function イベントハ・・・
通常、送信ボタンが押されるとformのactionが実行されますが、formタグに「onsubmit」、もしくは外部化したJavascript内であれば「sub・・・
selectタグの上にコンテンツを乗せる手法。いろいろネット検索したものを総まとめした「覚書」。 これを参考に応用すると、うまくいく。ただW3Cに準拠していない・・・
たとえば、セルに「テスト左:テスト右」と書かれているのを「テスト左」「テスト右」とセルを分割する方法です。Javascriptでいうところのsplitです。 そ・・・
幅と高さを知りたい矩形を選択。そして矩形情報を表示すれば、幅と高さが分かる気がするのだが(下図参照)・・・。 これだけでは、幅と高さだけなぜか表示されない。幅・・・
<?xml version="1.0" encoding="UTF-8"?> <rss versio・・・
グリッドレイアウトを作成するたびに、カラム数と幅と余白をちまちま計算していたのですが、フォーマット作っちゃえば、あとは全体幅に合わせてコンテンツエリアの幅を広げ・・・
「Web上ですべてを完結できる」というのは、MTのメリットの一つです。 ただ、実際の制作フローでは、ローカル環境で作業して、それをMTに貼付けるシーンは多いかと・・・
意味づけされたマークアップをすることは、 将来性の高いコーディングスキルを身につけると同様の価値があると思うのです。 それが、アマチュアとプロとの違いでもあると・・・
携帯から記事を投稿できるようになったら、もはや無料ブログを凌ぐんだろうなぁ、と思ってたらいろいろありました! ちなみに携帯からブログを更新することと「モブログ」・・・
「選択できねぇ!」 画面上の要素をクリックしても選択されない。Fireworksではまずそんなことはなかった。Photoshopでは、Fireworksと違って・・・
swfファイルをhtmlファイルで指定する際、従来はobjectタグとembedタグをダブルに記述していたが、embedタグはxhtml1.0から非推奨タグとさ・・・
「CSSは記述しているのに適用されない」という質問が多々あるので、あらためて基本をざっくり。 CSSを指定する方法として、大きく分けて2通りの考えをマスターする・・・
Javascriptでブラウザ判別するのはともかく嫌いで、どうにかこれまで避けてきたのだけど。 どうしてもIEかそれ以外の判別をしなければならないシチュエーショ・・・
swfファイルをブラウザ上に表示するために、flash playerの有無やバージョンの判別をする最も普及しているといっても過言ではないライブラリ「swfobj・・・
コンテンツの量に関わらず、スクロールしても、ヘッダーとフッターは常にブラウザ上に表示されるようにする。 ポイント htmlとbodyに高さ100%を指定する ・・・
微妙なニュアンスにこだわった色決め http://kuler.adobe.com/ Adobeが公開しているカラーピッカー。5色の組み合わせを試すことができる・・・
inputタグの文字間を上手にコントロールする術を模索している。 百聞は一見にしかず、ということでサンプルを見てほしい。 xhtml <ul> ・・・
mt:entrydateなどを利用して日付を表示させる場合、その形式はformat属性(モディファイア)を使って編集します。 パラメーター 表示例(補足)・・・
IE7でブラウザの右下にある数値を変えて拡大してみる。見事にレイアウトが崩れる場合がある。 IE7の拡大時のレンダリングは、Operaと同じように、bodyその・・・
F1層って何歳から何歳までの男女どっちだっけと調べることが多かったので、ここいらで整理しておこうと思ふ、ターゲット層。 もともとは、ビデオリサーチ社が社内用語と・・・
xsltスタイルシートの立ち位置 xml文書とxsltスタイルシートを、xsltプロセッサを通して、別の構造や形式のデータに変換する。 xsltの記述 xslt・・・
JavaScript InternetExplorer Netscape 特徴 JavaScript1.0 IE3.0 N2 基本的なオブジェクト・・・
「CGI」という言葉だけで、まだ拒否反応が起きる。 でもどうしても「mt-config.cgi」を修正したくなった。 ただ、config.cgiを修正する際の注・・・
検索窓やタグクラウドの最もシンプルな記述 インデックステンプレート、すべてのアーカイブテンプレートで利用できます。 検索窓 <form method="g・・・
エントリーページに、そのエントリーが属するカテゴリ内の最新10件を表示しようとした場合をもう一度考えます。 <mt:categorylabel setva・・・
エントリーページに、そのエントリーが属するカテゴリ内の最新10件を表示しようとした場合を考えます。 特定カテゴリのエントリ一覧 <MTEntries la・・・
たとえば、白文字が混じった画像を透明GIFにする場合、背景だけでなく白文字までが透明化されてしまう。 ずっと悩んでいたがようやく解決できたので覚え書き。 形・・・
実際に、簡単なサンプルを用いて、xml文書がどのように変化するのか見てみます。 sample.xml <?xml version="1.0" enc・・・
xml文書は別のxml文書と結合することができる。結合した際に同じ要素名があるときの不具合を、名前空間を使用して回避できる。 記述方法 <プリフィックス:・・・
アーカイブテンプレートには、各々のテンプレートの種類やテンプレートが出力するアーカイブの種類に合わせて自動的に変数が設定され、値として「1」が代入されます。また・・・
アーカイブマッピングは、アーカイブテンプレートをどんな種類で、どこに、どんなファイル名で出力するのかを設定する機能。 同じアーカイブテンプレートや、複数のアーカ・・・
テンプレートは、ブログ単位のテンプレートと全ブログ共通のグローバルテンプレートに大別されます。さらに、ブログ単位のテンプレートは大きく5種類に分類されます。 ・・・
手順 2 まずは、Movable Type「MT-4_1-ja」フォルダを「mt4」にリネイムし(ネーミングは任意です)、[(ドライブアイコン)] → [アプリ・・・
タグの書式で守らなければならないルールは2つ。 タグの名前を「MT(またはmt)」からはじめる。 区切り文字を挿入できる位置は「MT」と「タグの名前」の間のみ・・・
テンプレート上の視認性を高め、生成されるファイルには表示されないのが特徴 簡単なコメントを残す場合 <$MTTemplateNote value="ここに・・・
MTInclude module="テンプレートモジュール名" テンプレートモジュール名を呼び出すことができる。 MTInclude file="ファイル名" ・・・
If文 <MTIf 条件式A> 条件式Aが真の場合の処理 </MTIf> <MTIf 条件式A> 条件式Aが真の場合の処理 ・・・
MTSetVarファンクションタグとMTVarファンクションタグ MT記述例 <MTSetVar name="thisWebSite" value="0・・・
コンテキスト どのブログか?どのカテゴリか?どの記事(ページ)についてか?どの部分のことなのか?を指定する テンプレートタグ データ内容を抽出・出力する モディ・・・
MT3 MT4.0 MT4.1 ブログ記事カテゴリー管理 / アーカイブ作成 エントリー ○ ○ ウェブページフォルダ管理 / ・・・
これまで、個別商品リンクしか利用したことがなかったが、実は魅力的な広告がたくさん用意されていたことを知り。今度作るサイトでは、広告のことを意識しながら制作できた・・・
横長 テキスト イメージ 動画 リンクUnit 紹介ボタン テーマUnit 728 x 90 ○(4) ○ ○ 728 x 15 ・・・
手順 1 まずは、Movable TypeとMAMPをマッチングさせるためにフォルダを整理します。 Movable Typeをインストールした際に生成されたフ・・・
Mac OS X に Movable Typeをインストールし、ローカルテスト環境を作りました。実際、ネット検索しながらいろいろ試したのですが、なかなかうまくい・・・
mt4.1へバージョンアップさせるために、「mt4.0 mt4.1」でググって調べつつ作業しました。残念ながら、すんなり移行することができなかったのですが、それ・・・
記述は間違いない(はずな)のに、ブラウザによって思うように動作しないことがある。 実際にどのようなことがあったのか、そしてどのようにすれば対処できたのかを紹介。・・・
記述は間違いない(はずな)のに、ブラウザによって思うように動作しないことがある。 実際にどのようなことがあったのか、そしてどのようにすれば対処できたのかを紹介。・・・
ウィキペディア、IT用語辞典参照 携帯事情 携帯用サイトは、QVGAを基準にすることが多い。 通称 横×縦 アスペクト比(横:縦) ピクセル数 携帯 ・・・
以下、2007年12月21日、アップルストア銀座店で開催されたセミナー「CSS Nite x (r)evolution "Shift to 2008"」の中から・・・
【2020年7月13日】 デッドリンクの削除と最新版に更新しました(ほぼすべてデットリンクのため、総入れ替え)。 有効キーワードを探す際に便利なツー・・・
Level 1 (x)html <p> <a href="#" onclick="openConts();">クリックすると、コン・・・
MTのすごいところは、そのカスタマイズ性。まっさらな状態から作成できるのがこの上ない魅力である。 必要最低限のソースはたった二つ。html要素タグに属性「id=・・・
MTを「ブログ」としてではなく、「CMS」として利用する場合、ディレクトリ名とファイル名は自由に設定したい。 ところが、何の設定もしていないデフォルトの状態で新・・・
MT(MovableType)をカスタマイズするには、まずMTの仕組みを知る必要がある。 公開までの一般的な流れとMTの関係 Webサイトの構成を決める→・・・
MovableTypeを利用し始めて1年経った。とはいえ、基本設計は公開時にやったきりで、その後と言えば、ひたすら更新作業だけだった。しかも更新する箇所のコンテ・・・
掲載から特定の期間が経過すると削除する(「new」マークや「最新情報」など)場合に便利なスクリプト。 「日数」後まで、の表示設定 javascriptソース ・・・
コンテンツのある一部分の掲載削除日が決まっている場合(「new」マークや「本日更新」)に便利なスクリプト。 「いつまで」の表示設定 javascriptソース・・・
xhtmlソース <div> <ul> <li>navi1</li> <li>navi2</・・・
(x)htmlにテキストを記入し、CSSでマウスオーバー時に背景画像を変更させる。 xhtmlソース <div> <ul> <l・・・
xhtmlの書き順 #cont2(#cont2in) → #cont1 → #cont3 (#cont1と#cont2の書き順はどちらでもよい) widthの・・・
xhtmlの書き順 #cont2 → #cont1 → #cont3 (#cont1と#cont2の書き順はどちらでもよい) #cont1and2{ f・・・
xhtmlの書き順 #cont1 → #cont2 → #cont3 #cont1{ float:left; width:○○px; } #cont2{・・・
3段組み #wrapper{ width:○○px; } #container{ position:relative; width:100%; } #con・・・
2段組み #wrapper{ width:○○px; } #container{ position:relative; width:100%; } #con・・・
本来であれば #wrapper{ width:○○px; margin:0 auto; } の設定だけで充分なのだが、これだとIE5が対応せず左寄せのままで・・・
下記に示す全称セレクタを用いた初期化方法の流行りは影を潜め始め、現在は「必要な要素のみに適切なスタイルを示す」方法が流行りはじめているらしいことを聞いた。ただ、・・・
Webサイトの役割を「見込み客獲得」や「売り上げ獲得」とした場合、サイト名を企業名にしてしまうともうからないことがある。 サイト名が企業名でもOKなのは、大企業・・・
記述方法は間違いないのに、文字化けしてしまう。 xhtmlはutf-8で宣言していたのだが、Javascriptで記述された日本語がブラウザで確認すると文字化け・・・
line-heightを指定してる中にimgが含まれると、WinIE(IE7では修正されている)では行間が狭くなる。 <ul> <li>・・・
.group{ overflow:auto !important; overflow /**/:hidden; } または .group{ overflo・・・
せっかくPhotoshopである写真を形取ったのに、その画像をIllustreatorやFireworksにコピペすると、入らぬ背景までくっついてきてしまう。 ・・・
ユーザーは常に「だまされる」ことを警戒していて、商材価値だけでなく、取引のリスクも考えた上で購入や契約を決めている。これを意識してコンテンツを作成する必要がある・・・
文章力以上に重要なのが事前のヒアリング コンテンツの原稿が用意されずに書き起こしをしなければならない場合、内容・表現の「正解」を知らないまま、単に用意された資料・・・
使用例:<meta name="robots" content="nosnippet" /> 「nosni・・・
if(document.getElementById){ IE5.0〜、N6.0〜(「getElementById」をサポートしたブラウザ)用スクリプト } ・・・
DOM値を取得する方法 id属性を使用してタグ要素の属性の属性を取得する document.id名.属性 JavaScriptのオブジェクトと共通のDO・・・
DynamicHTMLとは DOM(Document Object Model)をスクリプトなどを使って操作し、ブラウザに動的な効果を与える技術。 HTMLを・・・
グローバル変数 スクリプトのどこからでも参照できる ローカル変数 ファンクションの中で宣言されたローカル変数はその中にしかない function squa・・・
文字列 ダブルクォーテーションマーク(")、シングルコーテーションマーク(')で囲まれた文字や数字や特定の特殊記号 注意!文字列の一部にシングルクォ・・・
大文字・小文字のアルファベット、あるいはアンダースコア(_)で始まる文字列 変数には文字、数字、ドル記号($)、アンダースコア(_)を含めることができる 日本・・・
従来 <script language="javascript">〜 と記述。更に <script language=&・・・
ナビゲーターオブジェクト navigator Plugin MimeType screen event window frame document ・・・
具体的には、ブラウザ表示領域(ファーストビュー)とコンテンツ高さを比較して、コンテンツ高さの方が短い場合、フッターは下部に固定。コンテンツ高さの方が長い場合、ス・・・
スタイル変更ボタンを設置し、スタイルシートごとごっそり置き換える。 これはCSSとJavascriptの組み合わせで実現させる。 動作確認環境 Windows・・・
わざわざメールマガジンの配信登録してくれた皆さんには特別な情報やオトクな情報をいち早くお届けします」という姿勢が大事。 ユーザがガードを下げるのはページ導線の・・・
sample.xsd <?xml version="1.0" encoding="utf-8" ?> <xsd:schema xmlns:x・・・
出現順序を指定 要素名 説明 sequence要素 内容が順番に出現する choice要素 内容のいずれか1つが出現する all要素 内容・・・
XML SchemaとDTD XML SchemaはDTDと同じように、xml文書の構造を取り決めるための仕様。以下にDTDとの比較を記述する。 DTDよりも・・・
DTDを別ファイルにして共有することができる。DTDの内容を外部のファイルにしたものは、外部サブセットと呼ばれる。 内部サブセット(internal subse・・・
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE m・・・
妥当な文書(valid XML document)とは、整形式文書の規則を守り、かつタグの取り決めを守っている文書。 文書型定義(DTD:Document Ty・・・
<![CDATA[ ここに記号を含めたテキスト ]]> (さらに…)
整形式文書(well-formed XML document)とは、xmlの文法を守った最も簡単な文書。 xml宣言 xhtmlにおいてはxml宣言は必須項目で・・・
文書内にコメントアウトを記述方法 <!--コメントコメントコメント--> 入れ子で構成 &や<、>などの記号は文字参照で・・・
さまざまなデータを表すことができる タグは自由に取り決めることができる(対html) 人間にもコンピュータにも分かりやすい(対csv) (さらに&hell・・・
Webサイトが担う経営戦略 大きく3パターンに分別でき、それぞれが複合したりしてWebサイトが形成される。 売上げを増やす(ECサイト) 見込み客獲得(製・・・
http://〜 絶対URI /〜 相対URL 絶対パス ./〜、../〜 相対パス 絶対URIと相対URLと相対パスの言い方・・・
1.社内要件の取りまとめをしてもらう 決済、社内の関係者に要件、注意点、実施希望要項、社内体制・文化(ひとつの物事を決定するのにどのくらいの時間、フローが必要か・・・
クライアント名 決定責任者、プロジェクト担当者、プレゼン担当者、システム管理者 プロジェクト名 機密に関わる場合はコードネーム プロジェクトの内容 企(企画を説・・・
<style><script>要素のコメントアウト htmlからコーディングを覚え、xhtmlへ移行したときの落とし穴 実は<st・・・
何が企業の価値を高め、知名度・好感度アップするのかを知る 企業に対するイメージ調査から分かること イメージUPには段階がある 会社概要(アピールポイント(AP・・・
ライティングの際に、(文章の雰囲気やテイストを決定づける大きな要因である)カタカナ語や略語、難解語は、ユーザーリテラシー(ユーザーの読み書き能力)をイメージしバ・・・
どのようなユーザーが読むのか 同じテーマでも、だれに伝えたいかで中身は変わる どのようなニーズで読むのか 具体化させることが大切 情報の種類(「企業情報を・・・
ユーザー中心デザイン 従来のWebサイト 公開しておけばいい パンフレットやカタログのようなもの 現在のWebサイト サイトで実現したいことは何か ・・・
ネットショップ・オーナー2 インクリメント(株) http://www.netdeoshigoto.com/owner/ 0120-349-163 店・・・
よいケータイサイトの要素・特徴 トップ画像 訪問者像が分かるデザイン(デザインとサイト内容のマッチング性、視認性) 定期的にデザイン更新されている Fla・・・
基本チェック項目 ユーザビリティ ビジュアルデザイン サービス内容の把握 プロモーション状況チェック項目 SEO対策(便利ツール紹介) リスティングリステ・・・
24時間365日アクセス可能 動画や音声を使ったリッチな情報伝達が可能 情報量の制約がない さまざまなデータフォーマット情報流通が可能 ユーザーが必要な情報を・・・
プロダクトアウト型な発想からの脱却 マスマーケット(膨大な広告予算を展開できる大企業向け)からマインドシェア(より具体的なユーザー動向を意識し広告展開する中小企・・・
ヒアリング時点で「ターゲットは?」と問うと結局のところ「利益につながるすべて」とターゲットを絞れない返答は多い。 「ターゲットは誰ですか?」という質問の前に 自・・・
「教えたい人」がキーパーソン 「売りたい(企業側)」と「買いたい(消費者)」の間に「教えたい人」が現れ始めている。 直線的なトラフィックから興味・関心に従って・・・
文字サイズをemで指定する アクセシビリティに配慮して文字サイズ指定にpx指定を行わない(固定にしない)。そこでデフォルトサイズを10pxになるよう%指定する。・・・
ユーザーの一般的動向から、その時期に合うサイトを提供する 「イエラボ」 家のある暮らしへの興味を喚起させ、検討段階へ誘導する 生活をより豊かにする話題などを・・・
詳細コンテンツ関連 製品利用の動機を固められるコンテンツの提供 説得力ある情報を提供しているか? 製品の魅力を伝えるコンテンツか? 安定した使用感を得られ・・・
テーブルタグの初期設定 table{ border-collapse:collapse; font-size:100%; } セルとセルの間を空けるかどう・・・
検索結果の妥当性・信憑性 検索エンジンへの新たな/継続している対策 Googleでは世界中の情報を「Webにアップロードする」ことにトライしている(YouTu・・・
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",&quo・・・
html>body モダンブラウザ用 *;first-child+html*:first-child+html IE7のみ用 ちなみに、 <!-・・・
そのコンテンツ、何のため? 付加価値を上げるため 専門家のコメントをもらう 取材先に「仁義」を尽くす ギャラの目安は「条件付け(しばり)」「取材日程決定時期・・・
営業は集客された見込み客の疑問点を解消し、条件を設定し契約書を交わすところを行う立場 必要な営業スキルは? 交渉力 お客様の要望とこちら側の条件をまとめる ク・・・
サイト登録 サイトを検索エンジンに認識させるのが目的 Googleへの登録 http://www.google.co.jp/addurl/ Yahoo!Jap・・・
WebSTRATEGYの「実録Webサイト ビフォアフター」で連載されている内容を自分なりにまとめてみました。 サイト制作を独自に一から始めるか?AS・・・
CMSの誤解 CMSとは「Webを更新する」ツールと思われがちだが違う。CMSとは「Webコンテンツを管理/運用する」ツールである。つまり、コンテンツが増えれ・・・
名前空間の名付けは任意に行う(bodyをそのまま名付けることはNG)。 unitモジュールにのみ文書を記述するようにするのがポイント。また固定のレイアウトであ・・・
strictではiframeの利用は廃止されている。そこでobjectを利用する。 <div> <object type="tex・・・
著作権の種類 著作者の権利(著作権) 著作者人格権 公表権、氏名表示権、同一性保持権 著作権(財産権) 複製権、上映権、演奏権、上演権、公衆送信権、頒布権、・・・
カラーコード フォントの種類 サイズ 領域のピクセル数 これはhtmlコーダーや品質チェック担当が必要であり、納品後に必要になることはほとんどない。 なぜ、・・・
var sentaku = Math.floor(Math.random()*8); document.write(sentaku); 0から7までの数字の中か・・・
Website Explorer それは既存のサイトのコンテンツマップを作りたいときに それはリンク切れをチェックするときに それは・・・ これだけでも便利・・・
エクセルを使用時、テキストにリンクが設定されている場合、そのURLのみを別のセルに書き出す場合 ALT+F11で標準モジュールを挿入、下記をコピペする。 Pu・・・
正しいスタイルシートを学べる非常に貴重なツール。 W3C(英語版) http://validator.w3.org/ W3Cサポート(日本語版) http:/・・・
厳しい採点だが、正しいマークアップを学べる非常に貴重なツール。 Another HTML-lint gateway http://openlab.ring.g・・・
「ファイル」タブ→「名前をつけて保存」を選択 「ツール」→「全般オプション選択」を選択 「保存オプション」ウィザードが開かれるので、暗証番号などを指定する
ブラウザ上(ここではIE6で解説) 「ツール」タブ→「インターネットオプション」を選択 「詳細設定」タブ→「背景の色とイメージを印刷する」にチェックを入れる ・・・
エクセル・ワードなど上 「ファイル」タブ→「印刷」選択 「プロパティ」ボタンを選択 「用紙」タブ→「Nアップ」から任意を選択
dl{ width:○○px; } dt{ float:left; width:△△px; } dd{ margin-left:△△px; } float・・・
NTSC(日本) 29.97フレーム/秒 PAL 25コマ/秒 映画 24コマ/秒 30フレームで制作することが多いが、60フレームで作成す・・・
3つの視点 アクセスログでどんなキーワードで訪問されているのか? そのキーワードが上位表示され、ランディングページが最適であれば問題ないが、どちらかが問題あ・・・
パーツを作る 100%読み込まれた状態を作成。 矩形ツールで線と塗りを設定。 塗りの部分だけを選択し、ムービークリップシンボル(ショートカット「F8」、「名・・・
読み込むバイト数をベースに計算 1〜2フレームにダイナミックテキストを配置し、インスタンス名(per_txt)を設定 2フレーム目にスクリプトを記述 pe・・・
読み込むフレーム数をベースに計算 1〜2フレームにダイナミックテキストを配置し、インスタンス名(per_txt)を設定 2フレーム目にスクリプトを記述 p・・・
maitoを直書きすると迷惑メールが大量に来てしまう原因になります。そこで、mailtoを暗号化するわです。そんなときに便利なツール。完全に迷惑メールを除外する・・・
基本事項 自動引き落とし 残高が不足すると自動的で引き落とされる。 1日の予算設定 1日の予算設定を利用すれば、1ヶ月バランスよく広告を出してくれるので、気付・・・
サブアカウント制 予算設定の異なる複数のリスティングを行いたいときに、1つのID、パスワードで管理ができるので便利。サブアカウントは即日作成してもらえる。管理画・・・
Webマーケティングのいろはを学べるサイト、らしい。実際に読んだことがあるわけではないが、情報量が豊富らしい。本で紹介されていたり、人づてに聞いたことがあったの・・・
とはいえ、正確にコントロールできるわけではないが、縦幅を認識させたいときに有効。 html,body{ height:100%; } 高さの%指定は親要素に・・・
心理学者のジョージ・A・ミラー氏が提唱する人間が一度に記憶できる要素の数についての概念。 メニューの最適数 5~9つ
アクセシビリティの観点から文字サイズは固定しない方がいい。 ただ、IE以外のモダンブラウザではフォントサイズを固定しても、実際にはブラウザで拡大表示が可能だ。更・・・
<div class="bg-cover"><img /></div> 画像を取り囲むdiv上にbg・・・
設計と表現だけではなく、必要なのは「編集力」 設計(仕組み・構造)と表現(見せ方)だけでなく、編集力を駆使することで立体的なサイトとなる。 ここで差がつく編集・・・
サムネイル画像をクリックすると画面中央に拡大表示されるだけでなく背景を暗くすることができる。すんげぇお洒落っ! ThickBox 3.1(海外サイト) htt・・・
情報という分子 どんな情報(分子)も生活、趣味、産業、文化、芸術(分母)などの上にある 要約力とデザイン 媒体 方法 特徴 絵本 重点化デザイン ・・・
ナローバンド(アナログ/ISDN回線)向け 60Kbps ブロードバンド(ADSL/FTTH回線)向け 300Kbps
リスティング広告は万能ではない リスティングに適した(たとえばニッチ(隙間市場)の)商材がある 商材の知名度が高い場合あえてリスティングを行う必要はない イ・・・
ソフトウェア開発の際だけど、契約書作成のサンプルになるのでは。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・・・
xhtml1.1 strictでは、新規ウィンドウを開くtarget属性を推奨していません。新規ウィンドウを立ち上げるべきかどうかはユーザーが決めるべきだという・・・
実はバナーサイズには「国際標準」ってのがある。 横幅の小さい順(単位はpx) 88×31 120×60 120×90 120×240 120×600 125×・・・
xhtmlソース <div> <ul><!-- --><li><img alt="navi1" />・・・
様々なやり方があるが、どれがベストなんだろう? 気にするポイントは、検索エンジン的に問題がないか?アクセシビリティは確保されているか?ソースが読みづらくないか?・・・
そのボックスにfloat付きの子ボックスが含まれていないか? そのボックス(または親ボックス)内で回り込みを解除されているか? 解除できる要素がなく親ボックス・・・
縦方向のレイアウト崩れ防止、ブラウザによる見え方を統一するため、vertical-alignは「top」の設定がおすすめ。ちなみにデフォルトはbaseline・・・
古いブラウザではidやクラス名に「-」と「_」を含まれていると認識できなくなるらしい。アルファベットに始まり、アルファベット、数字で書いた方がよい レイアウトに・・・
/*¥*/ letter-spacing:0.1em; /**/ letter-spacingの指定はMacIE5ではバグがでてしまうため、ハックを利用して・・・
floatとwidthはペアで使用する CSS2.1の勧告候補ではwidthなしでも自動的に幅がフィットされる。しかし、Mac IE5ではうまく表示されない。 ・・・
正しいCSSを記述しているにもかかわらず、表示が崩れることがある。ブラウザによる解釈の違い(バグ)が原因であるが、IE5や古いブラウザにバグが見られる。・・・
マス広告 「(例)ありがとう日本の女性へ(TSUBAKI)」のように「なんだろう」と思わせるのが狙い ECサイト 「詳細」 「リアル」なコミュニケーション 「・・・
セミナーで実際に運営している側とサイトを制作した側のお話を聞いたので、その内容をまとめてみました。 輸入レコードショップに見るECサイト展開 特徴 在庫限りの・・・
iTunesStoreに見るECサイトとしての優位性 UIが使いやすい タイムリーにランキング変動 カスタマーレビュー 試聴できる アルバムの中の1曲単位で購・・・
従来(否定要因からの利用) 時間がないから 場所が遠いから 2004年頃から(プライオリティ要因からの利用) 他では買えないものがあるから 現在(買う理由を探・・・
SEO-Equation ここのサイトで紹介されている内容は凄く分かりやすておすすめ。 CSSバグ回避 CSSハック http://www.seo-・・・
@important "test.css"; ポイントは@importantを設定し、1ファイルかますこと。ただし、この設定ではMacI・・・
<link href="test.css" rel="stylesheet" type="text/c・・・
56Kモデム / 10KB / 6〜9秒 (さらに…)
制作時の注意点 大きくても200×300(20文字×15行) 特殊文字の積極的利用 電話番号入力で直接電話をかけられる 文字入力ではなく、リストから選択できる・・・
/*¥*/ MacIE以外 /*/ MacIE用 */ どのブラウザでもOK MacIE以外だけに設定したい場合やMacIEのみに設定したい場合でも、コメント・・・
tableタグを利用する際に意外と知られていないのが、列(縦方向)をコントロールする「colgroup」タグ。また、colgroupタグはcaptionタグの次・・・
GIMP 「GIMP」で検索するといろいろヒットするが、その中でも気になったところをピックアップ。どうやらWindows用らしい。実際に使用したことがないから詳・・・
実際に検索エンジンを利用したユーザが検索結果を見てどのような行動を取るのだろう? タイトルを見て、探してる情報があるか判断する 興味あるサイトを絞り込む 絞り・・・
「test.html」をサイズ500×500(px)、新規ウィンドウ、画面中央で開くと仮定 function newWinIconOpen(URL){ var・・・
#006600 #33cc33 #66ff33 #66cc99 #3399ff #3366ff #0033ff #330066 #cc3366 #990033 ・・・
IDパスワードでアクセス制限された開発用サーバ上で限定者によるデバック・校正 再度ユーザビリティテスト (さらに…)
全ページを制作。それ以前のプロセスが終わらないと量産作業は行えない。 (さらに…)
視覚要素をデザイン トップページ、全ページ共通のヘッダ・フッタ部分など インターフェイスのガイドライン作成 ロゴ、マーク、アイコン、タイポグラフィーなどの使・・・
サイトマップ作成(ツリー構造やディレクトリ構成、ページ間のリンク構造を明記) 情報の収集(コンセプトに応じた収集の方針を立てる) 情報の分類(位置、50音順・・・
企画書や仕様書にまとめ、Webサイト開設者と目標のイメージを共有 Webサイトの基本、プランニング 「どのような目的や背景でサイトが維持継続運営されるのか?」・・・
サブドメインを利用する 多くの人気ウェブサイトからリンクを貼られると、リンクポピュラリティが上昇し、検索結果上位にランキングされる原動力になる。 SEO対・・・
SEOに適したサイトデザイン パンくずリスト カテゴリ名を埋め込んだアンカーテキストである →ユーザーを戸惑わせない・メニューの役割も果たす グローバルメニュ・・・
アンカーテキスト 驚くべきアンカーテキストの影響力 アンカーテキストだけで検索エンジン最上位を確保する例 「18歳未満」→Yahoo!やGoogle 「mis・・・
オリジナリティー、実現できるか判断、最低限の達成目標などを加味 ターゲット(サービスの対象となるユーザ層を指す) ポジショニング(競合サイトや複数のサービス・・・
Web開設者の要望事項、ブランディング、企業戦略、サーバやインフラの仕様の調査 同業他社のWebサイトの分析 分析アプローチ(課題点・問題点を抽出) 環境分・・・
Webサイトの構築の第一歩はスケジュールを立てるところからはじまる。 最終目的(決められた期限に、要望とおりのWebサイトの立ち上げ)を果たすために、全体のス・・・
<title>タグ 「ブラウザのメニューバー」「お気に入りでの登録サイト名」として表示される。 参考:検索エンジンユーザ視点 良い例 <ti・・・
目標の設定 検索エンジン経由の訪問をどのくらい増やす?検索結果に表示されることがゴールではなく、クリックを誘導し、集客することがゴール その達成時期はいつ? ・・・
アクセスログに残されたキーワードだけではニーズにマッチしているかどうか判断できない。そこでキーワード選定のために調査すること すべてのキーワードについてKE・・・
戦略1:果敢にそのキーワードで挑戦 上位10サイトは時間をかけしっかりと調査(チェック項目とチェックのポイント) ディレクトリに登録されている Yahoo!・・・
ライバルサイトを見つける アクセスログから、ユーザーが使っている検索キーワードをピックアップ それらのキーワードで検索 上位表示されれば現状だけはSEO対策必・・・
アクセスログ解析で知りたいこと 各検索エンジンからの訪問はあるか?(URLの保持、リンク構造設計) 全体のどのくらいが検索エンジン利用者か?(リンク構造設計)・・・
実際に検索(サイトの登録、表示状況調べ) どれくらいのページが検索対象か? 登録ページ数の調査方法 google allinurl:www.調査URL sit・・・
サイトの現状調査とキーワードの策定 検索エンジンでの調査 自サイトのアクセスログ解析 ライバルサイトの分析 各種ツールを用いてのキーワード調査 キーワードの・・・
ロボット型 ディレクトリ型 自動的に情報収集する お勧めサイト集の進化系 Google YST(Yahoo!Search Technolo・・・
「/」が意味するのは、どの階層にいようが一番上の階層を基準にすること。ナビゲーションが階層が変わった場合でもリンク先を変更する必要がないので便利。ただアップロー・・・
ケータイサイトの利用者は? 一般的には若年層、ECサイトでは若年女性や若い主婦層。しかし、PCとケータイを連動して利用されることが多いことを忘れてはならない。・・・
コンテンツマップ ディレクトリマップ ディレクトリ構造設計指針 重要なのはディレクトリ名称 URIを大切に 盛り込む内容 ページの中の役割 ワイヤーフ・・・
建物をどのように建てるのか(「Webサイト構築」設計) どんな建築物も設計図なしでは作れない。 建物を建てる場合 Webサイトの場合 何階建て? ・・・
情報の記憶 情報は「ネガティブな感情の高揚が高い直後」が記憶されやすい。 正しいWebページへ最適化 やさしい漢字・かな表記を 中学生でも分かる難易度で 専門・・・
確かに見やすい。でもなんかつまらない。そこで ストーリーを作らないか? こだわった部分とか
おしつけを嫌う。自分のためにブログを書いていることを忘れてはならない。
ファビコンとは ブラウザのアドレスバーやお気に入りのリストに表示される小さなアイコンのことです。 手順 ファビコン用の画像を作成 ファイル形式を変換する ・・・
手順 素材用意 FLV形式に変換 配信メカニズム決め swfファイルに埋め込み 数秒のデータを扱うのに有効 プログレッシブダウンロード ここの操作方法を言及・・・
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、ホームページ・・・
設計、制作、運用のそれぞれで契約(納品、検収)を結ぶ プロジェクトで行うことと納品物の例 内容詳細 御社データ資料の確認 ヒアリング サービスの体験 ・・・
商品プロモーションはもちろん、ブランドイメージの訴求が大きなミッション
表示させるにはキーワードを変更するか単価を上げてください。」ってメッセージがよく出てしまう。 これを改善するにはどうしたらいいか? アナウンス通りに単価を吊り上・・・
<object data="○○.swf" width="○○" height="○○" ty・・・
SEOの本質障害の理解 検索結果に表示されない htmlの書き方が悪い キーワードの選び方が悪い 検索結果の説明文が不適切 タイトル、スニペットの理解・・・
ソフマップで、MacBook Air Mid 2013 を中古で購入した。なつかしのOS X Lion。だがしかしッ!工場出荷時に初期化してアップデートしよう・・・
外部のAPIを利用する際、リクエスト回数が制限されることがある。また、リクエスト回数が制限され、かつ毎日更新をルールとする外部のAPIもある。 そんなと・・・
インスタに投稿した画像を自動でホームページでも更新されるようにしたい。もっとも簡単に実現する方法を紹介する。 公式リファレンスInstagram・・・
このたび、ハンドメイドアクセサリー作家さんのWebサイト制作させていただきました! Sunny Side Accessory(サニーサイド アクセサリー・・・
5年くらい前に購入した書籍「インタラクションデザイン」。この書籍内ではたくさんの事例が紹介されている。残念ながらその多くは現在閲覧することができなくなっていた・・・
WordPressを自作する上でもはや欠かせないプラグインの一つが、「Advanced Custom Fields」。 名前を変更しようと思って、Wor・・・
配列の場合 /** * 配列の重複を削除する * * @param {array} ary* * @return {array} 処理後のary・・・
5年以上前と比べると、アップデートが簡単で驚く。とくに記事にするまでもないと思いつつ、一応備忘録。 インストールすると、既存のディレクトリはそのままに別・・・
プラグインを更新中に、誤って、違うページにアクセスしまいました。すると、管理画面だけでなく、公開中のすべての画面が「briefly unavailable f・・・
Gulp。いつもは正常に動いている環境をそのままコピーして再利用するようにしている。そうすることで、案件ごとに毎回環境作りをする手間を省くことができ、何よりG・・・
めっちゃ参考になるページを見つけた。 絞り込みをするたびに色々ググっていたが、これがあればほとんどのことが解決できそうな気がする。 参考: これは便利!Word・・・
まずはサンプル。 これは、overflowをautoにした要素のスクロール位置を変更するサンプルです。 これは、overflowをautoにした要素のスクロ・・・
iframeで呼び出した際、iframe自体はスクロールさせずに高さを取得してiframe全体を表示させます。 サンプル:iframeの高さを自動調整するデモ・・・
http://localhost:8888/ での参照ではなく、http://localhost/ で参照できるようにします。 MAMPの設定を変更する M・・・
【2020年07月13日】 macOS Catalina(10.15.5) / Adobe iLLustrator 2020(24.2.1) にて動作確認済・・・
いつもは直接アップロードしているので気にしていなかったが、WordPress管理画面のメニュー「メディア」からfavicon.icoをアップロードしようとした・・・
<?php $args = array( 'paged' => 1, 'posts_per_page' => 20, 'post・・・
WordPressの管理画面。「投稿」や「固定ページ」の一覧は、公開日順に並んでいる。ところが、カスタム投稿を追加した場合、公開順ではなく名前順に並んでいること・・・
ポイントを使ったり、増やしたりしたときに、結果のポイント数に差し替えるのではなくて、カウントアップしたり、カウントダウンして動的に動かそうと思って作ってみた。・・・
前回、「入力フォームを自由にカスタマイズできる「Advanced Custom Fields」」で基本的なフィールド名を出力方法を紹介したが、今度は条件分岐に関・・・