Windows7になって、エクスプローラの見栄えもスタイリッシュになりました。ファイルがやたらサムネイル表示されたり、アイコンのように表示されたりと、インパクトもあり一見きれいかもしれません。
ただ、それでは使いづらいです。
仕事で大量のファイルを扱う上では、デフォルトでファイルが詳細一覧でアルファベット順で並んでいたり、更新日付順で並んでいてほしいものです。
その点、Windows7になってからさらに使い勝ってが悪くなったような気がします。
例えば、ファイルがアイコン風に表示されるので、エクスプローラ右上のスライダーで表示の「詳細」を選択。項目を右クリックで「更新日時」を表示させ、さらに左クリックで更新日時順にソートさせます。
しかし、次の日、同じフォルダを開くと、またサムネイル表示に戻っています。。。Windows XPのときは、一度設定すれば、その後は保持されていたような気がするのですが。。。気のせい？
Webサイトを構築するにあたって、そのプロセスの中には似たような繰り返しの作業が存在します。
それを少しでも効率よく消化したいと思い、ツールを公開することにしました。
これまでは「この作業はこんなツールがあったら楽にできるのに」と思いながら、自分で構築するのではなく、他に公開されているツールでカバーしていました。ただ、100%満たされるようなツールに出会うのは難しく「もう少しカスタマイズしたらもっと良くなるのに」とわがまま言っていました。やっぱり自分で作っちゃえばいいじゃんと思いながらも、なかなか手をつけられず。
何事も第一歩を踏み出すことが重要ということで、雑ではありますが、まずは一つ作ってみました。
HTMLエンコード（エスケープ） ver1.0
今後、使い勝手を含めて改良するのと共に、他のツールもリリースしていけたらと思います。
また、公開している意図としては、同じような作業のもどかしさを感じてる方にも使っていただき、あれがダメだこれがダメだと言ってもらえればいいなと考えているので、Twitterにご意見ご感想をいただければ幸いです。
CakePHPで構築したサイトは、「mod_rewrite」によりCakePHPで設定したルーティングに従って、コンテンツの内容が決定します。
つまり、デフォルトではCakePHPをインストールしたディレクトリの配下は、全てコントローラとアクションで処理されるということです。
これではMovableTypeやWordPressをインストールする場合に困ります。
例えば、wpというフォルダを作り、「http://localhost/wp/」にアクセスしてWordPressをインストールしようとしても、処理がCakePHPのwpコントローラに渡されてしまい、WordPressのソースにアクセスできません。
このルールは文頭でも触れたように、ルートディレクトリに設置した「.htaccess」に記述してある「mod_rewrite」で制御されています。つまり、「.htaccess」を書き換えることで、この問題を解消できます。
XML形式のデータから改行コード「n」が含まれた文字列を、ActionScript3で読み込み出してTextFieldに出力すると、改行コードは改行されずに、そのまま「n」と表示されてしまいます。
例えば以下のような内容のXMLデータを読み込みます。
<?xml version="1.0" encoding="utf-8"?> <item> <message>あいうえおnかきくけこnさしすせそ</message> </item>
これを、通常のAS3の処理で読み込んで任意のTextFieldにセットします。
（中略） var xml:XML = new XML(loader.data); message.text = xml.message;
すると出力結果は
「あいうえおnかきくけこnさしすせそ」
となってしまいます。
改行コードの部分は改行させたい。
SoftbankのAndroid携帯電話「HTC Desire」を使い始めて約半年が経ちました。
当時はものめずらしかったスマートフォンも、ここ最近で一気に広まり、各キャリアから新作もどんどんリリースされ、iPhoneなどはいたるところで見かけるようになりましたね。
さて、周りのスマートフォンに切り替えようかと悩んでいる友人から「スマートフォンってどうなの？」と聞かれることが多々あります。そこで、あくまで個人的な意見でしかありませんが、私の半年間使ってみた感想をまとめてみます。
私はWeb業界で技術者として仕事をしていることもあり、メールを細かくチェックしたり、Webのニュースやブログに目を通したりといった日常をおくっています。自発的ではありませんが、最近ではTwitterをやらされたり、Facebookをやらされたりもしています。これまでは、それらメディアをチェックする度に、いちいちパソコンの電源を入れていました。
いつもどおりコーディングしているつもりが、どういうわけか、今回だけFirefoxでフッタの下に10pxほどの空白が空いてしまいます。
原因を解明するために、いろいろとCSSを調整してみたのですが、改善しません。
そうしているうちに、たまたま以下のような記事にたどり着きました。
Firefoxでフッター（footer）の下に隙間ができる – @blog.justoneplanet.info
結果から言うと「これで完璧」と信じ、使い続けてきたfloatによる回り込み解除のCSSに欠陥があったわけです。
問題の箇所は下記のブロックです。
.clearfix:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
参考サイトによると「font-size: 0.1em;」が必要との事です。
つまり、構造上、回り込み解除した後に、Firefoxだけfont-sizeが1px分の余白が開いてしまったということなんですね。実際のところは不明ですが、スペースを消すために0pxとするとSEO的に問題があるようなので、0.1emとするようです。
CakePHP1.3でWebアプリケーションを構築する上で、Authコンポーネントを使った管理画面を作ってみます。
前提として、adminコントローラ配下に認証をかけることにします。つまりCakePHPで構築したサイト内で「http://xxx.xxx.xxx/admin」にアクセスするためには管理者権限を必要とするようにします。
ユーザIDとパスワードを管理するテーブル「users」を用意します。
CREATE TABLE users ( id INTEGER(8) auto_increment PRIMARY KEY, username VARCHAR(50) NOT NULL, password VARCHAR(50) NOT NULL, date_create VARCHAR(19) NOT NULL, date_update TIMESTAMP NOT NULL );
最低限「ユーザID」と「パスワード」の２カラムを用意します。その他のカラムは任意です。また、カラム名は変更可能ですが、デフォルトの「username」「password」とします。今回は記述しませんが、カラム名を変更するためにはコントローラ内で設定が必要です。
今回、このテーブルへのINSERTは手動で行います。パスワードはハッシュ値を登録します。
IIS(Internet Information Services)を利用して、WindowsXPをFTPサーバにする方法を紹介しました。
WindowsXPをFTPサーバとして利用する（IIS編）
ただ、XPの場合はFTPで公開できるディレクトリが１つに制限されています。また、Windows特有のユーザ管理もめんどくさいです。どうもWindowsのユーザ管理の概念は分かりにくい。
そこで、他のソフトウェアなどないかと探していたら、意外と近くにありました。
それは「FileZilla」です。FileZillaは日本語プロジェクトが存在し、以下のサイトでダウンロードすることができます。
FileZilla プロジェクト日本語トップページ – SourceForge.JP
「意外と近くに」というのは、FileZillaはXAMPPに組み込まれているんですね。XAMPPは普段から業務で活用しているので、まさに灯台下暗しでした。
今回は、上記サイトで最新版をインストールするのではなく、XAMPP for Windows 1.7.2に組み込まれているFileZilla 0.9.32 betaを使ってFTPサーバを立ち上げたいと思います。XAMPPはインストール済みを前提とします。
WindowsXPにFTPサーバを立てる機会があったので、その時の作業メモです。
WindowsでFTPサーバを導入するのには、どこからかパッケージをダウンロードしなければならないと思っていたのですが、IIS(Internet Information Services)が標準で用意されており、FTPサーバ以外にもWebサーバやメールサーバのサービスが利用できるようです。
IISは、Windows 2000 Professional、Windows XP Professional、Windows Vista、Windows 7を対象に用意されています。ただ、デフォルトでインストールはされていないので、コンポーネントの追加をする必要があります。今回はWindows XP Professionalの例です。
WindowsXPでIISコンポーネントを追加するためには、WindowsXPのインストールCDが必要です。
スタートメニューから「コントロールパネル」⇒「プログラムの追加と削除」をクリックし、開いたウィンドウから「Windowsコンポーネントの追加と削除」を選択します。するとWindowsコンポーネントウィザードが起動するので、「インターネットインフォメーションサービス(IIS)」を選択して、コンポーネント追加を実行します。
今回、初めてのスマートフォンサイト作成で、画面サイズ、フォントサイズの設定を行ったので覚書です。
まず、画面サイズはiPhoneが320×480pxなので、これを基準にデザインするといいと思います。
ただ、他のAndroidなどの機種はこれと若干異なります。そこでviewpointを指定して、表示領域を指定します。
<head> ... <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /> ... </head>
「width=device-width」は、iPhoneの場合に横幅が320pxに指定され、その比率で縦幅が決定するわけです。他のデバイスについても同様です。つまり、表示するデバイスの解像度に依存することなく、横幅が320pxでデザインされたサイトが、きっちり収まった状態で閲覧できるわけです。