2006年9月アーカイブ

トップページ・個別エントリーにカテゴリー毎での最新エントリーリストを表示するテンプレートタグを紹介しています。

今回トップページの下位に各カテゴリーでの最新エントリーリストを表示するようにしました。情報型コンテンツでブログを構築している場合、ある程度蓄積されてきた時点で、コンテンツ毎でのエントリーリストを表示してみるのもいいかもしれません。

トップページにカテゴリー毎のエントリーリスト表示

コードと解説を情報として残しておきます。

WEBに関連した本を購入しました。WEBデザイナーの方におススメの本です。

推薦本イメージ 今週買った本。あまりWEBデザインの本を買わないのだけど、この本はついつい欲しくなり購入。中身はとてもびっしり。読む気が失せる。読むのではなく、常備本・辞書として手元に置いておけばいいと思って買いました。


面白い建築デザインがDiggのエントリーで人気を集めていましたので取りあげてみました。息抜きもしくはインスピレーションを湧かす素材に。

ニューヨークのあるお店のエントランスから階段をデザインしている。デザイナーはThomas Heatherwick氏。

迷路みたいなエントランス

(画像:Slide show: Adventurous visions - arts - International Herald Tribune:より)

なかなか面白い。面白いデザインの建物で働くといいデザインでも出てくるのかな〜。

他にもいろんなアーキテクチャーデザインを見ることができます。息抜きにどうぞ。


Photoshopのチュートリアルの紹介です。ベクターアートのチュートリアルです。また、肌色部分や目の部分のカラーパレットを用意しました。Photoshop・イラストレーターのパレットとして抜き出せます。

Photoshopのチュートリアルネタです。ベクターアートの作り方。Diggで人気のあるページです。

vector art with photoshop

シェイプをつかったベクターアート。チュートリアルの題材は、Bjok

カラーマネージメント|配色に役立つサイトまとめで紹介しているColor Palette Generatorをつかってコードを取り出してColorblenderでパレットを生成すれば、簡単にPhotoshopのパレットを取得することができます。

映画STAR WARSのライトサーバーをつかっての戦う場面は印象的でした。一度ライトサーバーで遊んでみたいと思う方は覗いてみてください。ライトサーバーに関する動画をクリップしました。

映画STAR WARSでライトサーバーのシーンは衝撃的でした。今でもかなりのファンがいるようです。
やっぱりライトサーバーを手にするとみんなすることは同じ。
You Tubeにてライトサーバーに関連する面白い動画がいくつかありましたのでSTAR WARSファンの方はどうぞ。
クリエイティブ系の方には、息抜きに見てみるのもいいと思います。

Photoshopのテクニックを動画に収めたチュートリアルがYou Tubeにいくつかありました。Web 2.0スタイルのロゴ作成方法なんかも動画であります。

Photoshopのテクニックを動画に収めたチュートリアルがYou Tubeにありましたので、いくつかピックアップしてみました。

You Tubeでのフォトショップチュートリアル

探してみると結構ありますね。とりあえず、こんな作り方もあるのだなと。参考にどうぞ。

まじめなエロいネタ。海外女性5000人の統計からセックスで女性が絶頂感を得られるポジショントップ10のエントリーがありましたので取りあげてみました。

seximages

Diggで人気のエントリーTop 10 Orgasmic Positions for Women

5000人の女性の意見を聞いてのトップ10です。以下の通り
参考に、もしくは、誘うネタに


カラーマネージメントに役立つサイトをまとめてみました。フリーで使えるカラーピッカーなどもいくつかありましたので、一緒に紹介しています。

WEBサイトでカラーマネージメントができるサイトをいくつかまとめてみました。

カラーユーティリティー

探してみると結構ありますね。自分に合ったサイトを。
フリーで使えるカラーピッカーもいくつかありましたのでご紹介しておきます。

息抜きや気分転換にトップムービー がおススメ。 テクノラティトップムービー機能が実装されました。

ブログ検索でおなじみのテクノラティにトップムービー機能が実装されました。ブログで話題になっているYouTube動画をみて息抜きを。

テクノラティトップムービー

トップムービー(話題のYouTube動画が見れる機能)をリリース

本日、「トップムービー」機能をリリースしましたので、ご紹介させていただきます。

http://www.technorati.jp/pop/youtube/

テクノラティの「トップムービー」機能とは、過去48時間の間にYouTubeへ貼られたリンク数をもとに作った、ブログで話題になった動画のランキングです。

(引用:テクノラティ:トップムービー(話題のYouTube動画が見れる機能)をリリースより)

クオリティーの高いフリーフォントを集めて紹介しているエントリーを見つけました。なかなかいいフォントが紹介されています。

25Best Free Quality Fonts
フォント管理も結構大変です。数多くあるフリーフォントの中でクオリティーの高いフォントをまとめたエントリーがありましたので、紹介しておきます。フォントチョイスに気を遣っている人にはいいと思います。

25 Best Free Quality Fonts

ブログシステムを使って情報を発信している人にFeedBurnerを使ってフィードを管理することをお勧めします。FeedBurnerサービスについてまとめてみました。

ブログで情報発信している人には、FeedBurnerサービス利用をお勧め。FeedBurnerは、フィードを最適化・管理できるサービスです。また、配信するフィードに様々な情報を付加することもできます。

FeedBurner
FeedBurner
http://www.feedburner.jp/fb/a/home

基本的に登録利用は無料です。Proアカウントにアップグレードすると各エントリーのフィードに対するアクセス解析をすることができます。フィードを管理することができれば、発信しているエントリーで一番関心のあるエントリーを簡単に知ることができます。

都心向けにはコンパクトなBikeがいいです。A-Bikeは重さは5.5kgでコンパクトに折たためます。今のところ国内で扱っているところはないけど。一応チェック。

ものすごくコンパクトになるBikeを見つけた。でもまだ国内では販売しているのかわからない。
かなりコンパクトになるので都心向けにはおススメのBike
コンパクトなBikeを探している人に | A-Bike

A-Bike香港DAKA Design製造・販売(予定)のものすごく小さくなる折り畳み自転車。重さは5.5kg。予価は$300以下とのこと。
(引用:A-Bike:ものすごく小さくなる折り畳み自転車- Engadget Japaneseより)

Yahoo!ミュージックでAIのアルバムがクリップされました。10月25日まで公開。試聴できます。

毎日Yahoo!ミュージックのサウンドステーションを聞きながらPC操っています。昨日からAIのアルバムもクリップされました。【10月25日まで公開】ゴスペルが好きな自分としてはちょっと嬉しかった。

Yahoo!ミュージックにAIが登場

最近試聴できるアルバムは以下のような感じ。

Movable Type 3.2以降およびMovable Type Enterpriseにおいてこの脆弱性があることを確認。バッチが提供されています。DLしてアップグレードを。

Movable Typeに脆弱性が確認されたようです。アップグレードが必要ですね。

mtnews.gif

最近海外にて人気のサイトSquidooの紹介です。特定コンテンツに関して濃い情報を作成でき、そして拾うことができます。

ブログの登場で情報が埋もれつつある中、Diggやdelisciousなどの共有ブックマークサービスのおかげで、情報検索の手間もかなり簡素化されている。最近は無料で特集コンテンツを作ることができるコミュニティーに人気が集まっているみたいです。

海外サイトから特定分野の中身の濃い情報を拾うならSquidooがいいかもしれない。面白いエントリーも多いです。

Squidoo

国内で言うAll Aboutみたいな特集コンテンツを自分でも作ることができるサービスです。All Aboutは、エディタとして認められなければならないけど、Squidooは無料で誰でも参加できます。

自分の得意なコンテンツを持っている人なら、Squidooに特集コンテンツを作成し、そこからトラッフィクを集めることが可能。

数多くあるCSSギャラリーサイトのまとめサイトMostinspiredの紹介です。合計26サイトのフィードを表示していますので更新状況がすぐにわかります。

最近CSSギャラリーサイトも増える一方です。そんなにブックマークしてもという方にこちらのサイトがおススメ。
数多くあるCSSギャラりーサイトのRSSフィードを取り込んでいるので、更新状況が簡単にわかります。
合計26サイトのCSSギャラリーのフィードを表示しています。

mostinspire.gif

ブログをコンテンツ次第で人気ブログにする方法を紹介するエントリーがありましたので、記事にしました。

コンテンツの中身でブログを人気ブログにするテクニックのエントリーを見つけました。確かにブログは、いくらデザインをいじくったところで所詮はコンテンツありきです。また、自分でコントロールできるものでもありません。このエントリーでは、いくつかのアイデア的なテクニックを取りあげています。

ブログをコンテンツ次第で人気ブログにする方法

ブログを持っている人にはおススメのエントリーだと思います。最近この手のエントリーが数多くブックマークされています。

インデックスページでカテゴリー毎でのサブカテゴリーのリスト表示をする方法を解説・紹介しています。

mixi/MT(Movable Type/ムーバルタイプ)のコミュのトピック上で問題提示があったので、今回のエントリーで問題解決に取り組んでみようと思います。

トップページにカテゴリー毎でリスト表示を分ける方法

問題は、「トップページにメインカテゴリー毎での属するサブカテゴリーのメニューもしくは、リスト表示をしたい」という内容です。

普通なら自分でリンクを作成する方法しかないとおもうのですが、以前のエントリーCSS設定でサブカテゴリーだけを表示する方法/MT条件分岐:MTHasNoSubCategoriesでの方法を使えば可能であると思います。

Gucciのサイトはカッコイイ!Ajaxで作られています。

Gucciのサイトはとてもカッコいいです。ブランドサイトでFlashを使っているところが多い中、GucciのサイトはAjaxで作られています。
使われている写真なんかもとてもいいものばかり。ディレクターはとてもいいお仕事してますね。

gucci.gif
Gucci
http://www.gucci.com/int/index2.html

最近のWEBデザインの動向をまとめたエントリーがありましたので紹介しています。WEBデザインに興味がある方は読んでみてください。

最近のWEBデザインのスタイルをまとめたエントリーです。紹介されているスタイルは、全部で8パターンです。WEBデザイナーの方は見ておくのもいいかも。

currentdesign.gif
Current Trends In Web Design/ontoinfo/Blog Archive
http://www.ontoinfo.com/2006/09/13/current-trends-in-web-design/

ソーシャルブックマーク最新情報を集めたAPIサイトHeartRails Searchの紹介です。共有ブックマークの幅を広げたい方にはおススメのサイト。

すごい便利なサイトが現れました。HeartRails Search。前回のHeartRails Capture/ウェブサイトのサムネイル画像/PDFが生成できるのエントリーで紹介したサイトと同じ系列サイトです。

ソーシャルブックマーク最新情報を集めたAPIサイトHeartRails Search

運営者の方は、まだ若干19歳の女性のようです。スゴイ!!

HeartRails Search | オススメできない検索結果は削除しよう! みんなで作るソーシャル検索エンジン!
http://search.heartrails.com/

PhotoshopでWeb 2.0 スタイルのTipsを紹介しているサイトのまとめです。

最近はやりのWeb 2.0 スタイルデザインのTipsを紹介しているサイト。Photoshopユーザーには一応、おススメしておく。

photoshop:Web 2.0 スタイルのデザインをするなら

プレゼン用のWEBサイトモックページの作成の仕方なんかも紹介しています。

iPod Shuffleのカスタマイズを紹介しているサイトを見つけました。

古いiPod Shuffleをカスタマイズしてタブレットケースとして再利用できます。
こちらのサイトでそのカスタマイズ方法を紹介しています。

古いiPod ShuffleをFriskなどのタブレットケースにカスタマイズ

おしゃれかも。ジャンクのiPod Shuffleをオークションで調べると1000円以下で購入できそうです。

Altoids case made from old iPod Shuffle
http://www.instructables.com/id/E7AKK2JD0SEP286UGN/
古いiPod ShuffleをFriskなどのタブレットケースにカスタマイズする方法

iPodョ Nanoのカッコいいケースを海外サイトでみつけました。

海外のサイトでiPodョ Nano用のカッコいいケースを見つけました。価格は$19.95。そんなに高くない。

Black Thong for use with iPodョ Nano

Black Thong for use with iPodョ Nano

素材ばブラックレザーです。ちょっとスマートさがあって、いいかも。

Movable Typeのエントリーをmixi日記にも連動して投稿できるプラグインmixiSyncの紹介です。導入は簡単です。

mixiユーザならMTのエントリーを日記にもエントリーしたいところ。私も大分前から連携したかったのだが、プラグインが今のMTのバージョンに対応していなかったため、ずっとまっていました。

Movable Typeのエントリーをmixi日記にも投稿できるmixiSync

先月の終わりにプラグインがアップデートされたようです。早速プラグインをインストールして、mixi日記にも同じ内容が簡単に投稿できるようになりました。Movable Type 3.3 にも対応しています。やった!

ウェブサイトのスクリーンショット並びにPDFをを作成するサービスHeartRails Captureの紹介です。おススメ。

mixiにて使えるサイトを見つけました。サイトのサムネイル画像/PDFが生成できます。
heartrail.gif
動作もスムーズです。ブックマーク!

ブログマーケティングに必要な25要素を紹介している海外サイトがありましたので、そちらのエントリーを自分なりに訳して紹介しています。

以前紹介したトラッフィクをあげるための手法の中でブロガーには目を通しておいたほうがいいTipsを自分なりに訳してみました。 英訳が得意な方ではないので誤訳がありましたら、ご勘弁。

リソース元は

25 Tips for Marketing Your Blog
http://www.toprankblog.com/2006/06/25-tips-for-marketing-your-blog/

カッコいい都心向けのバイクStrida folding bike/ストライダの紹介です。Amazonで購入できます。

海外のサイトでこのバイクが紹介されていました。カッコイイ!!
名前はStrida folding bike/ストライダ
国内で探してみたらamazonでも取り扱っていました。(綴りが違うけど)

Strida folding bike

かなりコンパクトになります。重量は9.8kg。VideoもYou Tubeにあります。

画像をリサイズする8つの方法をまとめたエントリーを紹介しています。

quick links to good stuff|Eight Ways to Quickly Resize Imagesというエントリーにて画像をリサイズする8つの手法が紹介されていました。Eight Ways to Quickly Resize Images

quick links to good stuff|Eight Ways to Quickly Resize Images
http://www.fortysomething.ca/mt/etc/archives/005817.php

全てのサーチエンジンに有効なサイトマップをMovableTypeで作ることができます。テンプレートコード並びに関連情報を紹介しています。

以前にMovableTypeで Google Sitemaps用テンプレートコードというエントリーでGoogleのクロラーに対してのサイトマップ(Sitemaps)を自動構築するコードを紹介しました。

前回のサイトマップでは、YSTやMSNのサーチエンジンに有効的でないようなので、全てのサーチエンジンに有効なサイトマップを作成する方法がありましたので、情報として残しておきます。

ROR-Structured Feeds

RORサイトマップといわれるものをror.xmlに書き出すことで、サーチエンジンに認識してもらうことができるようです。あまり詳しくはわかりませんが、他のサーチエンジンにもインデックスされるためには、作成しておいて無駄はないでしょう。

機能にアイコンをつけてユーザビリティー向上を図ります。アイコン表示を追加する方法をご紹介しています。

最近では多くのブロガーたちが各機能リンクにそれぞれアイコンをつけて文字を読むことなくピクトグラムとしてわかりやすくするようにしています。今では、ブログも毎日見るページとしてその項目の機能を認識しやすくすることでユーザービリティー向上を図ることはいいことであると思います。

icon.gif

今回は、アイコンを追加表示する方法をご紹介します。最初は面倒ですが、後々を考えればいい効果を生んでくれると思います。

当ブログも各項目にアイコンをつけてユーザビリティー向上というか少し洒落っぽくしています。
使用しているアイコンは、フリーでダウンロードできるサイトからのものです。

トラッフィクをあげるためのガイドサイトをまとめたエントリーです。すべて英語ですが、時間をかけて読んでみるといいと思います。

自サイトへのトラフィック=アクセス数をあげる方法のまとめサイトです。数々のガイドサイトが紹介されています。

copyblogger
How to Attract Links and Increase Web Traffic -- The Ultimate Guide
http://www.copyblogger.com/increase-web-traffic/

トラフィックを集めるための手法や考え方などを公開しているサイトがかなりあります。たくさんありすぎて読むのにも一苦労です。
時間をかけてゆっくりと読んでみたいと思っています。

Google Maps APIを使ったWEB2.0サービスquikmaps.comの紹介です。マッピングには手軽で使いやすいサービスです。

Google Maps APIを使ったマッピングサービスはいくつかあるとおもいます。このquikmaps.comもそんなサービスの中の一つです。
quikmaps.comは、直接地図に線を引いたりすることができます。

quikmaps.com

道順なんかを書き込むにはいいかも。都心など車で移動を考えた場合、一通・右折禁止などいろいろと交通規制上の制約があると思います。そんなときは、このquikmaps.comを使って経路を書いてから渡してあげるといいかも。

アメリカオレゴン州の学生たちの手で67メートルのFirefox サークルがつくられた記事を紹介。

FirefoxファンによるFirefox サークル

Firefox サークル出現

オレゴン州の学生たちのグループによって、220 feetのFirefoxのサークルがつくられたようです。1 feetがおよそ0.3メートルなので、220 feet= 67メートルのサークルになります。2週間の計画の元、1日の作業でつくられたとのこと。

半透明にできるCSSプロパティ/Opacityテクニックを紹介しています。

CSS設定でオブジェクトを半透明にできるプロパティがあります。
IEのみのCSSプロパティでしたが、Firefox・Operaでも同じように表示可能にできる方法を説明したサイトがありましたので紹介しておきます。
他にもいくつかのOpacityプロパティを使ったTipsが紹介されていますので、参考に覗いてみてください。

CSS Opacity in Mozilla,IE, and Opera

新しいスタイルライブラリーが公開されたました。

新しいスタイルライブラリーが公開されたようです。StyleCatcherプラグインのおかげで簡単にデザインの変更ができるようになりました。これからもさまざまなデザインがお目見えするようです。

StyleCatcher by loftwork

オンライン上で画像をトリミングすることができるWEB2.0サイト。保存形式も5種類あります。Flickrにも保存可能です。画像エディタソフトを持っていない人にはおススメです。

画像エディタソフトを持っていない人もこのSnipshotを使えば、簡単に画像を加工できます。
トリミングなんかにいいと思います。サイズ指定もできます。

snipshot.gif

EUC-JPのホームページの文字化け対策に「美乳」のテキストを忍ばせておくといいらしい。

何やらEUC-JPのホームページの文字化け対策に美乳が効くようです。そんな面白いエントリーを見つけましたのでご紹介しておきます。

goo注目ワード ピックアップ・・・文字化けに美乳より

第2回「Movable Type コンテスト2006」についての紹介です。当ブログもエントリーしました。

当ブログも「Movable Type コンテスト2006」にエントリーしました。

第2回「Movable Type コンテスト2006」にエントリー

たまにエントリーサイト一覧にてエントリーされているサイトをいくつか見たりしています。コンテンツに合わせた各ページ構成などを勉強させていただいています。各職種によってページ構築手法などが異なりますのでとても参考になります。特に企業ページについては構成の参考にいいです。

今回は、見ているうちに自分も参加してみようかと思い、すぐさまエントリーした次第です。

サブカテゴリーページにて同じ階層のサブカテゴリーだけのメニューリストを表示する方法です。静的ページ・動的ページに関係なく表示されます。

前回のMTで条件分岐:<MTHasSubCategories>MTカテゴリーページにてサブカテゴリーのみ表示するエントリーでメイン(親)カテゴリーページにてサブカテゴリーのリストを表示する方法を説明しました。今回は、サブカテゴリーページにて同じ階層のサブカテゴリーのみを表示する方法をご紹介します。

サブカテゴリーページにて同じ階層のサブカテゴリーのみを表示する

カテゴリーページのテンプレートは一つしかなく、わざわざ条件分岐などでややこしく設定するのも面倒なので、一つのテンプレートで複数の表示を可能にしたいものです。

  • メインカテゴリー階層ではサブカテゴリーリスト表示
  • サブカテゴリー階層では、同じ階層のカテゴリー表示

という前提での説明となります。

上記は、amazonのサイトのメニュー表示と同じ表示扱いになるかと思います。うまく設定することでAmazonのようなメニューを作ることが可能です。

オンラインワードプロセッサーWritelyを使ってMovableTypeに投稿することができます。投稿の設定詳細などの情報を紹介しています。

ワードプロセッサーWritelyからもMovableTypeに投稿することができます。Writelyは複数の人でワード文書を作成したり、編集・共有したりすることができる無料で使えるオンラインサービスです。Googleに買収されましたのでグループサービスの一つです。

writely008.gif
Writely
オンラインワードプロセッサー
http://www.writely.com/

無料でアカウントが取得できます。ワードの使い方がわかる方であれば、簡単に操作を習得することができます。このWritelyをブログエディタとしても使うことができます。ただし、追記・タグ機能等には対応していません。

MTRoundRobinプラグインはリスト表示などのときに交互に背景や文字の色を変えることができるプラグインです。淡い色を指定することでメリハリがでます。

各リスト表示など交互に背景・文字色を変えたい場合には、MTRoundRobinプラグインを使います。

シックスアパート:MovableTypeプラグインディレクトリーのページからこのMTRoundRobinプラグインの存在を知りました。

MTRoundRobin:一覧表示で交互に背景・文字色をかえるイメージ

WEBデザインのカラーマネージメントの参考に。ベースカラー・アクセントカラーから配色を参考にできます。

Go2web20サイトからデザインでフィルターをかけたら、こちらのNetcocktailサイトを見つけました。WEBデザインのカラーマネージメントの参考にはとてもいいサイトです。

Netcocktail:WEBサイトデザインでカラーマネージメントの参考に

ベースカラーから各要素の配色を参考にできるサイトばかりを集めています。アクセントカラーでの分類もされていますのでとても参考になります。紹介されているサイトを見てて思いました。基本色の色数が3色もしくは4色がほとんどです。

WEBサイトで使う色は、コンテンツがぼやけないように3色もしくは4色がベストということですね。

WEB2.0サイトのリンク集です。ロゴイメージにて表示されていますので、最近のWEBサービスのロゴのインスピレーションを掴むのみもいいかも。

WEB2.0サイト:Go2web20WEB2.0サイトばかりを集約したサイトです。Flashで作られているようです。 フィルターにて目的のWEB2.0サービスを見つけることが可能です。ちょっとしたネタ探しや便利サイトを見つけるにはいいかも。
紹介されるWEB2.0サイトのロゴイメージにて、リスト表示されていますので、最近のWEB上でのロゴのインスピレーションを掴むのにもいいかもしれないです。

しばらくはこちらのサイトから使えそうな情報を見つけたいと思います。

WEB上でJPG画像をリサイズできるWEB2.0サイトResizRの紹介です。ブロガーにはおススメのサイトです。

Web20サイト:ResizR便利なサイトを見つけました。

WEB上で画像のリサイズが簡単にできます。画像は、ローカルファイルからとWEBサイトからもアドレスを入力することで可能です。 リサイズできるのはJPG画像のみなので注意。

ブログのエントリーでイメージ画像を添付するときに、ローカルディスク等に保存してからアップする必要もないですね。フリーの画像等も可能です。できるだけHDに余裕を持たせたい方には便利サービスです。

2006/9/14にFirefox 1.5.0.7リリース。

Firefox 1.5.0.7アップデート昨日Firefox 1.5.0.7がリリースされたようです。今回もセキュリティ脆弱性とバグの修正がされたようですね。とりあえずアップデートと。

リリースノート
http://www.mozilla-japan.org/products/firefox/releases/1.5.0.7.html
いくつかのセキュリティ問題の修正

円チャートをCSSでシンプルに表示するコードを紹介しています。このコードの使い方を応用すれば、他にも何か表現することができます。

deliciousにて円チャートをCSSで表現するサイトを見つけました。
画像をずらすことで円チャートを簡単に表現することができます。
結構シンプルです。

TagSupplementalsのプラグインを導入することで関連したエントリーのリンクリストを生成することができます。導入するためのテンプレートタグを紹介しています。

新しいプラグインTagSupplementalsを導入するようにしました。エントリータグで関連性のあるエントリーを選んで、エントリーリンクリストを生成してくれます。よくあるニュース形式のサイトと同じようなエントリーの末尾にある関連記事などのリンクリストです。ユーザービリティーを意識して導入することにしました。

Microsoft(R) Expression(R) Web 日本語ベータ版がリリース。使い勝手はいいと思います。使い方はほとんどDreamWeaverと似ています。

Microsoft Expression Web Designerの日本語ベータ版がリリースされました。早速DLです。

GIGAZINE- マイクロソフト製サイト作成ソフト「Expression Web」日本語ベータ版のエントリーをみて知りました。

テクノラティとTechnoratiにタグ情報を送信することでエントリーを反映する方法を紹介しています。Atom/RSS2.0フィードにテンプレートコードを追加する方法です。

以前のエントリー:MTエントリータグでテクノラティタグリンクを生成する方法でタグリンクを生成する方法をご紹介しました。それからテクノラティへのping送信もしているのですが、なかなか検索結果にブログのエントリーが反映されませんでした。

そこでいろいろと調べてみると、テクノラティへエントリを表示させるためには、テクノラティへタグ情報送信しなければならないということです。ですが、以前からリンクタグは正しく生成されているにもかかわらず通知が伝わっていないということは、どこかおかしいのではと思い。調べてみると方法がありましたので、ご紹介しておきます。

MTHasSubCategoriesタグを使って条件分岐します。MTカテゴリーページにて階層下のサブカテゴリーのメニューを表示するコードを紹介しています。

メニューカスタマイズ以前のエントリーでMTトップレベルカテゴリのみのメニュー表示するテンプレートタグをご紹介しました。この方法でトップレベルのみのメニューを表示した場合、カテゴリーページにおいてもトップレベルのカテゴリのみの表示となります。

サブカテゴリーにて構造を細分化している場合には。カテゴリーページにて、その階層にあるサブカテゴリーを表示する必要があります。そうした場合には、<MTHasSubCategories>タグを使って条件分岐でそのカテゴリに属するサブカテゴリーのメニューを表示するようにします。

CSSを書く際のテクニックというエントリーを読んでみて、自分なりのCSSを書く際のワークフローを紹介しています。

CSSワークスタイルCSSを書く際の5つのテクニックというエントリーがはてブでのブックマークで上位に上がっていました。この元のエントリーは以前にもdeliciousにてかなりのブックマークを集めていたので読んでいましたが、改めてこうして紹介され読んでみると忘れそうなときにいいチェックツールにもなります。最近物忘れがひどくなってきたので助かります。

MTで条件分岐:MTIfNonEmptyタグを使った条件分岐のパターンをいくつか紹介しています。

MTの条件分岐については、前回のエントリーで述べました。今回は、MTIfNonEmptyを使っての条件分岐について紹介していみたいと思います。使い方次第で様々な表示変更ができます。

MTでの条件分岐に関する事柄を紹介しています。条件分岐を使うことでユーザーニーズにマッチしたコンテンツを提供することが可能になります。

今回のエントリーの内容は、Movable Typeで条件分岐コンテンツを作成してみるです。条件分岐といっても様々な方法が考えられますが、私のわかる範囲での条件分岐をご紹介していみます。

Movable Type(ムーバルタイプ) 3.3にて最近のトラックバックを表示するテンプレートタグコードの紹介です。Widgetにて個別に登録しておくことで管理が容易になります。

最近のトラックバックMovable Type(ムーバルタイプ) 3.3Widgetの管理ができるようになって、オリジナルのテンプレートタグを管理できるようになりました。Widgetの管理をクリックするとモジュールに各モジュールのテンプレートが生成されます。

デフォルトの状態でのWidgetモジュール郡に最近のトラックバックが無かったので、また調べてテンプレートタグを見つけました。情報としてテンプレートコードを残しておきます。

ブログエントリーの作成エディタとしてHTMLソフトHTML Project2を使っています。プレビューしながらエントリーを作成することができます。

前回ブログの投稿アプリとして、ジャストシステム:ブログ編集ソフト「xfy Blog Editor」トライアル版を紹介しました。(http://weblibrary.s224.xrea.com/weblog/mt/xfy_blog_editor.html)あのソフトは優秀そうでまだまだこれから使い勝手を覚えてゆくアプリでオススメできるのですが、大抵はHTMLソフトHTML Project2を使ってブログのエントリーを作成しています。

MovableTypeで Google Sitemaps用XMLファイル生成テンプレートコードの紹介です。Googleウェブマスター ツールを使ってクローラーに自サイトを定期的に巡回してもらえるように登録します。

Google Sitemaps少しずつSEO対策を意識して行かなければと思い。Googleサービスを使うようにしました。Googleサービスの中のGoogleウェブマスター ツールをとりあえず設定しないとと思い。調べてみるとMT関連のGoogle Sitemapsサービス情報がありましたのでご紹介しておきます。

サイト制作時の配色に役立つWEB2.0サイト:ColorBlenderの紹介です。カラーパレットを共有できるのが魅力的です。PS・ILLパレットデータも取得できます。提案にもオススメです。

WEB2.0サイトColorBlenderサイトの制作やブログのカスタマイズでカラーの配色が一番頭を悩まします。時間がかかります。カラー設定において複数カラーの配色には、かなり神経質にそして悩みます。そういった面倒をこちらに紹介するWEB2.0サイト:ColorBlenderであれば、簡単に計算してくれて6色のマッチしたカラーコードを取得することができます。

棒グラフなどを簡単なコードで表示することができるCSS(スタイルシート)コードです。

スタイルシートコードグラフを表示するのにとてもシンプルなCSSコードを見つけましたので、情報として残しておきます。del.icio.usからみつけました。

とてもシンプルなコードで棒グラフを表示することができるCSSです。またどこかで使えるときがくると思います。

MTテンプレートタグにてトップレベルカテゴリを階層的に表示するためのテンプレートタグコードの紹介です。

メニューカスタマイズトップレベルのカテゴリのみを表示するテンプレートタグです。情報保存として残しておきます。

トップレベルカテゴリのみのメニュー表示がどうして必要なのかは、コンテンツの量が多ければ多いほど、細分化したカテゴライズが必要になってくると思います。カテゴリ数も多くなり、ユーザーの探している情報を絞り込んで誘導しながらコンテンツ提供してゆくには、トップページにおいてトップレベルカテゴリのみを表示するようにし、階層が下がると同じくして、サブカテゴリーの表示をしてゆくといったサイト設計、構築する必要があると思います。

MTで自動でサイトマップページを生成するテンプレートコードです。階層的にサイトマップを生成することが可能です。CSS設定のバージョンも紹介しています。

階層式サイトマップ作成MTでサイトマップを自動的に構築できたらいいだろうと思い。いろいろと試して見た結果、思ったよりも簡単にできました。<ul><li></li></ul>タグを使って階層表示できるテンプレートタグです。実際に設置してみたページは、こちらのサイトマップページ。CSSで表示を変えています。(微調整段階)

任意のテキストを画像に置き換えるCSSの設定パターンです。2パターン紹介しています。

テキストを画像に置き換えるCSS設定には、方法がいろいろとあると思います。text-indentで画像を左に飛ばす方法。<span>要素で入れ子にして上から画像を覆いかぶせる方法などパターン別にコードを紹介しておきます。

<$MTCategoryBasename$>を使って,カレントディレクトリの時のメニュー表示をCSSで切り替える方法を紹介しています。

前回の内容は、カテゴリページにて<$MTCategoryBasename$>を使ってのカテゴリー毎の表示変更の方法でした。今回は、このエントリータグを使ってCSSでメニュー表示変更の方法です。カテゴリーページにてカレントディレクトリの時のメニュー表示を切り替える方法となります。いろいろと試してみたらうまくいきましたのでご紹介しておきます。

FireFoxエクステンション:IE Tab/FireFoxでIE表示を可能にする。サイト制作時のブラウザ表示確認にオススメ。

FireFoxエクステンションFireFoxとIE(インターネットエクスプローラー)とは、同じサイトでも表示が異なります。このIE Tab エクステンションは、サイト制作時の両ブラウザ表示確認で役立ちます。導入することでクリック一つでIEエンジンにて表示が可能となります。

IE(インターネットエクスプローラー)からFireFoxにブラウザを変更したばかりの人には、いいエクステンションかも。


FireFoxエクステンション:All-In-One Sidebar/ダウンロードから拡張機能など一括管理(サイドバー表示)

FireFoxエクステンションFireFoxエクステンションは便利なものが多いです。ただ、便利すぎて導入しすぎるとその管理なんかも面倒になってきます。従来は、拡張機能の設定もわざわざ【ツール】>【拡張機能】などで呼び出していました、またデータのダウンロード時も新しくウインドウが開いたり、ツールバーが増えてしまって、サイト閲覧も表示ウインドウが狭くなったりと。結構増やせば、増やすほど管理が面倒になります。

All-In-One Sidebar 0.6.4は、すべてを一括にてまとめてくれます。【履歴】【ブックマーク】【拡張機能】【ダウンロード】【テーマ】【ソース表示】など導入してみるといろいろとまとめて管理できます。マウスジェスチャーのガイドなんかも表示できたりと、これからも内容はエクステンションが更新されるたびにさらに使いやすくなると思います。


ジャストシステムがブログ編集ソフト「xfy Blog Editor」トライアル版でブログの試験投稿についての感想を述べています。なかなかオススメです。

ジャストシステムがブログ編集ソフト「xfy Blog Editor」トライアル版を公開という記事より

株式会社ジャストシステムは、WYSIWYG編集ができ、柔軟な機能拡張ができるブログ編集ソフト「xfy Blog Editor」を来年発売します。

Movable Type 3.31日本語版のデフォルト表示で最低限必要なCSSコード

Movable Type 3.31日本語版のデフォルトでのCSSコードの中で表示するために最低限必要なコードだけを取り出しました。デフォルトで生成されるCSSコードは、上書きの連続をしているので、結構ぐちゃぐちゃでわかりにくい部分がありましたので、デザインをカスタマイズしたい方には、把握するだけでもかなり時間を要したと思われます。

今後ご自分でレイアウト、デザインをカスタマイズしたい方のためには、必要な部分だけがあればいいかと思い、抜き出しました。 また、要約している部分のコードも切り離し、ブロック毎に分けました。

日記:劇団ひとり「陰日向に咲く」久しぶりにいい作品を読んだ気がする

陰日向に咲く
陰日向に咲く
posted with amazlet on 06.09.03
劇団ひとり
幻冬舎 (2006/01)

最近ちらほらと「劇団ひとり「陰日向に咲く」面白かった!」というレビューをよく見かけるので、早速読んでみました。 感想は、とても面白くて笑わせられました。そしてハートにジ〜ンとくる場面も何度もあり、読み手を飽きさせない内容でとてもよかったです。

いくつかのストーリーがあり、その中の主人公の心情と感情をうまく表現しています。細かいところでネタがあり、抜きがなく書かれていたところも印象よかったです。そして、純粋さを表現するフレーズがとてもよかった。感動させられました。


今回のこの「陰日向に咲く」を読んで、劇団ひとりの持つ世界には、人間の素の部分を素直に表現しているところがとてもよく、こちらも素直にその中に入りこめれた。久しぶりのオススメできる小説です。次回作が楽しみです。

ブログでping送信できるサイトのリストです。

最近少しずつMTでping送信できるリストを集めました。【設定】>【新規投稿】にてたくさんのping送信を登録してしまうとエラー表示されますので、何度かに分けてエントリの中の【トラックバック送信先URL】から各サイトにping送信をしています。国内には、一括でping送信するサイトがありますが、送信に時間がかかったり、送信されていないなどのケースもあるので、個別にて以下のping送信リストを使って送っています。とりあえず、下記のリストは、エラーされないping送信先リストです。

MTカスタマイズのエントリ。テンプレートタグの<$MTCategoryBasename$>を使ってカテゴリページをCSSにて表示切替する方法を紹介しています。

私のサイトでは、カテゴリページにてカテゴリ毎にタイトルを変更するようにCSSで設定してあります。これは、テンプレートタグの<$MTCategoryBasename$>を使ってCSSで切り替え表示をするようにしています。ページ全体をクラス指定で<$MTCategoryBasename$>を割り当て、CSSで設定を変えるようにすれば、見栄えを変えることも可能です。

<$MTCategoryBasename$>を使ってのCSS切り替え表示は、いくつものパターンが考えられます。とりあえず、私のカテゴリページでのタグを紹介しておきます。

MTでパンくずリストを表示する方法を紹介しています。静的ページでのカテゴリページにもパンくずリストを表示させるコードも紹介しています。

MTでサイトナビゲーションとしてのパンくずリストを表示させるにもいろいろと方法があるようです。いくつかのパターンを取り上げてみました。紹介する方法は、静的ページ(PHP生成ページではありません)での表示方法となります。

私は、WEBデザイニングという雑誌を毎月購入しており、その中で紹介されているMTカスタマイズテクニックのコラムで取り上げあげられている手法を取り入れました。

サービス

AmaPOP - amazon affiliate link generator/アマゾンアソシエイト(アフィリエイト)リンク

AmaPOP - amazon affiliate link generator
手軽にあなたのアソシエイトID入りのアマゾンアソシエイト(アフィリエイト)リンクを作成することができるサービス

人気アクセスランキング

OpenID対応しています OpenIDについて
Powered by Movable Type 4.25

このアーカイブについて

このページには、2006年9月に書かれたブログ記事が新しい順に公開されています。

前のアーカイブは2006年8月です。

次のアーカイブは2006年10月です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。