4月21日土曜日(昨日ですね)、福井県福井市のCafeあんのんで『第8回勉強会「またまたやるヨ! 初心者・デザイナーのための質問大会&ワークショップ」』に株式会社ヨシタデザインプランニングの葭田さんと一緒に参加してきました。

http://fukui.wordbench.org/archives/226

WordBenchでは「WordPress」というブログ・CMSツールが研究課題です。
タイトルの通りWordBench福井では講義形式ではなく、各人が解決したい課題を持ち寄って、WordPressについて質問を繰り返すワークショップ形式で行われました。

最近、WordPress を使ってウェブサイトを構築する案件が増えて来ているのも事実です。
WordPress初心者の集まるテーブルや、カスタマイズをどんどんやりたい人のテーブルなどいくつかのテーブルに分かれて各人がやりたいことをどんどんしていました。


▲右手で画面を覗きながらアドバイスをしている人が主催者のカウベル・コーポレーションの森川氏。丁寧な対応をしていただき、安心感を与えてくれる人でした。


▲WordPressでネットショップを実現するWelCartの研究や、マルチサイトの話題が飛び交っていた私のテーブル。一緒に行ってた葭田さんは右側に黒いジャケット着て座っている人です。

続きを読む場合はここをクリック>>

4月14日(土)〜 15日(日)、桜日和の週末にKanazawa Hackathon(金沢ハッカソン)に参加してきました。
場所は金沢市から離れて、加賀市の「セミナーハウス あいりす」で行われました。


▲「セミナーハウス あいりす」の桜も満開でした。

ハッカソンは一般的でないので簡単な意味は次のようなものです。

ハッカソンとは 「ハッカーソン」 (hackathon): – IT用語辞典バイナリ
ハッカソンとは、同じテーマに興味を持った開発者が集まり、協議・協力しながら集中的にコーディングを行う催しである。

ハッカソンという言葉は、ハック(hack)とマラソン(marathon)を組み合わせた造語とされる。

今年の2月ぐらいから「ハッカソンをやりたい」という友人の今川さんの相談を受けて、人集めに奔走したのが2月下旬から3月ぐらいだったと思います。集まったメンバーはプログラマやデザイナを集めて今回、10人で1つのチームになりました。

ハッカソンメンバーの構成

メンバー構成はユニークですよ。

主催者1名、相談役1名、デザイナ2名、フリープログラマ2名、石川高専の先生1名、石川高専の学生2名(プログラマ)、そしてディレクターの私の合計10名です。

特にユニークなのはプロのプログラマと学生プログラマのプログラマメンバーがいることと、ウェブデザイナとグラフィックデザイナがいることです。

私が狙った人選としてはプロのプログラマと学生プログラマ同士で新しい刺激と化学反応が生まれるのではないかという期待がありました。
また、デザインチームとしては分野がやや異なるウェブデザイン専門の人間とグラフィックデザイナが集まることで相乗効果を期待して集めた人選だったのです。

おそらく私の狙い通りの結果になってくれたことと思います。

続きを読む場合はここをクリック>>

4月7日(土)ふくい産業支援センターで開かれた、WCAF Vol.8 に参加してきました。
(WCAF… Web Creators Association Fukui)

▼会場となった「ふくい産業支援センター」の外観です。今回で2回目ですが、立派な建物ですね。
ふくい産業支援センター

▼司会はベースライン株式會社の佐々木さん。名司会でした。

続きを読む場合はここをクリック>>

4月3日(火)低気圧の発達で台風なみの強風が荒れ狂うなか片町「Dining Bar CHANT【シャンテ】」で「赤ワイン好き大酒豪、、、、」違ったw、「赤ワイン大集合 オフ会 第5回」が行われました。

主宰はいつもながら中央美術印刷株式会社の今川さん
ワインのセレクトは(株)酒の井なみ屋の井波さんでした。

▼総勢23名程度の参加者でした(写真はボカしました)。


続きを読む場合はここをクリック>>

誰も言わなかった事実

誰も言わなかったけど iPad2 って画面の表示が結構荒かったですよね。
特に画像素材を見たときにね。
普通にパソコンのモニターで表示されているものと比べても荒いって感じることがありました。

iPad, iPad2, new iPad と使い続けてきたのでよくわかります。
パソコンと比べても iPad2 は粗く表示されることが結構あるし。

でも、new iPad は群を抜いてモニターの精彩さが上がっています。
買って始めに思ったことは「普通に見える。」よく見ると「なるほど目に優しい」ってことだったかな。
普通に綺麗に見えるって大事なことだよね。

だって、私が6年前に作った広坂ハイボールの HP ですが、見比べると違いがよくわかるところがあります。
HP のページの上部になる「看板(当時あった看板)」を見て下さい。これ iPad2 で見るとボーダーラインが見えにくいんだよね。ラインが潰れてね。

でも、newiPad だと普通にクッキリ見えるし。

4倍(1ドット当たりのピクセル数)の解像度っていうけど、iPad2 が荒すぎたんだよね多分・・・

▼ iPad2

▼ new iPad

でも、本当はパソコン用に最適化して作った画像なのでパソコンで見た方がもっときれいに見えたりするのも事実なんですけどね。

もちろん、電子ブックの読みやすさで言えば new iPad を越えるものは現状ではないと思います。

解像度順位

解像度の精細さの順位をザックリつけるとこんな感じだと思います。

アナログテレビ → iPad・iPad2 → パソコン → iPhone4/4S→ ハイビジョンテレビ → newiPad

パソコンよりも低解像度画面だったモノが、ハイビジョン画面を超えたんだからもっと驚いてもいいと思うよ(iPhone4S を超えた当たりから、違いが目で見てよく分からなくなってるけどね)。
※理論値場ではパソコンもiPad2も同じ解像度だけど見比べるとiPad2の方が荒い場合が多かったです。
※今回は画像素材に限った記事です。
※電子書籍なの読みやすさで言えば、文句なく new iPad の方がどのハードウェアよりもグンと読みやすくなってるからね。ここ重要ね★★

補足

電子書籍を手軽に読めるのは間違いなく new iPad です。
便利ですよサクサク読書が進みます。

アプリ「Book Walker」より、 綾辻行人著書 「Another 上巻」: ※クリックでズームします

今回、友人から相談を受けたページを「WordPress をプラグインでいろいろカスタマイズして、サイトを立ち上げよう!」っと、考えたのが失敗の元でした。

結論から言えば、「友人のニーズにあったプラグインを揃えることは不可能」です。

「プラグインの仕様ですから、これ以上の機能は実現できません」という言い訳はよくない。
そんな仕事は仕事じゃない。

だから、仕事はなめてはいけません。

「仕事を受ける以上はどんな手段を取ってでもクライアントのニーズを実現できる準備を見積もる」そんな覚悟が仕事の規模の大小に関わらず大事だなと思いました。

それでも今回、準備したプラグインを備忘録としていくつか名前だけでも表示しておきます。

このエントリーはそんなプラグイン探しの長い長い旅の記録指針です。

続きを読む場合はここをクリック>>

最近、WordPress サイトカスタマイズが続いたのでその備忘録の続きです。

後、数回続く予定です。

でも、今回は特に WordPress というわけではありません。

WordPress 上のあるページで、iframe を使ってページを表示することになりました。
普通に iframe を使うと Internet Explorer 系では「フレームの高さ」を自動で拾ってくれませんでした。
Chrome も Safari も Firefox も 「height=”100%”」でいけるのに・・・・

当たり前と言えば当たり前でしょうが、普段コード書かない人なのでちょっとがんばって調べてみました。

結果から言えばやり方を見つけて、実現できました。
jQuery を使って次のように行います。

iframe の高さ(height)を自動で設定する簡単な方法

まず次のサイトにアクセスして必要なファイルを用意して下さい。

jQuery : Auto iFrame Height | Lost-In-Code

http://www.lost-in-code.com/programming/jquery-auto-iframe-height/

「jQuery.js」と「jquery.autoheight.js」をダウンロードします。
もちろん、ウェブサーバにアップロードしてパスを指定します。

<!-- パス指定の参考例 -->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.autoheight.js"></script>

後は上記で紹介したサイトで紹介されている用に 「class=”autoHeight”」 を指定すれば height の値が自動で設定されます(id は特に関係ありません)。
ラクチンですよ。

<!-- 参考例 -->
<iframe id="myframe" name="myframe" class="autoHeight" scrolling="auto" frameborder="0" src="http://example.com/iframe.php"></iframe>

Shaken Grid (Lite) | Shaken and Stirred Web: Kick-ass WordPress Themes and Templates

http://shakenandstirredweb.com/theme/shaken-grid-free

今回、上記のテンプレートを使ってと友人のとあるサイトを作りました。
上記テンプレートの有料版のテンプレートもあったのですが、コストをかけたくなかったので今回はフリー版で作ってみました。

この時に行ったときの作業の備忘録を残します。

続きを読む場合はここをクリック>>

ここしばらく個人的にWordPressをいろいろと研究した結果を少しずつ残しておきたいと思う。

WordPressをカスタマイズしてみたり、いろんなプラグインを試したりした結果、以下の方法に落ちつきました。
この方法であれば比較的簡単にPinterestのPin Itボタンをつけることができます。

備忘録として。

Pinterest “Pin It” バージョン 1.3.0

ダウロード先

Pinterest “Pin It” Button « WordPress Plugins

プラグインをダウンロードしたらウェブサーバのWordPressがインストールされているディレクトリー内の「wp-content > plugins」に設置して下さい。

ダッシュボードからのインストール

FTPが面倒という方は「プラグイン」→「新規追加」から「Pinterest」で検索して下さい。
設定が整っていればWordPressの管理画面内から設置からインストールが行えます。
似た名前のプラグインがありますので十分気をつけて下さい。

プラグイン名 : Pinterest “Pin It”
作者 : Phil Derksen

続きを読む場合はここをクリック>>

WDF Vol.4が行われました

WebWeb Directors Forum, Vol.4 が3月10日(土)12:50から武蔵ヶ辻のITビジネスプラザ武蔵6Fホールで行われました。
WDF Vol.4が行われました

 

参加者は50名程度でしょうか、様子はこのような感じです。
WDF Vol.4会場風景

 

司会はもちろんいちがみさんです。
司会者いちがみさんの寒〜いボケからスタートしたWDF。気を取り直してまじめにWDFを説明するいちがみさん。
初めて参加する方もいらっしゃるのでちゃんと説明して下さいw
司会はいちがみさん

続きを読む場合はここをクリック>>