2009年12月のアーカイブ

CSS Nite in SENDAIから派生した勉強会、dachas（ダッチャス）。
2010年第1弾はdachasのロング・バージョンとして「dachas x CSS Nite」を開催します。

益子さん、鷹野さんをお迎えし「HTML5とCSS3」と「コンテンツを考えるワークショップ」の2セッションを予定。1セッションそれぞれ90分前後の予定です。

みどころ

セッション1：「HTML5とCSS3」（益子）

何かとちまたで話題のHTML5。さらにIEのアップデートサイクルも早くなってきて、CSS3もちょっと視野に入れるような動きが出来てきました。HTML5はまだ仕様がぼやけていてもうちょっと様子見な感はありますが、面白いのがCSS3。
仙グル〜仙台グルメ探訪〜でも実験的に採用しています。角丸とかドロップシャドウとか。Firefox3.6やSafari、Chromeなど一部のブラウザでレンダリングが可能です。当然ナチュラルなデザイン・情報としてはIEでも問題無く閲覧可能です。IE表示が最優先でなくなってきている今日この頃、こういった使い方もアリかもしれません。
新しめなブラウザで見てみてください→http://blog.magical-remix.net/gourmet/

セッション2：「アクセスマップで考えるユーザーシナリオと”リッチ”なコンテンツ」（鷹野）

アクセスマップを用いてユーザのニーズ、ウォンツを検討。
制作サイド（＋クライアント）はウェブサイトを構築する際、ユーザ目線に立たないといけません、的なことは周知の事実です。
がしかし、制作サイドの『自己満足』や『押しつけ』に気付かず推し進めるケースも少なくありません。技術的な部分も大事ですが、一度頭の中を整理して、本当のニーズとウォンツを検証してみましょう！

申込みなど

dachasの公式サイトで申込みを既に開始しています。
1セッションだけの受講（3000円）も可能です。2セッションの場合、5000円（1000円引）になります。
ページ下の方に申込みフォームがありますので、ぜひどうぞ！

dachas × CSS Nite開催概要／申込み

WordPress 2.9がリリースされ、早速アップデートしたところ、Simple Tags動かなくなってしましました。導入されている方も多いんじゃないでしょうか。

いずれ公式にアップデートが入るとは思いますが、「関連投稿」や「タグクラウド」ですぐに使用する必要があるので、プラグインファイルを直接編集して対応させます。

解決方法

バージョンを見て使用不可能になっているらしく、バージョンをごまかせば使用可能になります。

wp-content/plugins/simple-tags/simple-tags.php
を編集します。35行目、

if ( strpos($wp_version, '2.7') !== false || strpos($wp_version, '2.8') !== false  ) {

この「2.8」を

if ( strpos($wp_version, '2.7') !== false || strpos($wp_version, '2.9') !== false  ) {

「2.9」に打ち変えればOKです。

技術系の記事を書く際、ウィンドウやダイアログをスクリーンショットで掲載するケースがあります。スクリーンショットを撮る際、問題となってくるのが

• デスクトップピクチャ…自分では気に入っている壁紙だけども、他人に見せるものではない
• アイコン…デスクトップに配置しているアイコン、当然見せたくない

ですが、「Screenshot Helper」を使うと、この問題が一発で解消されます。
簡単に言うと「実際のデスクトップを新しい疑似デスクトップで覆ってしまう」ツールです。
Macデフォルトのデスクトップピクチャを使うと◎です。

ダウンロード

Screenshot Helper

dmgファイルをダウンロード後、展開してアプリケーションを任意の場所にコピーします。

使い方

「Screenshot Helper」を起動するとダイアログ。Ignoreで起動。Open Appearanceでシステム環境設定呼び出し。どうやら「使用可能な場合はLCDで滑らかな文字を使用」を切ってくれと言っているようです。
表示文字のなめらかさに関する指定ですが、普通に使うならばそのままでも問題なさそうです。

あとは任意のアプリケーションを前面にしてスクリーンショットを撮るだけ！

スクリーンショットの撮り方

• command + shift + 3で全画面キャプチャ（接続しているモニタ全て）
• command + shift + 4 +ドラッグで任意の矩形でウィンドウのキャプチャ
• command + shift + 4の後にスペースバー → 任意のウィンドウクリックでそのウィンドウをキャプチャ
• command + shift + 4の後にドラッグ + control → クリックで任意の矩形でクリップボードへキャプチャ

近年のUSBメモリーは容量も相当大きく、データだけでは使い切れないので、アプリケーションのインストールでスペースを有効活用。

アプリケーションを仕込んでおけば、出先のパソコン拝借やネットカフェなどで仕事が可能になります。

ブラウザ／インターネット

• IE6Eolas：スタンドアローン版IE 6
• Firefox Portable：定番。通常版と挙動がまったく一緒です
• Google Chrome Portable：軽快です。USBメモリーにぴったり。
• Opera USB
• IETester
• Thunderbird Portable：3.0も使えます。
• Skype Portable：ローカルに設定ファイルが残るので注意
• FFFTP

テキストエディタ

• TeraPad
• Notepad++ Portable

定番モノ

• PortableAppsPlatform：アプリケーションランチャー
• OpenOffice.org Portable
• PCView：使用しているコンピューターの詳細を表示
• DomainView–：ネットワークにつながっているコンピューターやドメインを参照
• ZoomIt：画面拡大
• XAMPP Lite：ApacheとMySQL

便利ツール

• Furui：.DS_StoreやThumbs.dbを一括削除。Macからもらったデータの不可視ファイルのそぎ落としに。
• LightscreenPortable：スクリーンショットを便利に
• 7-ZipPortable：Zip形式に圧縮／解凍
• ClamWinPortable：ウィルス検索
• SumatraPDF Portable：PDFビューワ
• GIMP Portable：画像加工

Internet Explorer6・7など古いIEの確認にはIETesterを使うと便利です。このIETester、USBメモリー上でも動くようです。手順をご説明。

ダウンロード

My DebugBar | IETester

ポータブル化するには、単純にインストールしたIETesterをコピーするだけです。デフォルトのインストール先は下記。
C:\Program Files\Core Services\IETester

IETesterフォルダごとごっそりUSBメモリーにコピーすればOKです。