こぶたのラッパ
2009-04-04T13:52:23+09:00
smilkobuta
Webデザインとかわいいもの
Excite Blog
サイト移動のお知らせ
http://smil.exblog.jp/10651874/
2009-01-19T01:01:00+09:00
2009-01-29T10:57:38+09:00
2009-01-19T01:01:56+09:00
smilkobuta
その他
新こぶたのラッパのURL
http://hello.lumiere-couleur.com/smilkobuta/
新しいフィードのURL
http://hello.lumiere-couleur.com/smilkobuta/feed/
移転の理由は、Exciteブログの編集画面がGoogle Chromeに対応していないことでしょうか・・・
これはつらかった・・・
移転記念?のエントリー「PC3.0を予想してみた」は全3ページの長編です。
お時間ある方は見てみてくださいね。
ともかく!
これからもどうぞよろしくお願いします。]]>
ハリネズミの手足って人間ぽくてこわい
http://smil.exblog.jp/10591167/
2009-01-13T00:43:06+09:00
2009-01-13T00:43:06+09:00
2009-01-13T00:43:06+09:00
smilkobuta
かわいいもの
ねえ。これって中の人がいたりしませんか。
びくびくしながらも拡大図
ハリネズミに関する写真やアートをかき集めたtumblrサイトより。
Hedgies, Hedgies, Hedgies!
基本的に動物全般は苦手なのですが、ハリネズミと羊だけは大好きな私(見るのが)。
いつも寝る前にこのサイトを見ては和んでいたのですが、明日から同じ目で見られるのかが心配です。
口直しにかわいいのも(最後のは超かっこいい!)。
]]>
画像をリサイズして携帯&PCへメール送信。famipooを作りました
http://smil.exblog.jp/10562543/
2009-01-10T01:21:00+09:00
2009-01-11T11:03:04+09:00
2009-01-10T01:21:02+09:00
smilkobuta
famipoo ファミぷー
ありそうでなかった、探してみても見つからないこのツール。
新年最初のオンラインツールを公開します。
famipoo*ファミぷー
~写真をリサイズして携帯&PCメールへ送信~
機能は2つで、アップロードした写真を小さくすることと、その写真をメールで送信すること。
もちろんリサイズした画像のダウンロードも出来ます。
写真を1枚アップロードしたところ。デフォルトは幅400ピクセルで縮小されます。
この時点でダウンロードも出来ます。
縮小した写真を指定のメールアドレスへ添付して送信。
携帯で受け取ったところ。
複数の写真もまとめてメールへ添付したり、ダウンロードすることが出来ます。
「デジカメの写真を小さくしたいんだけど・・・」という声は少なからず耳にしていたのですが、フリーのソフトをインストールすればいいじゃんと思っていました。
でもちょっとした時にこういう小ねたツールがあると意外と便利かなと思い、作ったというところです。
実はもっと壮大なWebアプリケーション構築を考えていたのですが、一番やりたかったのが「デジカメの写真を小さくしてメールで送信」でしたので、まずは第一歩ということで公開します。
写真を小さくしたい、でもソフトを立ち上げるの面倒!というときにファミぷーを思い出してくださいませ。]]>
もみじマークに変わる新ステッカーを考えてみました
http://smil.exblog.jp/10427169/
2008-12-25T23:51:15+09:00
2008-12-25T23:52:13+09:00
2008-12-25T23:52:13+09:00
smilkobuta
イラスト
今のもみじマークはどうしても「枯れた」感じがしてしまい、車に貼りたくないと考える方も大勢いらっしゃるそうです。
それでもステッカーを貼ることによる事故抑止力を考えると、ちっとはシャレたデザインにして普及率を上げたほうが良いですよね。
子供連れの場合に貼る「CHILD IN CAR」ステッカーのように、「お年寄りが運転していますよ」ではなく「お年寄りが乗っていますよ(ドライバーに限らず)」に視点を変えると、周囲の人も少し気を遣うのではないでしょうか。
もちろん、高齢者ドライバーが判断能力や瞬発力が落ちていて事故につながるといった問題や、交通環境全体のユニバーサルデザイン化など、他にも考えるべきことは色々あると思います。
最近子供が生まれて、車にも乗るようになったので(もちろん「BABY IN CAR」のステッカーを貼って)、↓こういうニュースを見ると反応してしまいます。
[読売新聞] もみじマークは高齢者いじめ?罰則全廃、デザイン再検討へ
来年の通常国会に同法改正案を提出する。表示率を向上させる効果があったものの、「高齢者いじめ」との反発も広がり、同庁は、施行からわずか半年で異例の方針転換を決断。
「枯れ葉を連想させる」と批判の強いデザインについても再検討する。
]]>
Eee Topは『PC 2.1』の先駆けとなるか
http://smil.exblog.jp/10223013/
2008-11-29T01:03:00+09:00
2009-04-04T13:52:23+09:00
2008-11-29T01:04:39+09:00
smilkobuta
Eee Top
遊んでいたらうっかり投稿してしまった・・・のでそのままにしておきます。
下書き保存できないのかこのブログは・・・
しかもGoogle Chrome(ブラウザ)だとちゃんとボタンが機能しないぞ・・・
=======================================
Eee Topという新しいデスクトップPCをご存知でしょうか。
台湾のメーカーAsusが先ごろ発表した、タッチスクリーン型のオールインワンPCです。
こちらはコマーシャルの動画。
まだ日本では発売されておらず、今年の12月か年明けごろに発売になるようです。
わざわざ未発売の製品を紹介するのは、このパソコンがこれまでのパソコンとは一線を画している特徴を持っているからです。
それは・・・
タッチスクリーンである
ということです。
これまでもタッチスクリーン形式のパソコンはいくつか出ていますが(HPのTouchSmart PC、Sonyのエアボードなど)、Eeeシリーズは値段が違う!
Eee Topはすでに台湾、イギリス、香港で先行して発売開始していますが、それぞれ18900台湾圓(約5万4000円)、500ポンド(約6万9000円)、4000人民元(約5万6000円)と、かなりの低価格です。
個人的な話になりますが、私は4~5年くらい前から「タッチスクリーン式でディスプレイタイプの持ち運びが出来るPC」が欲しいなあと思い続けていましたので、かなりどんぴしゃな製品なのです。
あらためて、なぜタッチスクリーンのPCがよいのかという話ですが、試しにいまご覧になっているディスプレイの一番下までマウスのカーソルを持っていって、それからブラウザの閉じるボタンのところまでカーソルを移動して見てください(クリックして閉じないでね)。
いつもやっている動きですが、今度はディスプレイの同じ位置を、直接指で押してみてください。
・・・いかがでしょうか。ストレスが少ない感じがしませんか?
マウスをうまく操作できないお年寄りにもおすすめですが、普段パソコンを使っている人にとってもこの感覚は新しいものになるはずです。
家族で使える、まさに「ファミリーコンピュータ」。
しかもこのEee Top、持ち運びも楽なんです。
ぶらーん
ソファに持っていても、テーブルの上でも、ベッドの上でもトイレの中でも 、とにかくどんな場所にだって持ち運び出来ます。
オールインワンPCなので、本体/ディスプレイはもちろん、スピーカー/マイク/Webカメラも備えているのでSkypeを使ってテレビ電話でも、ワンセグチューナーをつけてテレビ視聴でも、とにかく何でもこれひとつで出来てしまう。
まだまだ出始めなので物足りないところもあるのですが、来年以降次のような機能を持つ後続機が発売される予定です。
ワイヤレスキーボード&マウス交換用バッテリー少し大きめの20インチ/22インチ型Windows7対応(iTouch/iPhoneのようなマルチタッチが出来る!)
上のリストの最後の項目、「Windows7対応」ですが、この新OSではマルチタッチに対応することが決まっています。
この新仕様の影響で、来年以降のノートPCではタッチスクリーン式のものが出てくるはずです。もしかするとノートPCに関しては、タッチスクリーン装備が当たり前ということになるかもしれません。
マウスを使って操作する、現在のGUIのインターフェースを作り上げたAppleの功績を『PC 2.0』と呼ぶとすれば、iTouchから始まった一連のタッチスクリーン式のインターフェースは『PC 2.1』といえるかも知れません。
大げさに言えば新しいPCの時代の幕開けに差しかかっている状況ですが、なぜか日本ではあまりニュースが流れておらず、海外のニュースサイトでしか新しい情報が流れていません。
掲示板などでもあんまり盛り上がってないし・・・?
毎日Eee Topの情報を追っかけているので、せっかくなのでEee Top専門のニュースをまとめるサイトを作りました。
プロフィテ Eee Top
↓のページには、Eee Topの動画をいくつかまとめていますので、興味のある方は見てみてください。
Eee Top関連の動画
http://eeetop.profiter.jp/news/2008/eee_top_movie
ASUS EeeTop ETP1602 White ETP1602-WT-X0140
ASUSTek 2009-04-04
売り上げランキング : 9517
Amazonで詳しく見る by G-Tools]]>
「価D安自作PC」 VS. DELL。目指すはDELLの2/3プライス
http://smil.exblog.jp/8486346/
2008-03-20T17:57:00+09:00
2008-03-20T20:45:41+09:00
2008-03-20T17:57:49+09:00
smilkobuta
コンピュータ
実際にDELLの商品と比較してみました。
★Dell™ Precision T3400
ワークステーション ベーシック構成パッケージ
=================================================
合計 99,990円 -2008年2月20日現在
★価D安自作PC(76,498円 -2008年2月20日現在)
■CPU:インテル Core 2 Duo E4500 BOX
■CPUクーラー:CPU付属
■マザーボード:ASUS P5GC-VM
■メモリ:UMAX Castor SoDDR2-1G-667 (DDR2 PC2-5300 1GB)
■ビデオカード:GALAXY GALAXY GeForce 8400 GS (PCIExp 256MB)
■サウンドカード:オンボード
■HDD:HGST(日立IBM) HDS721680PLA380 (80G SATAII300 7200)
■DVDドライブ:NEC AD-7170A (black)
■PCケース:スカイテック SKC-05HP400B (ブラック)
■電源ユニット:ケース付属
■OS:マイクロソフト Windows Vista Business 日本語版
■液晶モニタ:なし
■キーボード:ロジクール Access Keyboard 600 (MK-600)
■マウス:ロジクール LX6 Cordless Optical Mouse LX-6SV (シルバー)
=================================================
合計 76,498円 -2008年2月20日現在
DELLのパーツ構成と同等程度のパーツを選んでみました。
※この組み合わせは使えないよ!というご指摘があればぜひ。
単純計算では99,990円ー76,498円=23,492円浮かせることが出来ますが、送料などでもうちょっと差は小さくなります。
ただし、OSはパーツショップなどでOEM版を探したり、同じパーツでも探せばもっと安いお店があるので、うまくいけば2/3くらいの値段で作り上げられるかも。
あと、CPUやメモリは時期によって価格に変動があるので、選んだパーツをブックマークしておいて、ちょこちょこチェックするというのも手かもしれませんよ。
]]>
『価格.comでDellより安く自作PCを作ろう!』を作ったので、誰かパーツを選んでください。
http://smil.exblog.jp/8456875/
2008-03-16T15:37:00+09:00
2008-03-16T21:22:31+09:00
2008-03-16T15:37:42+09:00
smilkobuta
Webサイトシステム
選択できるパーツは、CPU、CPUクーラー、マザーボード、メモリ、ビデオカード、サウンドカード、HDD、DVDドライブ、PCケース、電源ユニット、OSの11種類です。
選択したパーツは、「このページのURLを保存」でブックマークすることができます。
以前間違えて買ったメモリを有効活用すべく、今年は試しにPCを自作しようと思っているのですが、いかんせんハードはまったく不得手なので、もし詳しい人がいれば良い組み合わせをおすすめ下さいませ<(_ _)>
ちなみにこのリンク↓を開くと、2008/3/16現在の一番人気パーツによる組み合わせを確認できます。
価D安自作PC(166,438円 -2008年2月16日現在)
本気で私におすすめしてくださるという奇特な方のために・・・
<希望スペック>
・OSはVistaにしてみようと思っています
・メモリは不要です(間違って買ったDIMM DDR2の1GBx2=2GBを使用予定)
・ディスプレイ、マウス、キーボードは不要です
・ゲームはしませんが、VistaのAeroは試してみたいです
・よく使うソフトはEclipseとIllustoratorです
・希望予算は10万円くらいです
もういちどよろしくお願いします。<(_ _)>ペコリ
]]>
ハングした3Dフラワーボックス(Windowsのスクリーンセーバー)
http://smil.exblog.jp/8437014/
2008-03-13T17:03:14+09:00
2008-03-13T17:03:16+09:00
2008-03-13T17:03:16+09:00
smilkobuta
その他
いつものフラワーボックス(↑ こういうのが形を変えながら画面上をはね続ける)
フリーズしてしまったフラワーボックス。
広がることも縮まることもできない、にっちもさっちも行かない状態になってしまったようです。
どうでもよい話です。うん。
]]>
妹からの気合の入った誕生日プレゼント
http://smil.exblog.jp/8348800/
2008-03-01T09:28:00+09:00
2008-03-01T09:34:36+09:00
2008-03-01T09:28:26+09:00
smilkobuta
かわいいもの
絵本風に装丁されていて、表紙には「DRINK ME DOWN」とかかれた小瓶が・・・
不思議の国のアリスの「DRINK ME」とラルクの「DRINK IT DOWN」という曲名をかけているようです。
ラルクのTETSUちゃん扮する三月ウサギに連れられて進んでいくと・・・というストーリーがちゃんと書かれている超力作。全8ページ。
僕の大事なモーモー君(黄色いくまのぬいぐるみ)もちゃんと描かれています。
最後のページをめくると、トランプを模したクッキー(手作り)が・・・!
ここまで凝りに凝ったプレゼントをもらうのは、生まれてはじめてです。
僕と妻の両方が2月生まれで、妻が妊娠したということも重なったので、友達と一緒にがんばって作ってくれたのだそうです。
ちなみに妻、妹、妹の友達が全員ラルク好きでつながっているんです。
どうもありがとう~~~~~
]]>
WordPressでテーブルタグを使いたい - Light Formatterを作ってみました
http://smil.exblog.jp/8248694/
2008-02-16T19:27:00+09:00
2008-02-17T11:12:17+09:00
2008-02-16T19:27:07+09:00
smilkobuta
ソフト
WordPressのプラグインサイトで探してみても、ちょうどいいのが見つからない。。
WP-Table
→テーブルタグを書くためのものではなく、テーブル構造のデータを管理するプラグイン。
Tiny Table
→TinyMCEのテーブル作成ボタンを有効化する。ボタンが多すぎるのと、使ってみると何だか逆に手間かかる気がした。
WP PukiWiki
→なんだPukiwikiスタイルでかけるんじゃーんと思ったら、Pukiwikiを別途インストールしなければいけない罠。。めんどくさいです。
WP-Dokuwiki
→使っているWordPressのバージョン(WordPress 2.3.3)の問題か、うまく機能しませんでした。
・・・とここまで試して、あきらめて自作しました。
Light Formatter -WordPressプラグイン
今日作りたてほやほやのversion0.1です。
テーブルタグ以外に、連続した改行や行頭のスペースインデントなど、WordPressのデフォルトエディタが勝手に消してしまって困るやつも使えるようになります。
よければ試してみてください。
いきおいで自分のホームページも作ってしまいました。
Luc プログラム&デザイン
ホームページ作成のご用命はこちらまで!(宣伝)]]>
君も未来のハッカー? XSS Challengesが熱い!
http://smil.exblog.jp/8138504/
2008-02-02T21:01:17+09:00
2008-02-02T21:01:17+09:00
2008-02-02T21:01:17+09:00
smilkobuta
Webサイトシステム
問題の画面は↑のような感じ。
例えば一問目の答えは「<script>alert(document.domain)</script>」(Exiteブログの制限で全角文字にしています)です。
全部で18問クリアできれば、有名どころ?のXSSを学ぶことができますよ。
最後の17問と18問をクリアできたときには「いっっやったーーーー」と叫んでしまいました。
おかげさまでこれまでインストールしていなかったツールも2つインストールして、使い方を学ぶことができました。
この勉強スタイルは癖になるかも・・・
便利だったのは次のツールでした。
特に17問と18問はFiddlerなしにはクリアをあきらめたかも。
・Web Debeloper(Firefox用アドオン)
・IE Developer ToolBar(IE用拡張機能)
・Fiddler(プロキシ兼デバッガ)
]]>
とっても便利なmixiのコミュニティブラウザ
http://smil.exblog.jp/8127217/
2008-02-01T09:29:04+09:00
2008-02-01T09:29:04+09:00
2008-02-01T09:29:04+09:00
smilkobuta
コンピュータ
http://alpha.mixi.co.jp/blog/?p=135
■ コミュニティブラウザの使い方
実際のサービスはこちらです。
1. コミュニティブラウザにアクセスすると自分の所属しているいるコミュニティの一覧が表示されます
2. オススメコミュニティが見たいコミュニティをクリックします
3. クリックしたコミュニティに対して、関連性の高いオススメコミュニティが表示されます
4. ★の数はオススメの度合いを示しています(10段階)
オススメコミュニティは最大20個まで表示されます。
自分が参加しているコミュニティから紐づくコミュニティをどんどん見つけられるので、これは便利です。
早く本番サービスとしてリリースされるといいですね。
]]>
HTML5でもframeを使おう!<解決編>
http://smil.exblog.jp/8079680/
2008-01-26T12:39:00+09:00
2008-01-26T12:41:01+09:00
2008-01-26T12:39:56+09:00
smilkobuta
Webデザイン
しかし2日たった今、解決策を思いつきましたよ!
w3c乙wwwwwww
HTML4.01厨涙目wwwwwwwwwwwwww
・・と煽るのはこれくらいにして。
<HTML5でもframeを使う方法>
1. HTML4.01でframeset/frame/noframesタグを使い、これまで通りのframe分割を行う。
■top.html(HTML4.01)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head><title>フレームトップ(このページがユーザーからリクエストされる)</title></head>
<frameset cols="200,*">
<frame src="left.html" name="left">←左フレーム(HTML5)を読み込む
<frame src="mail.html" name="mail">←右フレーム(HTML5)を読み込む
<noframes>
すみませんがフレームに対応したブラウザをお使いください。
</noframes>
</frameset>
</html>
2. フレームに読み込まれるHTMLはHTML5で作る。
■left.html(HTML5)
<!DOCTYPE html>
<html>
<head><title>左フレーム(直接ユーザーからはリクエストされない)</title></head>
<body>
<aside>
<ul>
<li><a href="menu1.html" title="メニュー1" target="main">メニュー1</a></li>
<li><a href="menu2.html" title="メニュー2" target="main">メニュー2</a></li>
<li><a href="menu3.html" title="メニュー3" target="main">メニュー3</a></li>
</ul>
</aside>
</body>
</html>
■main.html(HTML5)
<!DOCTYPE html>
<html>
<head><title>メインフレーム(直接ユーザーからはリクエストされない)</title></head>
<body>
<h1>成績表</h1>
<datagrid>
<table>
<tr><td>田中</td><td>3</td><td>5</td><td>4</td></tr>
<tr><td>鈴木</td><td>5</td><td>4</td><td>3</td></tr>
<tr><td>山本</td><td>4-</td><td>5</td><td>3</td></tr>
</table>
</datagrid>
</body>
</html>
うーん。当たり前すぎる。
もしかして突っ込みいれてくれた人はこれの事を言ってたの?
だとしたらごめん。
この方法で問題があるとしたら、HTML4.01とHTML5でフレーム間のセキュリティポリシーに違いがある場合でしょうか。
子フレーム(HTML5)から親フレーム(HTML4.01)に対してJavaScriptやCookieでのデータのやり取りを行う場合、ポリシーの違いでおかしな動きになるということは考えられそうです。
まあでもこれで無事HTML5に移行できそうです。
frame使ったサイトは作ったこと無いけど(^^
]]>
コーヒー豆の中に隠れている「男」を見つけろ!
http://smil.exblog.jp/8074440/
2008-01-25T19:47:00+09:00
2008-01-25T20:37:50+09:00
2008-01-25T19:47:25+09:00
smilkobuta
おもしろ
下のほうにある画像に、「男」が隠れています。
それを見つけてください。
一度気がついたらアホくさいくらいに目立って見えるのですが、見つけるまでは本当にいらいらさせられます。
Find the Man in the Coffee Beansより
ドクターはこう結論付けています。
もし3秒以内に見つけられたら、あなたの右脳は大多数の人々と比べても良く機能しています。
1分以内に見つけられたら、まあ普通です。
見つけるのに3分かかった人は、右脳が他の人よりもスローリーなので、もっとプロテインを飲むと良いでしょう。
3分以内に見つけられなかった人は、同じような問題をもっと解いて、脳を鍛えましょう!!!(smilkobuta訳)
大事なことは、本当に「男」がいると信じることです。
]]>
HTML5でframeが使えなくなったらJavadocはどうなるの?
http://smil.exblog.jp/8063796/
2008-01-24T12:30:00+09:00
2008-01-26T12:42:24+09:00
2008-01-24T12:25:10+09:00
smilkobuta
Webデザイン
あとBloglines
いずれもフレーム分割することで実現されているサイト/HTML文書の好例だと思います。
iframe要素で同じものを作ろうとすると意外に手間がかかりそうなのですが、なぜ無くしてしまうのでしょうか。
W3C草案ではframeを無くす理由を次のように定義しています。
HTML 5 における HTML 4 からの変更点
2008 年 1 月 22 付け W3C 草案 (Working Draft)
次に挙げる要素もまた HTML 5 に存在しません。これらの要素はユーザビリティやアクセシビリティに影響し、エンドユーザに良くない結果をもたらすからです。
* frame
* frameset
* noframes
アクセシビリティについては確かにそういうケースがあるかもしれないけれど(フレームに対応していないブラウザを使うとアクセスできない)、ユーザビリティは悪くないと思うのですが・・・
以前のエントリー「高齢者対応サイト」でも書きましたが、高齢者にとってはフレーム分割されたサイトは見やすいもののようですし、Javadocは現在のようにフレーム分割されていないと使いようがない気もします。
代用としては、
iframecssのoverflow:scroll
のいずれかでしょうか。
<iframeで代用する場合の問題点>
ブラウザ標準の機能では、iframeのサイズを変更することができません。
がんばって自前でサイズ変更機能を作るにしても、複数のiframeを利用する場合に相互にサイズを増減させるのは面倒な話です。
これまでのframeでは、自由にサイズを変更できます。
<cssのoverflow:scroll>
たいていframeを使用するときは、同じ情報(サイトメニューなど)を何度もHTTPリクエスト/レスポンスしたくない時に使います。
cssのoverflow:scrollを使って擬似的にフレームを表現したとしても、表示するコンテンツは(共通情報を含めて)丸ごとHTTPリクエスト/レスポンスする必要があり、大いに無駄です。
共通部分をSSIやプログラムを使って共通管理することも可能ですが、そういうつくりのWebサイトを作成できない作成者、もしくは運用環境の場合には、共通部分を全てのページに埋め込んでいかないといけません。
したがって、frameの代替としてcssのoverflow:scrollを使用するということは、現実的ではないでしょう。
後方互換性にあるにせよ、frame不遇の風潮が加速するのはいやなのです。
「HTML」の名前を語るのであれば、これまでのHTMLコンテンツ資産をないがしろにするような仕様を決めて欲しくないです。
単に私が何かを見落としているだけで、すでに解決案が存在するのでしょうか・・・
2008/1/26追記
→「HTML5でもframeを使おう!<解決編>」もどうぞ
]]>
https://www.excite.co.jp/
https://www.exblog.jp/
https://ssl2.excite.co.jp/