Luc プログラム＆デザイン http://hello.lumiere-couleur.com 今までにないプログラムとWebデザインを作る Thu, 09 Feb 2012 00:55:29 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 リアル四川省 http://hello.lumiere-couleur.com/real_sisen_topage/ http://hello.lumiere-couleur.com/real_sisen_topage/#comments Thu, 12 Jan 2012 19:46:32 +0000 smilkobuta http://hello.lumiere-couleur.com/?p=574 他に類を見ない美しさ！
ベクター画像による滑らかな麻雀牌で、思う存分四川省を楽しんでください。 リアル四川省 ]]> リアル四川省についてはこちらをご覧ください。

]]> http://hello.lumiere-couleur.com/real_sisen_topage/feed/ 0 団話（だんわ）DANWA http://hello.lumiere-couleur.com/%e5%9b%a3%e8%a9%b1%ef%bc%88%e3%81%a0%e3%82%93%e3%82%8f%ef%bc%89danwa/ http://hello.lumiere-couleur.com/%e5%9b%a3%e8%a9%b1%ef%bc%88%e3%81%a0%e3%82%93%e3%82%8f%ef%bc%89danwa/#comments Sat, 15 Oct 2011 08:36:33 +0000 smilkobuta http://hello.lumiere-couleur.com/?p=512
 
団話を見てみる
 
団話（だんわ）は、誰でもすぐに使える、リアルタイムチャットのWebサービスです。
ログインしなくても会話に参加できますし、名前を登録しておけば自分のアイコンを表示できます。

また、会話が更新された時もメールでお知らせする機能もありますので、オンライン掲示板のような使い方も出来ます。

同様のサービスは他にも多々ありますが、あえてリリースしたのはLucで開催している「Ajaxプログラミング講座」のためです。

Ajaxプログラミング講座の講義中の連絡や、それ以外の質問などのやり取りに使おうと思い、公開サーバー上にリリースしました。
できれば講座の受講をされている方以外にも使っていただきたいと思っていますので、気軽に団話室をつくったり、会話を楽しんでみてください。

今後、API化することで、他のサービスと連携使用することも考えています。

]]> http://hello.lumiere-couleur.com/%e5%9b%a3%e8%a9%b1%ef%bc%88%e3%81%a0%e3%82%93%e3%82%8f%ef%bc%89danwa/feed/ 0 FamLines – BLOG READER http://hello.lumiere-couleur.com/famlines-blog-reader/ http://hello.lumiere-couleur.com/famlines-blog-reader/#comments Mon, 25 Oct 2010 07:39:44 +0000 smilkobuta http://hello.lumiere-couleur.com/?p=407 Bloglines風インターフェースのブログリーダーです。
FamLines ]]> 数あるブログリーダーサイトがあり、時代はRSSからTwitter、Google Wave（あ、これはなくなったか）に代表されるストリーム系サービスへ移行しつつある2010年10月になぜ今さらブログリーダーサイトを立ち上げるのか。

理由は愛用していたBloglinesサイトが2010年11月1日をもってサービス終了するためです。

Bloglinesを使い始めたのは多分2005年くらいで、かれこれ5年くらい使っていました。
今では情報収集の中心となっていたため、今回のサービス終了のお知らせにはまず「信じられない」「Twitterめ・・・」という思いがガーンと頭を打ちました。
それでも仕方が無いので移行先となるブログリーダーをいくつか試してみました（goo RSSリーダー、livedoor Reader、Googleリーダー）。
が、Bloglinesのシンプルなインターフェースに使い慣れてしまった今では、他のブログリーダーが高機能かつAjaxくさすぎて使いにくい。

それでは・・・ということで、足掛け2ヶ月をかけて新しい自分用のブログリーダーサイトを作り上げたわけです。
でも、いざ使い始めてみると、たまたま動かしていたサーバーのレスポンスがすごく良く、これなら公開しても良いのではないかと思い始め、ログイン機能や多言語対応（今は英語／日本語表示のみ）などを加えてこのたび公開することにしました。

あくまで自分本人用に作ったため使い方などの説明は不足気味ですが、もしBloglines愛好者が他にもいらっしゃれば、一度お試しください。
いまだBloglinesからの移行作業が終わっていない人はこれを機にいかが？

Bloglinesにはなかった「新着のみ表示機能」は我ながらすごく使いやすいと思います。

■FamLines BLOG READERを使ってみる

■スクリーンショット

■主な機能

  • Bloglines風のインターフェース
  • OPMLインポート機能
  • 新着のみ表示機能
  • タイトル、グループ、並び替えの簡単編集機能
  • RSS／Atom等のフィードURL、もしくはオートディスカバリー対応ページURL追加によるブログサイトの追加
]]> http://hello.lumiere-couleur.com/famlines-blog-reader/feed/ 1 16bit Color Picker & Color List http://hello.lumiere-couleur.com/16bit-color-picker/ http://hello.lumiere-couleur.com/16bit-color-picker/#comments Wed, 20 Oct 2010 10:00:35 +0000 smilkobuta http://hello.lumiere-couleur.com/?p=397 16bitの色コードを知りたいときにお使いください。
16bit Color Picker ]]> 16ビットカラー用のカラーピッカー及びカラー一覧です。

LCDを直接操作するとき、色指定に困ることはないでしょうか（例えば白色（#ffffff）は0xffffになります）。
16bitの色コードを知りたいときにお使いください。

16bit Color Picker
16bit Color Picker

]]> http://hello.lumiere-couleur.com/16bit-color-picker/feed/ 0 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用です。

インストールはこちら

その他の情報

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

]]> http://hello.lumiere-couleur.com/chrometouch/feed/ 34 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/ 1 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/ 0 価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/ 7 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/ 28