pxt - 日記？

ウェブデザインは一旦完成ってことにして、デバイスのデザインしませんか。

2011-12-04T04:28:53+09:00

ウェブサイトのUIには、すでにデファクトスタンダードが確立している。ウェブ標準の実装が常識になり、どんなブラウザでもほぼ同等の表現を再現できるようになった。そして、レスポンシブ・ウェブデザインが登場したことで、ウェブコンテンツは遂にユビキタスになることができた。ウェブデザインはここまできた。まだユビキタスになれたウェブコンテンツは少ないかもしれないが、これがウェブ標準によって実装可能であることは示されている。あとは時間をかけて広げていけばいい。だから、一旦よくないですか。ウェブデザインは、一旦完成ってことにしてしまって、いいんじゃないですか。

デスクトップPC上でアプリを使うことに抵抗がなくなってきた気がする

2011-11-27T11:37:23+09:00

ここのところ、Macを使うようになって思ったことをエントリ。何かちょっとしたことをするのに、アプリを使いたい気持ちになっている。ちょっとしたこと、というのは、ほんとにちょっとしたことで、TwitterやFacebookをみたり、RSSやメールを読んだり、カレンダーでスケジュールを確認したり、という程度の、ちょっとしたこと。スマートフォンでアプリを使うことに慣れて、その概念がそのままデスクトップPCに逆輸入されようとしているのだろうけど、これはちょっと前にはなかった、逆行する傾向なんじゃないかと思う。

Mac OSX 10.6 SnowLeopard に Apache + PHP5 をセットアップしたメモ。

2011-11-26T22:29:18+09:00

ちょっとしたメモです。開発環境を、Windows XP から全部 Mac に移行したいなーと思い、いろいろ調べ中＆セットアップしてみ中＆試し中です。今回は Apache ＋ PHP5 のローカルホスト環境をセットアップしたメモ。

PukiWikiをセットアップしてみたメモ

2011-10-26T16:23:56+09:00

PukiWikiをセットアップする機会があったので、メモ。【PukiWikiとは】 PHPで動作するWIKIシステム。執筆時点で最新バージョンは 1.4.7_notb で、PHP4/PHP5両方に対応している。設置に当たりRDBMS(MySQLとか、PostgreSQLとか)を必要とせず、WindowsにもLinuxにも入れられる。

映画『ライフ』観た。

2011-09-29T22:51:48+09:00

もう結構前のことだけど、BBC制作の映画『ライフ』を観た。ネタバレを気にするような類の映画ではないだろうけども、一応、ネタバレ注意ってことで。

Ruby に入門してみた。

2011-09-13T17:37:48+09:00

そろそろ Ruby やら Ruby on Rails やらやっとかないとな。ということで、Rubyに入門してみることにした。意外にいろいろ躓いたので、乱暴なメモ的なエントリになってしまったけど、あしからず。

node.jsに入門してみる。3 ～ファイルの読み書き編～

2011-09-12T17:36:34+09:00

node.js 入門の続き。WebSocketをはじめる前に、データの読み書きができないと様々不便だと思ったので、やってみた。ドキュメントのファイルシステムの節を参考に、ファイルの読み書きをやってみる。

『地デジ』と、テレビデバイスのこれからについて考えてみた。

2011-09-05T15:01:17+09:00

今年2011年7月、アナログ放送が終了して、地デジになった。のだが、それによっていったい何がどう変わったのか、ぶっちゃけよくわからない。ので、ちょっと調べてみた。

node.jsに入門してみる。2 ～基本的な機能に触れてみる編～

2011-09-03T23:44:24+09:00

前回は、node.js のインストールと、HelloWorldアプリケーションの実装をやってみた。今回は、実際の開発を始める前に、開発に役立ちそうな超基本的な機能のいくつかにアクセスしてみようと思う。

node.jsに入門してみる。～インストールからHelloWorldまで編～

2011-08-18T12:34:53+09:00

久しぶりの技術屋っぽいエントリでわくわくしております。最近流行っているらしい node.js を試してみた。例のごとく、使い捨てのVMware版Ubuntu環境を使って実験する。ただし、node.js はウェブサーバーなので、Apache上で動作させるものではない。 Apacheと同居させることもできるようだが、今回は初めてなのでシンプルに行きたい。Apacheはインストールせず、ポート80で node.js を稼動させることにする。

先生、絵が描きたいです。

2011-07-23T06:35:18+09:00

今回はちょっぴり、自分のことについて書いてみようと思う。細かいことはほとんど覚えてないが、確か小学校の高学年くらいの頃だったと思う。ぼくは先生について絵を習ってたことがある。

マルチデバイス対応とは？クロスデバイス対応とは？

2011-06-18T02:31:17+09:00

「マルチデバイス」と「クロスデバイス」と、似たようなちょっと違うような言葉が2個あるが、どう使い分けるのか、使い分けないのか。ざっくりググっても違いがよくわからないので、自分なりに定義してみようと思う。

スマホサイトは拡大してはダメですか？

2011-06-05T20:40:09+09:00

スマホ(スマートフォン)向けのウェブサイトは拡大ができないもんだと思っている人が、周りにいっぱいいて、びっくりしたので書いてみた。それは誤解です。そんなことないです本当は。なぜ拡大ができないのか？ iPhone や Android のブラウザには、viewportという、ウェ...

iOSをオープンソース化！？妄想を膨らませてみた。

2011-05-12T02:10:27+09:00

Twitterで、こんなツイートをみた。 AppleのiOS4.3がオープンソースになった・・・だと！？！？ > > http://opensource.apple.com/release/ios-43/ AppleがiOSをオープンソース化するらしい、とのこと。公式な声明は見つけられなかったので、本当かどうか確認できてない...

なぜ、クロスデバイス対応は必要なのか？

2011-01-20T12:56:17+09:00

「クロスデバイス」や「マルチデバイス」と言うと、どんな種類の端末(PC、携帯電話、スマートフォン、タブレット、テレビ、音声ブラウザなどなど様々)からでもアクセスできるように、ウェブサイトをデザインすることを指す。クロスデバイス対応ウェブの具体的なデザイン手...

【謹賀新年2011】あけましておめでとうございます！

2011-01-01T21:20:00+09:00

2011年、あけましておめでとうございます。皆々様、本年も何卒よろしくお願い申し上げます。というわけで、今年も昨年に続いて、木版画の年賀状を作ってみた。むすめも、原画を描いたり、板にローラーでインクを乗せたり、バレンで刷ったりが楽しかったみたいで、結構乗...

【CSS3】 iPhone では、position より transform:translate() の方が再描画コストが安い？

2010-11-28T00:21:55+09:00

ちょっと前の記事で、border-image を使うと iPhone の Mobile Safari のアニメーション処理がカクカクになってしまうという実験をやったが、今回はそれの続きで、iPhone で、重ねて表示したレイヤーにスライドアニメーションを適用する場合の再描画処理についての実験。 ...

考察：Appleはスマホサイトを作らない。

2010-11-24T20:03:18+09:00

今まで気づかずにいたが、Appleはスマホ(スマートフォン)向けサイトを作っていない。それは何故か。予算がないとか、(どこぞのメーカーと違って)ウェブデザインや自社製品についての理解度が低いとか、おそらくそういったネガティブな理由ではない。Appleのウェブサイトに...

【CSS3】border-image は iPhone の Safari を重くする！？

2010-11-20T14:46:04+09:00

CSS3 の border-image は、これまでウェブデザインが悩まされ続けてきた煩わしい問題を解決してくれる、とっても便利な新機能。しかし、iPhone の Mobile Safari のアニメーション処理を重くしてしまう場合があるようだ。アニメーション処理が遅くなる？おそらく、この問...

【JavaScript】の高さを自動調整するスクリプト。</h1> <p>2010-10-21T21:57:44+09:00</p> HTMLのフォーム要素のうち、複数行入力欄 <textarea> で、編集したテキストの量にあわせて高さを自動調整するスクリプトを作ってみた。実装サンプルいきなりだけど、完成したソースから。実装サンプルは下記。実装サンプル <script type="text/javascript"> function P... </article> <article> <h1>【JavaScript】 iPhone で、ウェブからGPS位置情報を扱ってみる</h1> <p>2010-10-18T23:19:05+09:00</p> ASCII.jp の記事『iPhoneのGPSをJavaScriptで操ろう』を参考に、iPhoneのSafariでGPS(位置情報サービス)情報を取得してみた。位置情報を扱う navigator.geolocation GPSの位置情報を扱うAPIは、navigator.geolocation というオブジェクトにまとめられている。 Geolocation... </article> <article> <h1>【PHP】タイムアウト発生時のエラー処理を仕込む(未完成)</h1> <p>2010-10-02T20:58:30+09:00</p> PHPでは、1回のリクエストに対して時間制限(デフォルトで30秒)があり、処理がこの制限時間内に終了しなかった場合にタイムアウトが発生して強制的に終了してしまう。 php.ini での設定や、 set_time_limit() などで制限時間を変更することもできるが、やっていいときと望ま... </article> <article> <h1>地方分権に足りないのは地方ジャーナル</h1> <p>2010-09-11T15:57:58+09:00</p> 足りてないのは、ジャーナリズムなんだと思う。国政についてはいい。不十分なのは、地方政治を地元の有権者に伝えるジャーナリズムだ。地域の政治は生活に密着している。本来は、国政と同じくらい(あるいはそれ以上に)、それぞれ自分が住んでる地域の政治について知る必... </article> <article> <h1>【C言語】ポインタに入門！やっと意味わかったかも！</h1> <p>2010-08-30T04:30:40+09:00</p> かねてより何度も挑戦しては理解できなくて挫折していたポインタ。それがついに！理解できた(ような気がする)ので、メモとして残す。別の変数に値をコピーする(ポインタじゃないパターン) まず、普通に値をコピーしてみる。ある変数から、別の変数に値をコピーするには、... </article> <article> <h1>ツールの性質と情報の生涯と再編集をありがとう</h1> <p>2010-08-28T17:42:19+09:00</p> ツイッターを始めて数ヶ月が経った。まもなく半年、というくらい。ちょっとメモしたいときに便利かも、くらいの感覚で始めてみたんだけど、情報の回転が速すぎて、自分用のメモすら埋もれていってしまう。メモ用紙として使えないこともないんだけど、すぐ失くしちゃう付箋... </article> <article> <h1>形態素解析『MeCab』をインストールしてみる。</h1> <p>2010-08-13T21:26:42+09:00</p> 日本語形態素解析ツール『MeCab』を今更ながら使ってみた。形態素解析は、Wikipediaで下記のように説明されている。形態素解析（けいたいそかいせき、Morphological Analysis）とは、コンピュータ等の計算機を用いた自然言語処理の基礎技術のひとつ。かな漢字変換等にも... </article> <article> <h1>『どこかな？』を試してみる。イントラネット用検索エンジン。</h1> <p>2010-08-12T18:19:17+09:00</p> 社内イントラネットワークで使える全文検索エンジンの『どこかな？』を試してみる。概要『どこかな？』の大まかな特徴を挙げてみると、次のような感じかな。クローラがウェブコンテンツを収集して、インデックスを作成する。 Java、tomcat、Lucene、Seasar2 等のソフト... </article> <article> <h1>使い捨てLAMP環境のお手軽セットアップ～ VMware Player × Ubuntu 8.04</h1> <p>2010-08-11T19:53:52+09:00</p> ちょっとしたアレやコレを、ちょびっとだけ試したい時に、サクっと作れて、壊れちゃっても痛くなくて、試し終わったらすぐに破棄できるお試しLAMP環境を作る手順をまとめた。 VMware Player をゲットしてインストールまず器づくり。VMwareのサイトからVMware Playerをダウ... </article> <article> <h1>フォルダやカテゴリで正直に分類してくと、似てるものが遠くなっちゃうことがある件</h1> <p>2010-08-01T17:55:31+09:00</p> フォルダやカテゴリで正直に分類してくと、似てるものが遠くなっちゃうことがある。例えば、『/手/指』と『/足/指』は、どっちも指なのに隣に並ばない。指は指なので、語られる内容には重複する部分が多くなるはずなので、それが分散して置かれていると不便だ。でも、... </article> <article> <h1>【CSS3】要素を変形させる transform をやってみた。</h1> <p>2010-07-18T02:18:06+09:00</p> CSS3のHTML要素を自在に変形させられる機能 transform をやってみた。 transform と transform-origin transformプロパティは、変形の支点を指定する transform-originプロパティとセットで使用する。変形の支点を指定する transform-origin 最初に、transform-origin ... </article> <article> <h1>【CSS3】グラデーションを表現する gradient を試してみた。</h1> <p>2010-07-05T00:06:51+09:00</p> CSS3では、画像を使わなくてもグラデーションを表現できるそうだ。ということで、遅まきながらやってみた。以下いきなりだが、参考にさせていただいたウェブページ。 CSS3 グラデーション（gradient）の指定方法 | CSS Lecture CSS3グラデーションを簡単に作成できる -CSS... </article> <article> <h1>Twitter おれの名つぶやき集 1</h1> <p>2010-07-04T01:06:37+09:00</p> 古くて重要な自分のつぶやきが、古くてどうでもいい沢山の自分のつぶやきに埋もれて探せない。やっぱ大事なことはブログに書いた方がいいのかな。というわけで、洪水のように流れて、時間とともに完全に忘れられてしまう定めの無数のつぶやき。ツイッターをはじめてから... </article> <article> <h1>【CSS3】 transition を使ってアニメってみた。</h1> <p>2010-06-06T16:28:49+09:00</p> CSS3ではアニメーションも表現できるようだ。ということで、遅まきながらやってみた。 CSS3でアニメ関連のプロパティには、transition と animation があるらしい。今回は手始めに transition を使ってみる。animation についてはまた今度調べる。 transition は、次の書式... </article> <article> <h1>書評：『ニンテンドーDSが売れる理由ゲームニクスでインターフェイスが変わる』</h1> <p>2010-06-03T00:35:06+09:00</p> 『ニンテンドーDSが売れる理由―ゲームニクスでインターフェースが変わる』(サイトウ・アキヒロ,小野憲史著)を読み終えたので、ご紹介。最初に勘違いを避けるために前置きをすると、「ニンテンドーDSが売れる理由」とキャッチーな題がついているが、マーケティングや経済に... </article> <article> <h1>【JavaScript】 event.stopPropagation() でドロップダウンメニューを作ろう。</h1> <p>2010-05-26T17:34:13+09:00</p> HTML上にドロップダウンメニュー的なインターフェイスを作ろうとしたときに、メニューを出して消すのはいいが、メニュー上をクリックしてもすぐに消えちゃうという問題があって困った。 event.stopPropagation() というメソッドを使って、上手いこと解決できたので、実際に... </article> <article> <h1>ウェブの利用はモバイル中心に。・・・ならないかもしれない。</h1> <p>2010-05-13T02:40:25+09:00</p> リビングでくつろぎながら、ちょっと興味を持った何かを調べたいときに、わざわざ2階に行ってパソコンの電源を入れ、起動するのを待つのは面倒だ。いまポケットに入っている携帯端末で済むようなら、それで済ませてしまいたいもんだ。きっと、多くの人がそう思っているだ... </article> <article> <h1>情報過多は避けられない。</h1> <p>2010-05-10T02:26:29+09:00</p> 大昔、我々の遠い遠いご先祖様が海から陸へ上がったのは、陸上が海中よりも楽しそうだったからではない。おそらく、海中に恐ろしく強力な天敵が現れたとか、食べ物が減って食えなくなったとか、そういう理由で、仕方なく上陸したのだろう。当時の彼らは、お魚のような姿... </article> <article> <h1>『幸福指数』ってなんだ？</h1> <p>2010-05-08T10:30:46+09:00</p> なんか話題になってた『デキビジ』という番組の勝間和代と西村ひろゆきの対談、いい感じで盛り上がってましたねぇ。親近感がわきました。ぜひまた再戦して欲しいです。さて、対談の中身はまぁどうでもいいとして、ちょっぴり気になったことがある。勝間さんが『幸せ指数』... </article> <article> <h1>なぜジョブズはAdobe Flashが嫌いなのか？きっと人に迷惑をかけているからに違いない。</h1> <p>2010-04-25T15:20:40+09:00</p> どうしてジョブズはAdobe Flashが嫌いなのか？きっと、Flashコンテンツが人に迷惑をかけているからに違いない。しかし、それは Flash が悪いわけでも、Adobe が悪いわけでもない。コンテンツのデザインがいけないのだ。ケータイやiPhoneなどの端末で表示できないし、ス... </article> <article> <h1>iPadで『ハンディペーパーレスプリンタ案』が実現できそうな気が。</h1> <p>2010-04-19T11:47:18+09:00</p> だいぶ前に『ハンディペーパーレスプリンタ案』という記事を書いたが、Apple の iPad でこれを実現できそうな気がする。「何でもできるツールには、紙の代わりは勤まらない」と思っていたが、iPadのインターフェイスなら何でもできても邪魔にならなくていい。紙をピラピラ... </article> <article> <h1>ありがとう。iPhone×Safari</h1> <p>2010-04-14T01:24:28+09:00</p> 最近(先々週くらいかな)、ようやくiPhoneをゲットした。iPhoneに標準搭載されているSafariブラウザを使って普通にウェブサーフィンとかするわけだが、これがスクロールするだけで結構気持ちいい。ときに、この iPhone と Safariブラウザは、次の2点において、ワールド・ワ... </article> <article> <h1>yumで入れたPHP5でsqliteを使う～phpize, pecl, sqlite～</h1> <p>2010-03-31T16:41:24+09:00</p> SentOS に PHP5 を yum で入れた場合に、SQLite を使いたくて、でもなかなか使えなくて苦労した。その時のメモ。 phpize と pecl を使えるようにするまず、phpize と pecl を利用できるようになってないとダメらしい。使えるようになってない人は、この手順で使えるように... </article> <article> <h1>お金はないけど贅沢したい人は、一緒に働いてください。</h1> <p>2010-02-23T11:17:54+09:00</p> お家を建てるとき、施主に十分なお金がないと、壁を塗ったり釘を打ったりコンクリートを均したりする仕事を手伝うことで、安くしてくれたりする。工賃を払えない分を、自分で労働して補うということだから、まぁ理屈はわかりやすい。大工さんにとっては、現場に素人が入っ... </article> <article> <h1>.tgz を解凍すると @LongLink というファイルができてしまうのはなぜ？</h1> <p>2010-02-19T23:35:00+09:00</p> Windows で Laplus とかを使って .tgz や *.tar.gz のファイルを解凍したときに、@LongLink というファイルが作られることがある。どうも上手く解凍できなかったようだが・・・、これはなんだろう？と思ってググってみると、次の親切なページを発見。 </article> <article> <h1>意思は偶然をコントロールできるんだ。</h1> <p>2010-02-17T00:04:46+09:00</p> 競馬場で馬券を買ったとして、勝つか負けるかは時の運。勝敗は偶然によって決まる。カジノのルーレットで赤に賭けたとして、勝つか負けるかは時の運。勝敗はやはり偶然によって決まる。人の「勝つ」という意思が、わずかだがこの偶然を起こりやすくしている。馬券もルー... </article> <article> <h1>ウェブ標準をリードするのはウェブメーカーであるべき。ブラウザメーカーじゃなくて。</h1> <p>2010-01-29T15:15:10+09:00</p> 古いブラウザがだんだん廃れてきて、ウェブ標準に正しく対応したモダンブラウザが普及してくる。ウェブ制作者は、ウェブ標準に対応したモダンブラウザが普及すると喜ぶ。モダンブラウザに合わせてコンテンツを作れば、沢山のブラウザの(バグも含めた)個性を意識しなくても... </article> <article> <h1>【Linux】【FTP】 ncftpコマンドでフォルダ以下全部を再帰的に一括アップロードする</h1> <p>2010-01-28T06:34:18+09:00</p> Linuxに『ncftp』というコマンドをインストールすると、コマンドラインからディレクトリごと一発でFTP転送することができるそうな。ncftp は、普通の ftp コマンドよりも高機能なFTPクライアントらしい。便利そうなので早速やってみた。 NcFTPをインストールする渋谷生活... </article> <article> <h1>【CSS3】 border-image を試してみた。</h1> <p>2010-01-10T19:57:04+09:00</p> 先日、CSS3入門の手始めとして、border-radius を使ってみた。今日はその続き。border-image を試してみる。 border-image は border-radius と同様、CSS3の新しいプロパティで、ボーダーに画像を適用する。「ボーダーに画像」というのがいまいちピンとこなかったのだが、... </article> <article> <h1>【CSS3】 border-radius を試してみた。</h1> <p>2010-01-06T10:39:53+09:00</p> そろそろCSS3に触れておいた方がよいかなと思い始めたので、手始めに border-radius をやってみることにした。 border-radius は、角を丸くするCSS3の新しいプロパティ。やっかいな角丸ボックスのデザインも手軽に実現できるようになりそうだ。デモページはこちら。基本... </article> <article> <h1>Firebug の模倣者たち追記～IE用『DebugBar』とGoogle Chrome～</h1> <p>2010-01-05T22:11:15+09:00</p> 過去記事『Firebug の模倣者たちを一通り使ってみた』への追記。前回、Firebug と Opera Dragonfly 、それから、IE8とSafariに標準で付属している開発者ツールを紹介したが、便利なツールはまだあった。 DebugBar (for Internet Explorer) IEにインストールして使うプラグ... </article> </main></body></html>