WordCamp Tokyo 2011 に行ってきました

Posted on 2011年11月28日 by tsuchinoko

2011年11月27日、品川シーサイド楽天タワー2号館で開催された WordCamp Tokyo 2011 に行ってきました。
これまでWordBenchや勉強会などのイベントに参加したことはありますが、今回は参加者数もプレゼンターの顔ぶれも段違いの印象でした。
間違いなく日本で最大級のCMSイベントだと思います。

以下、私が参加したセッションの感想を簡単にまとめます。
Continue reading →

Posted in セミナー・イベント | Tagged , | Leave a comment

CSS Nite in Ginza, Vol.60 に参加してきました

Posted on 2011年11月21日 by tsuchinoko

ずいぶんと更新の間が空いてしまいました。

去る2011年11月17日、アップルストア銀座で開催された CSS Nite in Ginza, Vol.60 に参加してきました。

今回は株式会社アンティー・ファクトリー代表取締役の 中川 直樹 氏による「Web Creators Pride 2011」という講演でした。

仕事ををする上でのマインドの持ち方とか、ビジネスのアイディアに関する話題が中心で、「Webクリエイターの仕事には未来がある！プライドを持って頑張っていこうぜ！」というメッセージが繰り返し語られる熱いセッションでした。
Continue reading →

Posted in セミナー・イベント | Tagged , , | Leave a comment

横スクロールすると背景が切れる現象について

Posted on 2011年10月1日 by tsuchinoko

つい最近オープンしたサイトでの話。
「画面を小さくすると白くなる」と言われて何のことか分からなかったのですが、こういうことです。

  1. 横スクロールバーが表示されるまでウィンドウ幅を縮める
  2. 画面の外に隠れた領域を見るために横スクロールバーをドラッグする
  3. すると、画面の外に隠れていた領域の背景がなくなる

背景色や背景画像を設定したヘッダやフッタをウィンドウ幅いっぱいに表示している場合にこの現象が発生します。

解決策は、width:100% を指定したボックス要素に min-width の指定を追加することです。
Continue reading →

Posted in Web技術情報 | Tagged | 1 Comment

セミナーレポート：CSS Nite in Ginza, vol.58

Posted on 2011年8月19日 by tsuchinoko

2011年8月18日、アップルストア銀座で開催されたCSS Nite in Ginza, vol.58に参加してきました。
今回のパネラーのひとり、原 一浩さんのデザイントレンド考察のセッションには以前参加して非常に興味深かったので期待して参加しました。

今回のテーマは『ウェブデザインコーディネートカタログ』 を作って見えてきた、2011年の デザイントレンド考察ということで、新刊書籍の執筆陣による内容の掘り下げが主な内容でしたが、その他にも許諾の関係で掲載に至らなかった没ネタの紹介もあり、有意義なセミナーでした。
以下、セッションで紹介されたサイトを列記します。書籍に掲載されたカテゴライズとは違った切り口になっているとのことで、これは書籍のほうも読んでみないといけませんね！
Continue reading →

Posted in セミナー・イベント, デザイン | Tagged | Leave a comment

Windows7のXPモードでIE6を起動！

Posted on 2011年8月13日 by tsuchinoko

仕事柄、もはや骨董品となりつつあるIE6の検証をどうするかが課題でした。
IE Testerなどのツールで擬似的に確認はできますが、やはり本物で見ないと、特にJavaScriptの挙動などは予測しきれないものがあります。
今回、Windows7の中でWindowsXPの環境を再現する「XPモード」という機能を使ってみましたが、これが意外と簡単に導入できました。
XPモードの中で動くIE6の起動ショートカットをデスクトップに作成することもでき、ほとんど単体のWindows7アプリケーションと同じ感覚で使用することができます。

唯一の注意点は、Windows7のエディションです。
Microsoftの日本語ページによると、XP Mode が利用可能な Windows 7 のエディションは、Professional、Ultimate、Enterprise のみとなっています。
私はProfessionalの32bit版と64bit版で動作確認しました。
以下、導入手順のおさらいです。
Continue reading →

Posted in ツール紹介 | Tagged , | 1 Comment

PuTTY で「ネットワークエラー：ソフトウェアが接続中止を引き起こしました」が頻繁に出る件について

Posted on 2011年7月28日 by tsuchinoko

職場の回線が貧弱で、有線LANで接続していても頻繁に通信が途切れます。
周りの人たちは「メールが受信できなぁい」「ネットが見れなぁい」という程度の被害ですが、「黒い画面」で緊張感あふれるオペレーションをしている我が身にはこれが結構なストレスになります。
そうこうするうちに、サーバにログインする以前にエラーダイアログが出て何もできないという事態に至り、（ようやく）調べました。 Continue reading →

Posted in Web技術情報 | Tagged | Leave a comment

IE Tester上で使えるCSSデバッグツール

Posted on 2011年7月1日 by tsuchinoko

IE6、個人的にはもう滅亡したと思っていますが、現実にはまだ対応が必要ですね。取引先がお役所関係や大企業だと特に。

私は普段IE6の検証をIE Testerで簡易的に行っています。
Firebugのような便利なツールに慣れると、IE6でだけ表示が変だ！という場合に焦りますね。
みんなどうやってデバッグしてるんだろう。というわけで調べてみました。
Continue reading →

Posted in ツール紹介 | Tagged , , , , | Leave a comment

Vimのカーソル移動について

Posted on 2011年6月30日 by tsuchinoko

おっと、気がつけば更新を1ヶ月以上サボっていました。

Vimを再学習中です。
遠い昔、telnet でログインしてサーバ上でC言語のソースを書いてコンパイルとか当たり前にやってた時代もあったんですけどねぇ。。

Vimのカーソル移動についてちょっとウンチク。

行末へ移動：「$」
対応するカッコへ移動：「%」
行頭へ移動のキー：「^」

なんでこんな割り当てなのか、疑問に思ったことはありませんか？
これらのキーは、実は英語配列(US)キーボードでは横一列に隣り合って並んでいます。
もちろんこれだけが原因ではありませんが、プログラマやSEの方に英語配列キーボードの利用者が多いのも納得いただけるかと。

参考

Posted in Webプログラミング | Tagged | Leave a comment

Ruby on RailsのViewファイルでコメントアウト

Posted on 2011年5月18日 by tsuchinoko

RailsアプリケーションのViewファイルで、HTMLとして出力はさせたくないけどちょっと残しておきたい、というときの書き方です。

<%if false%>
コメントアウトしたい部分
<%end%>

いろいろ書き方はあるようですが、とりあえずこれだけ覚えておけば大丈夫そうです。

参考：Ruby On Rails ピチカート街道 – ERB でのコメントアウト -:

Posted in Webプログラミング | Tagged | Leave a comment

Windows7に標準インストールしたDreamweaverの設定ファイルの場所

Posted on 2011年5月17日 by tsuchinoko

YUKIさんの記事「zen-codingは超便利！Dreamweaverで使ってみました。」を見ながら職場の Windwos7 マシンの Dreamweaver CS5 に Zen-Coding Extention を入れてみました。
Extention を入れた直後の状態ではDoctype 宣言が英語の設定になっているのでこれを日本語に変えるとさらに便利ですが、これの設定が書かれている「zen_settings.js」を探すのに少し手間取りましたのでメモしておきます。
Windows7の標準インストールであれば、下記のパスが「zen_settings.js」のある場所になります。

C:\Users\YOURNAME\AppData\Roaming\Adobe\Dreamweaver CS5\ja_JP\Configuration\Commands\ZenCoding

YOURNAMEはご自分のWindowsユーザー名に置き換えてください。
Windowsエクスプローラで順番にたどる場合は隠しフォルダを表示する設定にしておいてください。

Zen-Coding便利ですねぇ。
秀丸マクロでZen-Codingもオススメです。

Posted in Web技術情報 | Tagged , , | Leave a comment