Luc プログラム＆デザイン http://hello.lumiere-couleur.com 今までにないプログラムとWebデザインを作る Wed, 30 Sep 2009 03:41:08 +0000 http://wordpress.org/?v=2.7.1 en hourly 1 chromeTouch ：Google Chromeアドオン http://hello.lumiere-couleur.com/chrometouch/ http://hello.lumiere-couleur.com/chrometouch/#comments Wed, 23 Sep 2009 14:44:26 +0000 smilkobuta http://hello.lumiere-couleur.com/?p=362 chromeTouch（クロムタッチ）はGoogle Chrome用のタッチスクロール機能です。
ブラウザのスクロールバーを使わずに、ページをぐいっとつかんで、ツルツルとスクロールすることが出来ます。
タッチスクリーンPCには必須の機能ですが、マウスでもご利用可能です。

FirefoxにもGrab And Dragという同様のツールがありますが、これと同じような感じでお使いいただければと思います。

Grab And Dragのように高機能ではありませんが、改善点や機能追加などありましたらぜひコメントをお寄せください。

で、実はこのページはアドオン体験ページになっておりまして、アドオンをインストールしなくてもツルツル動かすことが出来ますので、ぜひお試しください。
Firefoxでも動いているようですが、一応Chrome用です。

インストールはこちら(ver1.1)

その他の情報

  • スクロールしたくないときには、CtrlキーもしくはShiftキーを押しながらドラッグすると、スクロール機能がオフになります。
  • テキストフォームや文字列の上ではスクロール機能が自動的にオフになります。

]]> http://hello.lumiere-couleur.com/chrometouch/feed/ A8min http://hello.lumiere-couleur.com/a8min_topage/ http://hello.lumiere-couleur.com/a8min_topage/#comments Sat, 11 Apr 2009 17:23:55 +0000 smilkobuta http://hello.lumiere-couleur.com/?p=54 A8.netのアフィリエイト・バナーを効率よく管理するツール。
ブログやWebサイトにA8.netのアフィリエイトを使う方は必携です。 A8min ]]> A8minについては、こちらのページをご覧ください。

]]> http://hello.lumiere-couleur.com/a8min_topage/feed/ famipoo ファミぷー http://hello.lumiere-couleur.com/famipoo/ http://hello.lumiere-couleur.com/famipoo/#comments Mon, 26 Jan 2009 15:12:42 +0000 smilkobuta http://hello.lumiere-couleur.com/?p=76 アップロードした写真のリサイズツール。
まとめて画像をリサイズしてダウンロードといった使い方も出来ます。 デジカメで撮った写真を携帯のメールに送りたい・・・というときなどに使ってください。 famipoo ]]>

ファミぷ～を実行する ↑

 

famipoo＊ファミぷー

 

ファミぷ～の機能 ↑

機能は2つで、アップロードした写真を小さくすることと、その写真をメールで送信すること。
もちろんリサイズした画像のダウンロードも出来ます。 

デジカメで撮った写真を携帯のメールに送りたい・・・というときなどに使ってください。

famipoo ファミぷー

写真をアップロード ↑

指定した写真をアップロードすると、次のような画面が表示されます。

画像をアップロード

デフォルトで、幅が400ピクセルにリサイズされます。
この時点でダウンロードも可能です。

メールの送信 ↑

指定したメールアドレスへのメール送信。
わざわざダウンロードしてメーラーを立ち上げて、添付ファイルを選択して・・・という手間を省けます。

メールの送信

携帯で受信 ↑

携帯で送った写真を確認したところ。
まだまだ小さい写真じゃないと見られない携帯電話って多いんです。 

携帯で受信

複数の画像ファイルをまとめてダウンロード、メール送信 ↑

何枚かの写真をまとめてリサイズして、ダウンロードしたりメールで送ることもも出来ます。
 

どうしてリサイズ機能だけなの？ ↑

画像のリサイズなんて、画像エディタを使えばすむ話ですが、わざわざそのたびにアプリケーションを起動するのはけっこう億劫なものです。

「小さくするだけなんだけど、どうすればいいの？」という声を聞いたときには、すかさずfamipooを思い出してください。

]]> http://hello.lumiere-couleur.com/famipoo/feed/ 価D安自作PC ～『価格.comでDellより安く自作PCを作ろう！』 http://hello.lumiere-couleur.com/jisaku_pc/ http://hello.lumiere-couleur.com/jisaku_pc/#comments Fri, 21 Mar 2008 12:29:18 +0000 smilkobuta http://hello.lumiere-couleur.com/2008/03/21/%e4%be%a1d%e5%ae%89%e8%87%aa%e4%bd%9cpc-%ef%bd%9e%e3%80%8e%e4%be%a1%e6%a0%bccom%e3%81%a7dell%e3%82%88%e3%82%8a%e5%ae%89%e3%81%8f%e8%87%aa%e4%bd%9cpc%e3%82%92%e4%bd%9c%e3%82%8d%e3%81%86%ef%bc%81/ 自作PCのパーツ選びサポートツール。
一番安いパーツを価格.comで探して、最強最安の組み合わせを見つけ出そう！ 価D安自作PC ]]> 自作PCを作ったことはありますか？
どうせ作るなら一番安いパーツを価格.comで探して、最強最安の組み合わせを見つけ出そう！

「価D安自作PC」を開く

■パーツの選択

自作PCを作るにはいくつものパーツを取り揃える必要がありますが、価D安自作PCを使えばパーツごとに検索条件を指定して、簡単にパーツの組み合わせを考えることが出来ます。

パーツ選択画面
«パーツ選択画面»

パーツ選択画面では、パーツの種類ごとにタブが分かれており、各パーツごとに検索条件を変更することが可能です。
購入を検討したいパーツ名の横のチェックボックスをクリックすると、合計金額の確認画面へ選択したパーツの情報が追加されます。

■合計金額の確認

合計金額の確認画面
«合計金額の確認画面»

各画面はフレームで区切られていて、選択したフレーム以外は小さく閉じられます。
閉じられたフレームをクリックすることで、別のフレームを表示することが可能です。

 

■価格.comで詳細を確認

商品リンクや「詳細を見る」のボタンをクリックすると、一番下のフレームで価格.comの該当ページが開きます。

価格.comの詳細確認画面
«価格.comの詳細確認画面»

タブ表示されますので、複数の商品をまとめて閲覧したいときにも簡単に画面を切り替え可能です。

■組み合わせの保存、友達へ知らせる

お気に入り用URL
«お気に入り用URL»

合計金額の確認画面の上には、「お気に入り用URL」が表示されています。
このURLをブックマーク（お気に入りに登録）することで、現在選択しているパーツの組み合わせを保存することが出来ます。
URLをお友達やブログに紹介することも出来ますよ！

例えば「価D安自作PC(76,498円 -2008年2月20日現在)」 なんてどうでしょうか？
Dell™ Precision T3400（99,990円）と同等程度のパーツを選択したものです。

もしいい組み合わせが出来たら、このページのコメント欄で紹介してくださいね。

]]> http://hello.lumiere-couleur.com/jisaku_pc/feed/ Light Formatter -WordPressプラグイン http://hello.lumiere-couleur.com/light_formatter/ http://hello.lumiere-couleur.com/light_formatter/#comments Sat, 16 Feb 2008 03:00:29 +0000 smilkobuta http://hello.lumiere-couleur.com/?p=3 PukiWikiっぽいタグを導入できるWordPressプラグイン。
テーブルを簡単に記述したり、記事の目次を自動生成します。 Light Formatter ]]>

Light Formatterは、PukiWikiっぽいタグを導入できるWordPress用のプラグインです。

とはいってもまだ目次出力／テーブルタグ／改行／行頭インデントしか実装されていません :-)

WordPressデフォルトのTinyMCEでテーブルを作ろうとするとプラグインをインストールしないといけないし、プラグインを入れてもテーブルを書くのが面倒だ！とか、Wikiスタイルを実現するプラグインを使いたいのにWiki本体をインストールするの面倒なんですけど・・・という方におすすめです。

 

＜ダウンロード＞ ↑

Light Formatter 0.2をダウンロードする（ver0.2）

 

＜インストール＞ ↑

  1. アーカイブをダウンロードして解凍し、Wordpressインストールディレクトリ内のwp-content/plugins以下へアップロードしてください。
  2. 管理画面にてプラグインを有効化してください。

 

＜使い方＞ ↑

（1）テーブルタグ ↑

  • 先頭と末尾、項目の間に「|」をつけると、テーブルタグに変換します。
  • 「|~」のようにチルダをつけると、そのセルはthタグとして出力されます。
  • テーブル記述の先頭に「|##{オプション[, オプション...]}|」を書くことで、出力されるテーブルにスタイルを設定することができます。複数オプションを指定したい場合にはカンマ区切りで記述してください。オプションの書き方は次の通りです。
    • table_style={tableタグ用のCSS記述}
    • tr_style={trタグ用のCSS記述}
    • th_style={thタグ用のCSS記述}
    • td_style={tdタグ用のCSS記述}
  • セルごとにスタイルを指定したい場合には、「|##{オプション}##」のように指定します。
    • style={指定セル用のCSS記述}
    • id={指定セル用のid指定}
    • class={指定セル用のclass指定}

 

[テーブル記述例（1）]
 
    |~ラベル1|~ラベル2|~ラベル3|
    |カラム1|カラム2|カラム3|
    |カラム1|カラム2|カラム3|
    |カラム1|カラム2|カラム3|


↓ 実際の表示内容はこちら
 

ラベル1 ラベル2 ラベル3
カラム1 カラム2 カラム3
カラム1 カラム2 カラム3
カラム1 カラム2 カラム3

 

[テーブル記述例（2） スタイルを色々指定]
 
    |##id=table_id1,class=table_class1,table_style=border-collapse:collapse;, th_style=border:3px solid #9f9;, td_style=border:3px solid #9f9;padding:5px;|
     |~##style=color:#99f;,id=th_id1##ラベル1|~ラベル2|~ラベル3|
    |##id=td_id1##カラム1|カラム2|カラム3|
    |カラム1|カラム2|カラム3|
    |カラム1|カラム2|カラム3|


↓ 実際の表示内容はこちら
 

ラベル1 ラベル2 ラベル3
カラム1 カラム2 カラム3
カラム1 カラム2 カラム3
カラム1 カラム2 カラム3

 

 

[テーブル記述例（3） tablesorterを使用]
 
    |##class=tablesorter|
    |~商品名|~産地|~値段|
    |こんぶ|北海道|580円|
    |わかめ|岩手|298円|
    |大根|埼玉|230円|
 
headタグ（header.php）の中に↓を書いておく。
<link rel="stylesheet" href="/script/jquery/plugins/tablesorter/themes/blue/style.css" type="text/css" media="screen" />
<script type="text/javascript" src="/script/jquery/plugins/tablesorter/jquery.tablesorter.js"></script>
<script type="text/javascript">
jQuery(function(){
    var $sorttables = jQuery("table.tablesorter");
    var $sorttables_tr = $sorttables.find("tr");
    jQuery($sorttables_tr).parent("tbody").replaceWith($sorttables_tr);
    $sorttables.find("tr:gt(0)").wrapAll("<tbody></tbody>");
    $sorttables.find("tr:eq(0)").wrap("<thead></thead>");
    $sorttables.tablesorter();
});
</script>


↓ 実際の表示内容はこちら
 

商品名 産地 値段
こんぶ 北海道 580円
わかめ 岩手 298円
大根 埼玉 230円



 

（2）改行 ↑

  • 行末に「~」をつけると改行を行います。WordPressに勝手に改行を削除されるときなどにお使いください。
  • 「~~~」などと複数並べるとその数分改行します。

（3）行頭インデント ↑

  • 行頭に「^」をつけると半角スペース2個分のインデントを行います。WordPressに勝手にスペースを削除されるときなどにお使いください。
  • 「^^^」などと複数並べるとその数分インデントを行います。

（4）目次出力 ↑

  • 投稿内容やページ内容の最初のほうに、「#contents」とだけ書いてみてください（#の前にスペースなどがあるとうまく動きません）。ページ内の<h1>～<h6>を探して、目次を作ってくれます。

＜更新履歴＞ ↑

  • 2008/2/16：Ver 0.1を公開。
  • 2008/5/25：Ver 0.2を公開。目次出力（#contents）機能の追加と、テーブル出力機能の機能拡張。

＜コメント＞ ↑

]]> http://hello.lumiere-couleur.com/light_formatter/feed/