フリー人物素材 商用利用可能 モデルピース
ホームページ制作ではてしなく必要となる素材。 素材と言ってもケースに合わせた素材が必要なわけですが 最近では、ネット上でも無料で素材を提供してくれているサイトが多々あります。
Movable Typeで全エントリー数（投稿数）を表示するタグ
ムーバブルタイプで全エントリーの投稿数を表示するタグ。 最近物覚えが悪くなったのに、以前覚えていたのにいざ必要になるとわざわざ調べないといけません・・・。よって覚書します。
swfobject.js - swfファイルを簡単に埋め込むjavascript
deconcept deconceptさんで紹介されているXHTMLにswfファイルを簡単に埋め込む事が出来るswfobject.jsのご紹介です。
EC-CUBE 返信メールを追加する方法
ほんと、EC-CUBEを使うと毎回思う事なんですが、最低限必要である受注後のメールも基本的には役に立たないものばっかり・・・。 気が利いていないと言いますか。どうせここまで良いものをオープンソースとして提供しているんだから、ほんの少し気を利かせるだけでぐっと利用者も増えると思うんですけどね。 もうすでにいっぱい利用者がいるから気にもならないんですかね。 今回は「注文受付メール」「注文キャンセ
EC-CUBE ページタイトルの変更方法
EC-CUBEでちょっと便利の悪い部分はページタイトル。 管理画面で、編集できるようになればかなり便利なんですけどね。 でも、出来ないものはしかたないので今回はEC－CUBEのページタイトル（<title>～</title>）、キーワード（keywords）、ディスクリプション（description）の変更方法を僕的に一番手っ取り早い方法でご説明します。 間違っちゃ
EC-CUBE 商品一覧の表示件数を変更する
EC-CUBEで商品一覧数を変更する方法。 すごい簡単なんですが、知ってないと何気につまずく。 自分も初めてEC-CUBEを触った時はそうでした。 今回のEC-CUBEバージョンは2.4.3です。
FlashとHTML5と・・・
そろそろいつでも使えるくらいにしておかないといけないかななんて思っているHTML5。 CSS3ももちろんですが、今回はHTML5について丁寧に説明されているサイトを見つけたのでご紹介します。
MTEntries と一緒に良く使うタグ一覧
ムーバブルタイプで絶対に使用するMTEntriesタグですが、それと合わせて使うことがあるタグをまとめました。しょっちゅう使用するものは覚えていますが、たまに使用するとなるといちいち調べるのが面倒なので覚書。 新しいタグや現在掲載されていないタグは暇を見て追加しようと思います。
Twitter フォロワー管理ツール
twitterでフォローしたりされたり、フォロワーの人数が増えれば増えるほど管理が難しくなります。 そんな悩みを解決するtwitterの管理ツールが合ったんでメモ。
ECサイト構築 オープンソース まとめ
最近ECサイトの制作依頼が圧倒的に多いのですがEC-CUBEやZENCART、OSCommerceなど面白いオープンソースがたくさん存在します。 とりあえず最近気になるECサイト構築が可能なオープンソースのまとめ
EC-CUBEで配送日目安を表示する方法
EC-CUBEの商品登録に配送日目安を選択する所がありますが、商品追加時に選択しただけではページ上では配送日目安が表示されません。 そこで、配送日目安を表示させる為には、商品一覧ページ、商品詳細ページにコードを追加する必要が出てきます。配送日目安は簡単に言うと納期の事です。EC-CUBE上では配送日目安となっているのでそのままの言葉で説明します。 ※今回のEC-CUBEバージョンは2.4.3
EC-CUBEでメーカーURLを表示する方法
EC-CUBEの商品登録にメーカーURLを記入する所がありますよね。 でも、デフォルトの状態ではURLを入力してもネットショップ上では表示されません。 そこで、URLを表示させる為には、商品一覧ページ、商品詳細ページにURLを表示させる為のコードを追加しなくてはいけません。 ※今回のEC-CUBEバージョンは2.4.3
Pilot Handwriting
PILOTのサイトで提供されているサービスがすごく面白い。 自分で書いたフォントを手書きにして、スキャンすると自分の手書きフォントが使えるっていう優れモノ。これはぜひ一度体験してほしいです。
EC-CUBE 商品ステータスを追加する方法
EC-CUBEで商品ステータス（NEW、オススメ、ポイント2倍など）アイコンを追加する方法です。結構簡単だし、最初から用意されているステータスアイコンは使わないものもあったりなんで自分のECサイトに合わせて追加、変更したい場合もあると思います。 結構簡単なんで、必要であればぜひチャレンジ。 ※今回のEC-CUBEバージョンは2.4.3
EC-CUBE 商品詳細ページにお問い合わせボタンを設置する方法
EC-CUBEで商品詳細ページにお問い合わせボタンを設置する方法です。 といっても、EC-CUBEの開発コミュニティサイトを見ていると丁寧に説明してくれてる方がいたのでlaboでも覚書。 なんだかすみません。 ※今回のEC-CUBEバージョンは2.4.3
EC-CUBE 郵便局自動入力を最新の状態へ
EC-CUBEではお客さん情報入力時に、郵便番号を入力すると自動で住所を入力してくれる便利な機能がありますが、常に最新の状態にしておかなければその機能もあまり魅力的とは言えません。最近ではAjaxやらでカスタムして自動入力があちこちで確認できるようになっていますよね。 ※今回のEC-CUBEバージョンは2.4.3
EC-CUBEをヘテムルにインストール
他のサーバだと最初から簡単インストール機能がついていたり、自身でインストールしても比較的簡単にインストール出来ていたんですが、ヘテムルサーバを使ってEC-CUBEでサイト構築という依頼があってスムーズにインストールできなかったんで覚書。 ヘテムルのインストール説明の通りインストールしちゃうと http://domainname.com/html/ こんな感じのアドレスになっちゃいますよね。
Google キーワードツール
ホームページ制作会社に働く人や、WEB業界の人は知ってる人も多いと思いますがGoogleのキーワードツール。とりあえず、Googleは無料で公開しているツールのくせにむちゃくちゃ便利。知ってる人も多いと分かっているんですが、とりあえず紹介させてください。
エラーページをデザインして設定
手の込んでいるウェブサイトにはエラーページにも工夫を凝らしていたりします。 そんなエラーページを自分の好きなデザインに設定する方法を.htaccessを活用して設定する方法をご説明します。 結構簡単なんで、ご自身のウェブサイトにもぜひ採用してみてください。
ムーバブルタイプ エントリー あいうえお順で表示
ムーバブルタイプのエントリーを「あいうえお」順で表示する。 辞典だったり、名簿だったりをムーバブルタイプで作るのに知ってれば結構役立つと思います。 ムーバブルタイプ タグ <MTEntries sort_by="title" sort_order="ascend"> <$MTEntryTitle$> </MTEntries> もちろんインデックスでもアーカ
画像で使用したフォントを調べる事が出来るWhat The Font
しっかり画像の管理はしてる方だと思っているんですけど久々に画像を見たら何のフォントだったか覚えていない時があります。元データがある場合は大丈夫なんですが、元データ自体がなかったり、お客さんから既存イメージのフォント指定で依頼される事も多々あると思います。 まさにそのドツボにはまって調べている時にこれで調べてみたら？と教えてもらったWhat The Font。知ってんならもっと早く教えてほしか
はてなブックマーク登録をムーバブルタイプ各ページに設置
今まで、気ままにブログを更新してきて本当に自己満足で運営してたけど このラボを更新してる姿を見て、ある人に一言・・・。 「ガラでもないことやってんなー」だって 笑 あくまでも、自分達のメモ感覚なんで言葉足らずで、皆さんのお役に立てるかなんてのはわからないですけど、皆が見てくれるものだしちょっとでも役立ったり、興味を持ってもらえればいいからこれからもマイペースに続けていこうと思います。改めてよ
ムーバブルタイプにtwitterからのアクセス数を表示する retweet.js
最近よく見かける自サイトにtwitterのretweetボタン。 気になって調べてみたら設置は結構簡単みたいなのでご紹介。
ムーバブルタイプ ブロックタグ内の変数
ムーバブルタイプのブロックタグ内変数メモ ブログで最初の記事にアクセントを付けたい時だったり記事を交互に表示変更してみたりムーバブルタイプを用いたサイト構築には役立つ事が多いと思います。
IE6 IE7 IE8 を同時に確認できるie tester
コーディングの際に頭を悩ますブラウザの問題ですが IEはバージョンによっても若干変わってくるので確認が面倒。 そんな時に役立つのがie tester ie tester IE5.5、IE6、IE7、IE8を全てこれ一つで確認できるなかなか便利なツール。 ただ、こういうことをしなくてもIEがきちんと対応してくれれば何の問題もないんですけどね・・・。 でも、やっぱりい多くの方はIEを使っている事
ADOBE イラストレーター入門 -基本操作-
ブログにも書いたんですが、イラストレーターを自分でもある程度は使えるようになるため今日から勉強しようと思ってます。LABO久しぶりの更新が素人くさくてすみません。完璧初心者なので皆さんのお役に立つかわかりませんが僕の個人的メモとして大目に見てやってください。 まずは、基本操作を覚えようっと。
Firefox アドオン Firebug
Firefoxを使う最大の理由と言っていいかもしれない。 ベタですが、すごい便利で最高でいて最強はちょっと言い過ぎたかな・・・。 WEB制作に関係する人は結構、使っている人が多いかも？ Firebug 検証、デバッグなどにはオススメです。 使い倒しておいてこういうのもなんですが、ただひとつマイナス点があるとすればロゴの虫がゴキブリにしか見えない。実際はゴキブリではないんですが、Firebug
Firefox IE Tab アドオン
WEB制作時に便利なFIREFOXでIEタブを開くことができるアドオン。 いちいち、いろんなブラウザを開けるのが面倒なのですごく助かります。 IE Tab たまーにあるIE以外での閲覧禁止をしているサイトがあっても対応できる！
twitter フォロージェネレーター
twitterにて自身のサイトからフォローしてもらう時に活躍するジェネレーター わかりやすく言えば、Follow ME!!!!!!!!です。 Twitter Follow Badge よく見かける、サイトの右側にFollow meだのFollow usだの表示できるコードを生成してくれます。色も自分のサイトに合わせて使用できるので人気なのかも。
twitter アイコン配布サイト
周りは皆始めているtwitterですが、去年アカウントをインベントリーでも制作したままそのまま。完全に乗り遅れた感が否めない今日この頃・・・。 お客さんから、twitter関連の要望が多いのですが、調べれば出るわ出るわ まずはtwitter関連の無料アイコンを配布しているサイトのまとめ。 50 Free and Exclusive Twitter Icons こちらは無料で使える50個のtw
ムーバブルタイプで前後の記事をリンク表示する
毎回、記述するのが面倒なのでメモ ムーバブルタイプで前後の記事をリンクする方法。 <mt:EntryPrevious> <a href=""></a> </mt:EntryPrevious> <mt:EntryNext> <a href=""></a> </mt:EntryNext> これだけです
ムーバブルタイプにはてなブックマークの登録数を表示
お客さんのサイトで、今回必要になったんでLaboでも覚書 ムーバブルタイプにはてなブックマークび登録数を表示する方法 <a href="http://b.hatena.ne.jp/entry/" target="_blank"> <img src="http://b.hatena.ne.jp/entry/image/large/" /> </a> これだけ
ムーバブルタイプ 日時表示タグ
ムーバブルタイプで何かと使うことの多い公開日時や時刻の表示 デザインや用途に合わせて表示を変えたい場合に活躍します。 以下の様に記述することで このように表示されます。 2010年 2月 5日 表示内容を変更する場合は下記のタグを用いて変更します。
IE6にてpngを透過させる IEPNGFIX
ブラウザ（IE6）により、PNG24を使用した時の透過具合が違う。 そんな時に使えるIEPNGFIXの覚書。 サイトからDownload内にあるiepngfix.zipをダウンロード後、フォルダの解凍を行う。
W3C チェッカー
HTMLやCSSのチェックをするのに不可欠。 W3C基準にホームページ制作を行うのはもはや基本中の基本です。 W3C HTML 文法チェッカー W3C CSS チェッカー いまだに、W3Cをクリアするとすげー嬉しいっす。 一発でクリアできてたらガッツポーズをとる人も、僕の周りにはいます 笑
Movable Type 複数ブログのRSSを一つにまとめる
Movable Typeで、複数のブログを作り運営している方もいると思います。 このブログでも、複数ブログのRSSを一つにまとめたのでついでにご紹介しておきます。 まずは、ムーバブルタイプのプラグイン画面にて「MultiBlog」がインストールされていることを確認します。 なければプラグインのインストールから始めてください。
.htaccess www あり www なし 統一方法
友人に頼まれ、設定したのでついでにこちらにもメモしておきます。 .htaccessを利用し URLのwwwあり、wwwなしの統一をする方法です。 wwwありで統一する場合 RewriteEngine on RewriteCond %{HTTP_HOST} ^yourdomain\.com RewriteRule (.*) http://www.yourdomain.com/$1 [R=301
youtubeの小ネタ
パソコンで作業を黙々とする方の中にもyoutubeのお世話になっている方も結構いるのではないでしょうか？もしかすると大半のBGMをyoutubeのお世話になっている方もいるのでは？そんな、作業時にちょっと使えるyoutubeの小ネタ。 僕も、CDが手元にない場合、どうしても聞きたい音源が出てきたときはyoutubeにお世話になっているので同じような方がいましたら知ってる事も多いと思いますが、参
.htaccess リダイレクト設定方法
inventory blogは今まで別アドレスで運営していましたが2010年のブログリニューアルに伴いURLが変更になりました。その際に用いた旧ブログから新ブログへ自動で誘導するために.htaccessを使ったリダイレクト方法をご説明します。 今回はgoogleやyahooも推奨している301リダイレクトの方法を説明します。新しいドメインに今までのドメインへアクセスがあった場合、自動で移動す
ムーバブルタイプ4で絵文字を使う
ブログリニューアルに伴い、Kickstart my heart様のサイトでご紹介しているプラグインを利用させていただきインベントリーブログにも絵文字機能を追加しました。 今回はムーバブルタイプにてプラグインを利用することで実現する絵文字機能のご紹介です。プラグインのダウンロード ページ内にある「ZIPファイル」をクリックするとダウンロードが開始します。ZIPファイルをダウンロード後、ファイル