Category Archives: web design

コマンドでIPアドレスを調べる 【メモ】

コマンドを使用してIPアドレスを調べる方法です。
Macのターミナルを起動して

nslookup www.○○.com

- このBlogなら-
nslookup blog.ao-design.jp

と入力するだけ。入力したドメインのIPが吐き出されます。
コマンドとか普段使わないので、忘れそうなのでメモ代わりに。

blog.ao-design

Twitterをサイトへ表示させる方法

Twitterのタイムラインををサイトへ表示させる方法です。
ツイッターをサイトへ表示させる方法は、javascript、phpを使うなど色々な方法がありますが、いちばん簡単にできるのは、Twitterの公式のウィジェットを使用することかと思います。方法は、

① ツイッターにログイン

② 上部メニュー「設定」をクリック

③ 設定メニュー内の「プロフィール」をクリック

④ Webの横辺りにある「(あなたのWEBサイトにもTwitterを表示させよう)」 をクリック

⑤ ウィジェットを選んでくださいより、「自分のサイト」を選択

⑥ ウィジェットの用途を選択 最新ツイートを表示させるならプロフィールウィジェットを選択

⑦ 左メニューよりデザイン・サイズ・設定などのカスタマイズを行い

⑧ 「完了&コード取得」をクリック

⑨ その後、表示されたコードをコピーして、表示させたいページに張り付ければOK

簡単に取り込めてまいます。他にも、jsやphpを使った方法は下記にまとめられているので参考に。

【参考サイト】

・Twitterをサイトに組み込むチュートリアル&サンプル集

・WordPressで外部RSS(twitter等)を表示させる

・simpleXML でRSSの表示 PHP5

・Juitterを使って勉強会とTwitterを繋ぐ

blog.ao-design

写真加工チュートリアル集


55のチュートリアルを記載
http://blog.emmaalvarez.com/2008/01/top-best-55-photoshop-tutorials-for.html


トーンカーブで変わります
http://layersmagazine.com/curvy-cross-processing.html


レトロ風写真への加工
http://hankandwillie.wordpress.com/2008/08/19/through-the-viewfinder-a-photoshop-tutorial-of-sorts/


Flikrのファインダーグループ
http://www.flickr.com/groups/ttvdust/


テクスチャと組み合わせた加工
http://free-web-design.co.cc/how-to-make-a-vintage-retro-picture-tutorial.html


こちらもテクスチャ加工
http://pshero.com/photoshop-tutorials/photo-effects/photo-transfer-edge-effect

写真加工の40のアクション
http://designm.ag/resources/photoshop-actions-designers-photographers/

blog.ao-design

SEO診断ツール まとめ

SEOTOOLS(SEOツールズ)

無料SEO診断ツール itomakihitode.jp

SEOチェキ

キーワード解析

Dipper B (ディッパー)

aguse.jp

HTMLタグ利用状況解析ツール

ToFU

最近は、無料で様々なSEO診断ツールでてますね。個人的には、上位4つ辺りをよく使います。

blog.ao-design

wordpress カテゴリごとに月別アーカイブを表示

複数Blogの構築が出来ないwordpressでは、カテゴリごとに、記事を分けて複数Blog的な使い方をするかと思うのですが、テンプレートタグは基本的に、全体に効いてしまうので、月別アーカイブ一覧などを表示させてもすべてのカテゴリの月別が表示されてしまいます。そこで、便利なプラグインが KWEBBLE です。

Archives for a category WordPress plugin

上記よりプラグインをダウンロードし、

1. プラグインフォルダへアップロード
2. 設定→kwebbleの設定からDisable canonical URLs.にチェックをつけて、オプションを更新。(これをしないとうまく表示されないことがあるらしいです。)

<ul>
<?php wp_get_archives('cat=3'); ?>
</ul>

と表示すれば、カテゴリID3の月別アーカイブが作成されます。複数カテゴリを取得し月別アーカイブを作成する場合は、下記のように表示したいカテゴリIDをコンマで区切ります。

<ul>
<?php wp_get_archives('cat=3,4'); ?>
</ul>

また月別&カテゴリ別の記事タイトルの一覧を取得する場合は、下記で取得できます。

<?php wp_get_archives('type=postbypost&limit=5&cat=3'); ?>

カテゴリID3の記事を5件表示する。

個人的には、MTよりWordPressのほうが好きなので、複数Blog使えるようになって欲しいな。CMS的に使用したり、様々なコンテンツを管理する場合は、MTのほうが長けてるな。プラグインやUIはWordPressのほうが、いいと思いますが。しかもフリーだし。w  かなりお世話になってます。
ではでは。

blog.ao-design

AS3でマスクにぼかしをかける方法

備忘録です。AS3でマスクにぼかしをかけるコードです。
結構、簡単ですが、よく忘れるので。。

import flash.filters.BlurFilter;
var filter = new flash.filters.BlurFilter;
filter.blurX = 50;/*ぼかすレベル*/
filter.quality = 2;/*画質のクオリティ*/
マスクMC.filters =[filter];

マスクをかけるMC.mask = マスクMC;
マスクをかけるMC.cacheAsBitmap = true;

BlurFilterって結構使えるんですよね。細かいTipsなどはまたタイミングあれば投稿します。

blog.ao-design

PR SEO SEM

SEO対策。
もう耳にたこができるくらい聞き飽きた言葉ですが、最近、SEOに対してというか
SEMに関しての意識が弱かったなと再確認。
ユーザーのインターネットの利用率は年々上がってきているし、20代ではテレビを抜いて
利用時間がメディアの中で1番になっています。マスメディアがこの世からなくなくことはないとは思いますが、インターネットの力が大きくなってきているのは確かです。
検索ワードや検索方法も細分化され、複合検索は当たり前になってきていますが、ここで改めて、サイト制作にあたってのSEMの重要性を感じたわけです。
しっかりとしたキーワードマーケティングを行い、SEO対策をすることで、実際に購買欲の高いユーザーや、その情報を必要としているユーザーへ訴えかけることができ、ヒット数やセッション数などに大きな変動はなくても、より効果的なPRができかと思います。

web以外でのPRに置き換えると、購買欲の高いユーザーがどの場面で広告と接触するか、
電車やバスなどの通勤での利用が多い場所、百貨店の店前や、信号待ちの看板、
どの雑誌がユーザーとの接触が多いかなど、念密にマーケティングを行っていたわけですが、(もちろん今も行われていますが)、webでのPRにおいては、SEOをどのキーワードに重きを置くかが、 どういったユーザーと広告を接触させるかが大きなポイントになってきます。
SEO以外にもSNSを利用したものや、Blogパーツやニュースを利用した方法がありますが、大切なのはより購買欲の高いユーザーがどの場面で広告と接触するかとよく考えること。
googleやyahooのキーワードツールを使って、どのキーワードの検索が多いか、またその検索でどのようなサイトが上位にくるかなど地道な下調べが改めて大事だなぁ、と思う今日この頃。。

blog.ao-design

PR

webサイトが得意とすること。

「伝えること」

「繋げること」

何かいい話を伝えたり、商品の魅力を伝えたり、 今日の出来事を伝えたり、人と人を繋げたり、人と物を繋げたり、人と音楽を繋げたり、webサイトが得意とすることは、「伝えること」と「繋げること」だと思います。webサイトによって目的は様々ですが、最近もっとうまく伝えられるサイト作りはできないものかと悩んでいます。web業界も大きくなり、たくさんの いいサイトが生まれ、クオリティもすさまじいスピードで日に日に上がってきています。

そんな中でもサイトの目的・商品の魅力・サービスの内容などをうまく「伝えること」ができているサイトは何がいいのか? を考えているわけですが。。もちろん、写真で伝える、コピーで伝える、音で伝えるなどの手法は様々ですが一貫して思うのは、”何を誰に伝えるか” をよく知ること、深く考えることが大事だなぁ、と思います。

”何を” というのは、もちろん伝えるわけですからその伝える内容についてよく知る必要があります。webでなくてもあまり知らないことを人に伝えるのは難しいし、うまく伝わらないからです。
“誰に” とうのは、伝える相手、ターゲーットの事です。ただターゲットを設定するだけでなく、そのターゲットの好みや行動を深く知ることが大事です。
次にどうやって?という問いになるわけですが、”何を誰に伝えるか” を突き詰めて考えると、どうやって?の部分が見えてきます。
そのどうやって?の手法が様々な形でビジュアル化されるわけですが、この “ビジュアル化する技術” も大切だと思います。今、僕に足りないのは、”何を誰に伝えるか” を突き詰めて考えること、そして、”ビジュアル化する技術” だと思います。うまく伝えることができているサイト作りには、細かく言えば他にもたくさんの要素が必要ですが、とりあえずこの2点の質を上げたいです。

PRについてもっとよく考えろ、と自分自身に伝えています。w

blog.ao-design

MovableType4.2 php化 出力 パーミッション変更

MovableTypeをPHP化して使用する場合、出力されるファイルの属性がディレクトリは[777]、ファイルは[666]で出力される為、サーバーによっては、そのファイルを閲覧できない場合があります。エックスサーバーでは500エラーになり閲覧できなく、サーバー側の設定も変えれないとのことですが、mt-config.cgiに下記のソースを加えるだけで解決します。下記のソースを加えると、ディレクトリ[705]、ファイル[705]で出力されます。
ただし、もう既に出力されているファイルは手動で変更する必要があります。

DBUmask 0072
HTMLUmask 0072
UploadUmask 0072
DirUmask 0072

HTMLPerms 0705
UploadPerms 0705

でも何で、MTはデフォルトが[777][666]で出力されるようになっているんだろう。。

blog.ao-design

Photo Gallery 2.1 plugin for Movable Type

シックスアパートに紹介されていたPhoto Galleryを仕様したくて昨日から色々試してみたけど、
プラグインのインストールは、問題なくできるんだけどなぜか管理画面から使用できないという状況が続いていました。
色々、調べた結果、恐らくMT4.2には対応していないみたいです。(シックスアパートページにも書いといてくれよ。。)
本家サイトにはMT3.3以上って書いてあったので、対応してるかと思ったのですが、管理画面なども大きく変更されているのでやはり違うみたいですね。でもこれだけ便利なプラグインがMT4.2にもないはずはないと思い探したらありました。
ヴァージョンアップされたものが、「Photo Gallery 2.1 plugin for Movable Type」 というもので使用はほぼオリジナルと同じですが、MT4.2にもしっかり対応していて管理画面なども非常に使いやすいです。

意外に日本語サイトの情報がなかったので、簡潔に記載しておきます。

① 「Photo Gallery 2.1 plugin for Movable Typ」 の説明文した辺りのPhoto Gallery 2.1 からPhoto Gallery2.1をダウンロード

② ダウンロードしたファイルを解凍し、mt-static→mt-staric、 plugins →plugins と各フォルダへアップ。インストール方法は、一般的なプラグインと同じです。

③ plugins/PhotoGallery内のxp.cgiの属性を755へ変更。属性変更するファイルはこの1ファイルだけみたいです。

④ MTにログインし、管理画面 システムメニュー→プラグインより プラグインのセット:PhotoGalleryがあるかチェック。あればプラグインは問題なくインストールされています。

⑤ 使用方法は、システムメニューより、Blog作成時に、テンプレートセットからStop Design Photo Galleryを選択。HTMLとPHPがありますが、僕はPHPを選択しました。

⑥ 作成したPhotoGallery用Blog管理画面へ移動し、新規投稿Upload Photoより写真を投稿できます。アルバムごとにグループかできるようで、どのアルバムに追加するかを選択できます。新たにアルバムを作成するときは、New Albumを選択。
編集時は、一覧から編集できます。

※ 写真追加時になぜか下記のメッセージが表示されるのですが、
”このページを表示するにはフォームデータを再度送信する必要があります。フォームデータを再送信すると以前実行した検索、投稿や注文などの処理が繰り返されます。”
再送信しても、何度も表示されるので、キャンセルを選択。
キャンセルを選択すれば、問題なくアップされています。

まだ、入れたばかりですが、非常にすぐれたプラグインですね。
興味ある方はどうぞ。

Photo Gallery2.1

追記:
アルバム名に日本語を使用するとリンクが効かないエラーがあります。
解決方法は、まだ分かりませんが、分かれば報告します。

追記:
アルバム名に日本語はやはり厳しいよう。
ずっと、ソースを追っていけばできるかもしれませんが。。
なので、Discription のほうにアルバム名を入れて、表示側をカスタマイズしました。
写真管理は、カテゴリ名で行われるので英語になってしまいますが、分かりやすい名前(英語)と日付で管理するしかないですね。簡単にアルバム名に日本語使える方法あったら教えてください。w

blog.ao-design