12-09.net
>> TOPへ戻る

12-09.net :三十路の会社員が日々の仕事と家庭と趣味と子育てに追われまくるブログ



Archive for the ‘Webサービス’ tag

WordPress+Facebook+twitter

no comment

3つのアカウントを最も効率的に連動させる術を模索中・・・
Facebook connectとか、イマイチ何するものか分かりませんです・・・

そもそもFacebookで自分のプロフィールページへのパーマリンクを作りたいんですが。

http://www.facebook.com/username/

にアクセスしても、

ユーザーネームを設定するには、アカウントの認証を実行していただく必要があります。
携帯電話をお持ちでテキストを受信できる場合は、携帯電話から認証を実行できます。それ以外の場合は、後ほどユーザーネームの登録を実行してください。


とか言われるだけでにっちもさっちも。
ログインして利用してるわけなので、今さらアカウントの認証ってなんですか。

誰か分かりやすく説明して下さいー。


このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加

Written by poissonvolant

10月 1st, 2009 at 12:15 pm

>> コメントをどうぞ

Posted in つぶやき

Tagged with , ,

Trackback URL:

遂にGoogleが海の中まで到達しようとしてるみたいです

no comment


Google Earthで地上を把握し、Google MarsGoogle Moonで他の惑星を掌握し、Google Skyで偉大なる大宇宙までも整理しようとするgoogleが、遂に海の中までさらけ出そうとしているようです。

一民間企業がどうしてここまでできるのか、ちょっとぼくの理解の範疇を超えてます・・・

ところで、日常に役立つGoogleの地域系サービスと言えば何と言ってもGoogleマップ。
使い方をちょっと覚えれば、更に便利になるって知ってましたか?
以下Googleマップの便利Tipsまとめ。


このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加

Written by poissonvolant

5月 1st, 2008 at 11:56 am

>> コメントをどうぞ

Posted in クリップ

Tagged with , ,

Trackback URL:

中国のWebサービスを紹介するブログ

no comment

最近仕事で中国に絡むことが多くなってきたので、とりあえずクリップ。


中国のWebサービスをブログ形式で紹介しているサイト。


中国のWeb事情って、個人的には結構ブラックボックスだったりします。
面積とか人口を考えると、当然ある程度の活気があって然るべきなのですが、情報がなかなか入ってこない。そもそもネットサーフィンで得られる情報のほとんどは、英語圏(と言うかアメリカ)のものばかり。

無限の広がりが感じられるインターネットの世界ですが、実際繋がってるのって、意外に狭い範囲なのかも・・・


このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加

Written by poissonvolant

4月 28th, 2008 at 1:55 pm

>> コメントをどうぞ

Posted in クリップ

Tagged with ,

Trackback URL:

WordPress導入レポ・プラグイン/ウィジェット

no comment

テーマカスタマイズで見た目が決まったら、次は機能を追加していきます。

WordPressには好きな機能をサイドバーに追加できるウィジェットという仕組みがあり、管理画面から「カテゴリ一覧」や「タグクラウド」などのパーツを追加したり、並び替えたりできるのです。

と、ここまでなら一般のASP型ブログサービスとさほど変わりません。

サーバーインストール型ブログシステムであるWordPressの一番の特徴は、このウィジェットをPHPスクリプトで好きに作成したり(プラグイン)、追加管理ができることです。
一般のブログサービスでは、利用できるウィジェット/プラグインは極めて限定されており、システム全体のセキュリティを確保するために、スクリプト使用不可のことが多いです。スクリプト使用不可ということは好きな機能を追加することが現実的に難しい、ということ。あるいは、AdsenseやAmazonアソシエイト、各種アフィリエイトなど、いわゆる「おこずかい稼ぎ」も限定されてしまうことを意味します。

従って、好きに機能を追加できるということは、WordPressの大きな特徴と言えます。
PHPを書ける人は自分で作るも良し、そうでない人も、世界中のすごい人達が公開してくれているプラグインをダウンロードすることで、簡便にその恩恵にありつけます。

<参考>


とは言え、プラグインの数も、テーマに負けず劣らず膨大にありますので、選ぶのも一苦労です。
と言うことで、下記にぼくが導入したプラグインの一覧をメモっておきます。参考になれば幸いです。

【おすすめウィジェット/プラグイン一覧】

<サイト管理/SEO/セキュリティ用途>



<入力支援系>

  • WP-AddQuicktag
    WordPressの投稿画面内のHTMLタグボタンを好きにカスタマイズ

  • brBrbr
    標準の投稿画面では、改行=<p>タグになってしまうが、改行をすべて<br>タグに変換してくれるツール。文法的には微妙だが、レイアウトはとっても楽になります

  • ImageManager 2.0
    画像のアップロード・サムネイル作成・エントリへの挿入がとっても楽になるツール。後述する「Lightbox2 Plugin for WordPress」との相性もバッチリ
    (※日本語化ツールもあります)

  • AmazonLink
    投稿画面上でAmazon商品を検索・挿入できるツール。アソシエイトID対応

  • WP-Syntax
    エントリ内にソースコードをそのまま表示させるツール


<ユーザーインターフェース系>



<プラグインではないけど、便利なツール>

  • Snap Shots
    リンクにマウスポインタを乗せるだけで、リンク先の画面イメージを表示

  • アーカイブメニューをプルダウンで表示
    12-09.netのサイドバー上「Past entry」のところで使っているスクリプト

    <form id="archivemenu">
    <select onChange="location=this.options[this.selectedIndex].value">
    <option>アーカイブメニュー</option>
    <?php wp_get_archives(’format=option’); ?>
    </select>
    </form>


いやあ、超長くなっちゃった・・・
一応、様々なサイトを参考にして、さらに同様の機能を持つ幾つかのプラグインを試しまくって選んでいますので、自分的にはかなり決定版のリストかと。

使い方はそれぞれのサイトに行けば大体分かります。
基本的に「/wp-content/plugins」ディレクトリに解凍したフォルダをそのままぶち込んで、管理画面の「プラグイン」からアクティベートすればOK。
細かい設定は管理画面の「設定」から行えます。

WordPress導入レポはひとまず今回で終わります。
今後WordPress関連のエントリは、便利なプラグインを見つけた時や、興味深いトピックがあった時などにまた追加していきます。

とりあえず、こんなところで。


このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加

Written by poissonvolant

4月 25th, 2008 at 5:58 pm

>> コメントをどうぞ

Posted in ナレッジ

Tagged with , ,

Trackback URL:

WordPress導入レポ・テーマ

no comment

さて、WordPressのインストールが完了したら、次はカスタマイズです。
まずは見た目(デザイン)について。

Wordpressには下記のようなデフォルトテーマが付属しています。

kubrick_screenshot.png

このままで良ければ何もする必要はないのですが、さすがにちょっと寂しいですし、多少は個性を出してみたいのが人間ってものです。そこで、デザインテーマのカスタマイズを行います。

【デザインテーマ適用→カスタマイズ】

WordPressで生成されるサイト(ブログ)は、すべてphpで書かれています。
ヘッダとかフッタ、サイドバーやエントリ領域など、エリアごとに別ファイルになっていて、それぞれがインクルードされて一つのページとして出力・表示されます。

従って、phpが書ける人であればモウマンタイ、そこまでいかなくとも、ある程度思い通りに見た目をカスタマイズしたければ、HTML+CSSの知識は必須です。(以下、最低限のHTML+CSS知識がある前提で書きます)
逆に言うと、HTML+CSSを知ってさえいれば、かなり柔軟に色んなことができます。

何故なら、動的サイト生成のためのphp部分は、「デザイン=テーマ」「機能=プラグイン」という形で山ほど公開されているからです。つまり、既に存在するコードを導入して、あとはプレビューを見ながらチマチマと値をいじっていくだけで、大抵のことはできてしまいます。WordPressはこの辺りの柔軟性が相当優れていて、ぼくみたいなマークアップ言語かじっただけの人間にも、かなりの万能感を与えてくれて、素敵です。

テーマは下記に山ほどありますし、「wordpress テーマ」でググるだけで死ぬほどヒットします。

<参考>


テーマをダウンロードしたら、FTPで「/wp-content/themes」ディレクトリに、解凍したフォルダをそのままアップロードして、管理ツールの「デザイン」からクリック一発で反映できます。それだけ。本当に簡単。

修正したい場合は、「管理ツール>デザイン>テーマエディタ」からソースをいじるか、phpやcssファイルをローカルで修正してFTPで上書きすればOK。(テーマエディタを使うためには、当該ファイルのパーミッションを書き込み可に設定しておく必要があります)

見た目部分はcssで幾らでも修正できますし、phpのコードも、WordPressの公式マニュアルであるCodexを見ればある程度は理解できると思います。(Codexには有志による日本語版もあります。ブラボー!まだ100%網羅し切れていないみたいですが・・・)

<参考>


さらに「やってやった感」を味わいたいのであれば、やはりテーマ自体を自分で作るべきでしょう。
HTML+CSSで3カラム構成の静的ページをサクッと作れるレベルの人は、Wordpressのデフォルトテーマをベースに頑張ってみるのも良いかもしれません。

<参考>


いずれにしても、ある程度思い通りにカスタマイズするためには、各インクルードファイルの構造については把握しておく必要があります。構造が分かってないと、次回で説明する機能=プラグインの追加も満足にできませんから。

と言うことで、次回はウィジェット・プラグインの導入について。


このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加

Written by poissonvolant

4月 24th, 2008 at 4:14 pm

>> コメントをどうぞ

Posted in ナレッジ

Tagged with , ,

Trackback URL:

Page 3 of 41234