[E2]e2esound.com

「Web制作の現場で使うjQueryデザイン入門」

terra — Tue, 09 Mar 2010 18:00:00 +0000

タイトルの通り、Web制作の現場で使う jQueryデザイン入門 (WEB PROFESSIONAL)を購入しました。
以前からJavaScriptを学ぶように心掛けていますが、他の優先事項の前に遅々として進まず。jQuery自体はWebのデザインをしていく上でどうしても必要＆ちょうど面白そうな本が出たので購入した次第です。

さてさて、一通り読み終わると簡単なjQueryを使用したJavaScriptが書けるようになります。
もちろん本のタイトル通り入門を目的としているので、実感としてもっと勉強する必要があると思っています。

内容もライトに書かれているので、オススメです。

※なんとなく書いてみました。
http://www.e2esound.com/sample/biz

PHPと連携させたら何ができるでしょうか？悩みが増えますが、楽しい悩みですね。

nyacusでxamppのphpコマンドを使う方法

terra — Wed, 03 Mar 2010 14:30:00 +0000

Winのコマンドライン、つまりcmdのことですが、何かと融通が利かず使い辛い。

そんな時、vim-users.jpでHack #103: シェルをNYACUSに設定するが紹介されていました。
記事の中身は「vimから使用するシェル（winの場合はcmd）をnyacusにしよう」というものです。nyacusとは…まだ良く分かってないんですがunixライクなコマンドラインを実現しようとしているようです。
今のところ、使用して分かっているのは以下のとおりです。

cdの時、”\”or”￥”（バックスラッシュ）のみならず、”/”(スラッシュ)であってもバックスラッシュと同じように処理してくれる。
ls(リスト)コマンドが使える。
[tab]による補完機能がある。
historyが使える。

cmdに比べ操作性が上がります。winユーザーの方でnyacusを使用したことが無ければ使ってみてください。

さて、このnyacus。XAMPP等がインストールされていれば、設定ファイル「_nya」をいじることでphpコマンドが使えるようになります。
検索しても具体的に書かれているものを見つけられなかったのでご紹介です。

私の環境の場合、XAMPPはCドライブ直下にインストールされています。
まず、XAMPPディレクトリ以下から「php.exe」を探します。
恐らく多くの場合、「C:xampp\php」の中に「php.exe」があるはずです。

確認をしたら、「_nya」にこう書きます。

alias php “”c:\xampp\php\php.exe”"

“の使い方が変ですが、私の環境だとこのように書かないとコマンドが通りませんでした。（詳細は未確認）
「_nya」を保存した後、nyacusを再起動するとphpコマンドが使えます。

php以外にも、例えばvimを使用してファイルを開く場合には、

alias vim “”～\～\vim.exe”"

のように書くことで使用可能です。

phpコマンドの使い方については「PHPをコマンドラインから使用する」を参考にして下さい。
phpコマンドが使えるようになったか確認するだけなら、”php -v”あたりをどうぞ。使用しているPHPのバージョンが表示されるはずです。

私が多用するのは”php -l (ファイル名)”です。PHPのシンタックスエラーをチェックできます。
ちなみにvimだとPHPLint()という関数を書かれている方がいらっしゃいます。
PHPLint()はコマンドラインにファイルを渡して”php -l”することで実装しているようです。
(他にもcheckrunさせるとか手はあるようなんですが、私の環境だとちょっと…)

まだまだ使いようがある気がしますが、今日はこの辺で。

[おまけ]
cmd.exeでPHPコマンドを使うには。。。（win xp）
[コントロールパネル>システム＞詳細設定＞環境変数]で表示される画面の下部「システム環境変数」のうちPathの値にphp.exeのあるディレクトリを設定します。
前述のxamppの場合、”C:\xampp\php”`を加えてあげれば問題ありません。cmdでvimを使用する場合にも同様の対応をします。
参考：http://www.geocities.jp/httaka2164/Path.html

Newメガネ購入

terra — Wed, 03 Mar 2010 13:30:00 +0000

悲しいことがありました。。。

そこで、約3年振りにメガネを購入しました。

私の視力は乱視が強めな為、普通の眼鏡屋さんで購入しようとするとレンズの圧縮が必要ということで（フレーム代+レンズ代）＋8,000円程度費用がかかります。
そこで、今回は最近テレビCMでも頑張っているJ!NSで購入してみることに。

最大の特徴は、どんなレンズでも価格を変えずに提供しているところ！
つまり、私のようにレンズ圧縮が必要な場合であっても価格は変わりません。安い商品で適当なものがあれば外出用と家での作業用の計2本を買ってやろうと財布を握り締めてお店（吉祥寺店）へ。

運良くセール期間中で一部商品が最大で60%OFFだったので迷わず2本購入しました。
そして本日約1週間待ち、商品を受取に行ってきた次第。
実は、レンズの圧縮が必要な場合であっても、レンズの在庫がお店にあればすぐに受け取れるみたいです。

まず、外出用眼鏡。冒頭の画像の代わりとなるものです。

続いて、作業用眼鏡。テレビCMでも紹介されているAir frameです。
とても軽く、視野も広い。

価格は2本で12,000円でした。
尚、冒頭の眼鏡は…薄い記憶を思い出す限り15,000円はしたはず。やはり安い。
品質も今のところ遜色ないようなのでオススメです。

実践：ScribeFire3.5のエラー解消方法

terra — Fri, 19 Feb 2010 16:30:00 +0000

ScribeFire3.5をインストールし、起動するとこんな画面に。。。

これは参った！パースエラー！！
しかも、海外ユーザーの様子を見る限り、動いているらしいので日本語版のみ？のエラーかと思われました。

そして、なす術なく放置していましたが先ほど見つけましたよ、解決方法。
Firefox更新情報Wikiブログ:ScribeFire 3.5のエラー解消法

早速適用してみたところ、無事に起動しました。

ただ、気になる点としてWordPressのカスタムフィールドを扱えるようになったらしいのですが、方法がよく分からんのです。
むーん。

・・・と思ったら投稿時に設定することが判明しました。これは！！イイ！！

環境：WinXP sp3,Firefox3.6

Scribefire

Embed this widget See full results for Scribefire

五目蒙古タンメン@吉祥寺中本

terra — Sat, 06 Feb 2010 10:45:00 +0000

吉祥寺にある中本に行ってきました。結構久しぶりでした。
いつもは、目玉の蒙古タンメンを頼むところを辛さ+1の五目蒙古タンメン（野菜大盛）を注文！

久しぶりの辛ウマーーーーッ！！を味わいました。汗が噴き出す辛さ!!
一緒に行ってくれた方は、隣の席で味噌タンメン食べてたけど、それでも辛そうでした。
（その割に「スープは全部飲まなきゃ」とか「北極じゃないの」とか仰られていたけど、それはキツイ）

初めて怖いもの見たさで中本に行った時は辛くて半泣きで食べたもんです。しかし、慣れるにつれてこの辛さが癖になってしまうのです。
ご近所に中本がある方は是非。

*にんにく臭くなるからね。
*翌日お尻から火が噴きでるかと思った。
*最近食いもんネタしか書いてなくて食べログのようだ。。。

[Book]ドラッカー時代を超える言葉洞察力を鍛える160の英知

terra — Sat, 06 Feb 2010 10:00:00 +0000

たまには、読んだ本を紹介してみよう、そうしよう。

先日もカフェに持ち込んで、ダラダラと読んだ作品。
ドラッカー時代を超える言葉―洞察力を鍛える160の英知。

実はこの本を読む前に図解で学ぶドラッカー入門を読んでいました。ドラッカー入門では、今一どういう人物でどういった内容を書いた人なのか分からず、、、恐らくは綺麗にまとめすぎた本だった為だと思います。

一方、本作はドラッカーの書籍から引用しつつ、その詳細について簡単にまとめるという構成の為、読み進める度にどういった人物で、どういった分野に興味を持っていたのかが分かる。
もちろん、この程度の厚さの本でドラッカーを理解したとはとても言えませんが、読み始めのキッカケとしてオススメできる一冊です。1つ1つの言葉に対して短くまとめられているので通勤中に読むにも最適。

本作を読み進める中で、以前勤めていた会社で社長が「知的労働者」や「マネジメントの重要性」について説いていた理由がよく分かりました。社長ももちろんドラッカーの書籍に目を通していらっしゃったのだと思います。

とても悔しいのは、ドラッカーには学生時代に出会いたかった！ということでしょうか？
学生の皆さんにも、社会人になる前にオススメできる本です。

りなかふぇなう：CAFFE SOLARE リナックスカフェ秋葉原店

terra — Mon, 01 Feb 2010 10:30:00 +0000

Twitterでお馴染みのリナカフェに行ってみました。
注文したのはブレンドコーヒーとブルーベリーパイ。

思ったよりも秋葉原駅に近いところにありました。
Twitterで話題になる通り、やはりTwitter-erが沢山いるようで、
皆さん携帯電話やiPhone片手にお茶していましたね。

コーヒーは普通。
パイはボロボロして食べ辛かった…

*携帯電話の電池が切れかけて、乾電池を探したら電器街だというのに、乾電池が見つからなくて大変でした…
*秋葉原は相変わらず秋葉原だったけど、行く度に萌え強化されている気がする次第。

MySQLのバージョンアップ@lolipop

terra — Sat, 30 Jan 2010 09:30:00 +0000

lolipopサーバーのDB、MySQLがver.5になったのでバージョンアップを行いました。
作業自体は簡単。

1.ｌolipop管理画面からDBバージョンアップ（テスト）を行う。
新しいデータベースをver.5で作ってくれます。
全く異なるDBサーバーです。

2.問題ないかテストしてみる。
本来ならテスト用の環境を作るべきところを、そのまま本番環境で（ぇ
WordPressをインストールしたディレクトリ直下の「config.php」のデータベース名、データベースサーバー名等変更します。
→そして保存。

この段階で、ver.5のMySQLを使用したWordPressに早変わり。

3.最後に正式適用。
このままだと、作られたDBは削除されてしまいます。テスト環境として一時的に作成されている為です。
そこで、再度管理画面に入り、DBを正式適用します。

これであなたのlolipopもver.5のMySQLでサックサクですね。
作業自体は簡単です。是非是非。

*よい子はテスト環境を作ってやりましょう。

下北沢Rock Party:Getting Better

terra — Fri, 29 Jan 2010 07:00:18 +0000

恐らくは、当blogで初めての担当案件紹介になります。
クライアント様はGetting Better。

何それ？と言う方に説明するには、
下北沢を中心に展開されるRock Partyです。

Count Down JapanやRockin’ Japan FESでもDJを務める片平実主催のPartyです。

案件内容は、心機一点のリニューアル。
デザインはGetting Betterの中の人によるもので、主に実装とデザインの調整をしています。

サイトはこちら。
http://getting1996.com/

音楽Partyのお仕事と言うことで、とても楽しい作業ではありましたが、
当方とデザイナーさんとの生活時間のズレ、
さらには、デザイン部分をご担当していただき、内部設計自体はこちら、という都合上、
長い時間をかけたプロジェクトと相成りました。

みなさん、毎週月末土曜日、下北沢で会いましょう。

今日も音楽が素敵であることに感謝する。

[武蔵境]ベーカリー・カフェ・クラウン

terra — Thu, 28 Jan 2010 08:00:27 +0000

三鷹のCafe Hi Famigliaに行った翌日。
1/25日昼過ぎ、時間ができたので武蔵境駅近くのベーカリー・カフェ・クラウンへ。
存在を知っていましたが利用する機会も無かった微妙な位置にあるお店です。
このお店のすぐ近所にあるドトールにはよく足を運ぶのですが…

1Fはパン屋さんで2Fがカフェスペース。1Fでパンやコーヒーを注文して2Fへ、のスタイル。

本はドラッカー時代を超える言葉―洞察力を鍛える160の英知をバッグに詰め込んで。

ブレンドのMagサイズとあんパンを注文。
このあんパン、薄皮の下はまるまるあんこの塊という凄まじくお得感のある商品でした。

店内は・・・えーと、
パンは美味しかったのですが、ご近所のおばさま方が大きな声で談笑されたり、どこぞやの営業だと思われるお姉さんが堂々と携帯電話で話したりしていて…

静かさだと近所のドトールの方が上って…
（あのお店もそれなりにうるさいことはありますが）

不快だったな、正直。
パンが美味しいだけに残念でした。店員さんにはマナーの悪いお客様をご注意していただきたいところ。

ただ、このお店にはベランダに席があって、もう少し暖かくなったら、
それはそれで素敵な時間が過ごせそうではありました。

春を待ちましょうか。

[三鷹]Cafe Hi Famiglia

terra — Wed, 27 Jan 2010 08:00:22 +0000

最近のもっぱらの、というよりも唯一の楽しみは本を持ってコーヒーを飲みに出かけることです。
この地域に住むこと、早7年。

お店の移り変わりも激しいこの地域ですが、行ってみたカフェの紹介でもしてみようかと思います。

今回は三鷹産業プラザ1FにあるCafe Hi Famigliaさんです。
存在は知っていたのですが、何故か行ってませんでした。

訪れた日は1/24日（日）18時。本を携えて。

本日のチーズケーキ「キャラメルのベイクドチーズケーキ」と本日のコーヒー「ペルー」を注文。
合計で880円だったと思います。

店内はとてもゆったりとした雰囲気で、居心地もいいです。
何よりも雑音が少ないです。例えば、スターバ○クスの場合、おばさまたちの大きな声でゆっくり本も読めない、ということがありますが、ここはそういう雰囲気ではないようです。
席も、イスタイプのテーブル席とソファータイプの席があります。
カップルでゆっくりするのもいいと思います。

写真のチーズケーキも美味でございました。
コーヒーや紅茶以外にも、ランチメニューやお酒もあるとのこと。
食べログの評価も非常に高いですね。

彼女ができたら一緒に来たいですね。
（いつになるやら）

この日の最大の失敗は、持って行った本がGoogle Analyticsの本、つまりは専門書の類だったことです。
普通に小説にしておけばよかったなぁと感じました。

食べログ：Cafe Hi Famiglia

*近くの席に、ロングの素敵な女性が1人で本を読んでいてそれもまた素敵な絵でありました。
*窓際の席で電源が借りられるらしいです。pgcafe関連情報。

年が明けて

terra — Tue, 26 Jan 2010 10:51:54 +0000

気づけば、いつの間にやら1月も末。どういうことですか・・・

さて、前回の更新から1ヶ月以上が経過してしまいました。
その間には、ドメイン移管をしましたし、1人でクリスマスを過ごしましたし、ysakaki氏に誘われてプログラマー（系）10名ほどで忘年会もしました。

とりあえず、気づいたら年明けてましたね。（画像は初日の出）

如何せん、筆が進まず、ネタはあるのにblogの更新をしないという。
（この時代、筆が進まずの代用語は「typeが進まず」とか？）

そんなことをした結果、なんと、

ページランク降下

いい加減更新しますとも！ネタは豊富!!

これからは毎日ぐらいのペースで、いや多分2日に1度くらいのペースで更新を。
貯まりに貯まった技術情報やご近所情報をお送りしていきたいと思います。

ではでは、取り急ぎ。

ci.dict::CodeIgniter辞書 for vim

terra — Thu, 17 Dec 2009 08:51:40 +0000

開発中に不便になってきたので、CodeIcniter ver.1.7.2のvim辞書を作りました。検索しても見つからなかったので。

ci.dict

作り方としては、とてもアナログな手法でCodeIgniterユーザガイド日本語版Version1.7.2を最初のページから読みながら関数、引数、オプション等々を記入しただけです。

その都合、同一の単語が記入されている場合がありますが、不要な場合は適時先叙してください。（削除するのは簡単だけど、入力するのは大変だから残した）

「もっとこうした方がいい」や「こんな風にしてみました」という方はtrackbackやコメント等でご連絡いただけると嬉しいで
す。

ライセンス？ご自由にどうぞ。

[修正]WordPress日本語版で曜日表示を英語にする方法

terra — Sun, 06 Dec 2009 17:47:05 +0000

WordPressで各記事の投稿の曜日を表示するには、テンプレートタグである「the_date()」や「the_time()」を使用します。
これらのテンプレートタグに対して、引数Dを与えた場合、日本語版を使用していると「月曜日」形式で表示されてしまいます。

もし、「Mon」形式やフルスペルの「Monday」形式で表示させたい場合はどうしたものでしょうか？
ふと「自分で関数書いたら表示できるのでは？」と思い、試してみたら出来た次第。

■使用方法
1.テーマファイルのディレクトリのfunctions.phpに以下のcodeを記述

function echo_weekday() {
$post = get_post($post_id);
$date = explode(‘/’,get_the_time(‘Y/m/d’));
$weekday = date(‘D’,mktime(0,0,0,$date[1],$date[2],$date[0]));
echo $weekday;
}

※「Monday」形式で表示するには、date関数の第一引数を「l」にします。
※赤字部分がないと、$post_idが取得できません。

2.曜日表示を行いたい場所に、以下のcodeを記述

※the_weekdayは非推奨のタグとして存在しますので、こんな奇妙な関数名

以上で、「Mon」形式での曜日表示ができます。

調べてみると、既にプラグインを公開されている方が！
FEEL WCT:日本語版WordPressの曜日・月表記を英語にする方法

面倒な方はプラグインを使用してみるのも一興。
勉強も兼ねて作ってみるのも一興。

加湿器を購入

terra — Fri, 04 Dec 2009 09:47:18 +0000

いやはや、全くblogの更新してませんね。もったいない。
このところ、会う人会う人「blogの更新止まってるよね？」と言われているので、いい加減更新です（苦

さてさて、12月に入り寒さと乾燥に襲われる毎日です。
私は元々喉が弱く、年に2回程度は扁桃腺を腫らして抗生物質を投与して直す、というお決まりパターンをします。

今季も既に、扁桃腺を1度腫らしてしまい大変な思いをしたところ。
そして、数日後（現在）喉が乾燥にやられてしまい、乾いた咳がコンッコンッと。
（「咳をしても一人」と思いだしたり）

そこで、家で作業をする時間がほとんどなので、加湿器の投入を決定しました。
近所のドンキホーテに行って、サクッと購入。

他にも、「ペットボトル型の加湿器」や「超音波式の加湿器」等あったのですが、
ペットボトル型は作りがチープだし、超音波式を導入する理由も今のところないので、
安い商品に決定。
お値段、1,980円。

それにしても喉が痛みます。
皆さんも風邪にはお気をつけて。

PS.電気ストーブも買っちゃったんだ・・・

毎日がだいぶバタバタ：：生存証明：：

terra — Tue, 27 Oct 2009 04:39:59 +0000

とても久しぶりの更新！

気づけば2ヶ月半もかけていませんでした。
盆に帰省することもなく、ずっと仕事に追われる毎日。

昼も夜も無くて、まともに一日休みがとれた日もずっと無くて、
そんな中どうにかこうに自分のスキルを磨きながら業務を転がす。

（「転がってないだろ！」というご意見は・・・orz）

「これでいいのだろうか？」と毎日思いながら、
毎日迷いながら生きてる次第でございます。

このところずっと忙しい要因の1つに現在制作請負中のサイト構築があります。

今回は、通常と変わった構築方法をとっています。
請負先のデザイナーさんに画面デザインを構成してもらい、そこから内部実装を考え、可能な限り運用保守性能を維持しつつ・・・と非常に難しい方法です。

今回もシステムの中身にはCMS「WordPress」を採用しています。

ただ、システムの内部実装をデザインの後に構成する都合上、WordPressの性能を駆使し、裏ワザを多用し、プラグインを改造し、、、と非常にWordPressを使いきっている感があります。

同時に、WordPressの限界も感じていますが（汗

さて、今日も作業。

お陰さまでblogネタは豊富にありますが、如何せん書いている時間がありません。
ネットブックでもあれば・・・と思う毎日です。
（第一、移動時間内から書けないんだけど）

それでは、取り急ぎ。

Rock Bar Chameleon

terra — Mon, 10 Aug 2009 13:00:29 +0000

昨日は吉祥寺伊勢屋で飲み、そのまま数軒はしごするという、、、若いな。

このところ、吉祥寺でフラリと飲みたい時、吉祥寺SHUFFLEそばのRock Bar Chameleonに入ってしまう・・・
（昨日もなんとなーく入ってしまった）

キャッシュオンで会計を気にせずに飲めるのもいいお店だけど、その他にもBGMが70年代Rockでイイ感じ。

他にも足を運んでしまう理由が。。。コレ。

いくつもの木材を組み合わせたテーブル。この木材、ギターに使われるものを集めたらしいんだぜ。

こう、懐かしい手触り！すりすりしながら飲んでしまう自分（恥
だって、懐かしいんですもの！この手触り、この硬度、この反発！嗚呼、青春！

メニューの取り揃えとしては、お安く飲めるのでおススメです。お客の平均年齢は高めです。

盆に帰省しますよ。

terra — Thu, 06 Aug 2009 10:40:54 +0000

一応お盆なので、実家のある群馬に帰省しますよ。

予定では、

8/15の昼に東京発
同日15:30頃実家着
8/17の昼頃までに東京へ

サクッと帰って、諸々の用事を済ませて、隙を見て案件の仕事して・・・

という予定です。

焼きまんじゅう食べたい。

空港の掲示板の表示を実現するjQueryプラグイン::Airport

terra — Mon, 03 Aug 2009 09:30:00 +0000

IDEA*IDEAさんで紹介されていたjQueryプラグインを試してみました。

紹介されたのはちょっと前ですが、気になってた次第。

空港の行き先掲示板のようなエフェクトを実現するjQueryのプラグイン『Airport – Information Board Text Effect』

画面上で動的に、空港の発着掲示板のように表示されるプラグイン。

さっそく使ってみる。

表示させる文字列はvar_dump(‘中身’)として、その中身にいくつか配列で文字列を渡す・・・と。

こうなった->Click!

どうやら、中身に入れた文字数を取得しつつ動作するため、今回のように末尾に「’)」のような文字列を入れた場合、ちょっと違和感のある表示になってしまう模様。

文字数をある程度合わせた単語や末尾に何かをつける、ということをしなければいいらしい。

発想がとても面白いですね。これを例えば、indexのヘッダーの中に仕込んでおくとか良いのではないかと思う。

マウスオーバーで画像表示変更

terra — Fri, 24 Jul 2009 08:20:39 +0000

JavaScriptのサンプルコード見ていたら、よく見るタイプの画像表示変更のスクリプトがあったので、サクッといじってみる。

JavaScriptの入門とサンプル集：■マウスを重ねると画像が入れ替わる

作ったのはこちら！
簡単にできるもんですね。

画像はFlickrの自分のものを使用。
aタグのsrcを書き換えた程度です。

これを応用、というより複数の画像を旨くCSSで並べて構成すればちょっとしたフォトアルバムができま・・・
ん？これDBにファイル名入れ込んで、画像ファイルを特定ディレクトリにuploadしておけば…ゴニョゴニョ。

さてさて、JavaScriptいじり始めたばかりですが、これからどうやって学習を進めていくべきか悩むところ。
ライブラリを中心に進めるか、シンプルにサンプルを研究するか。

ベストは両方を組み合わせて進めることなんだろうけど、どうすれば短時間で学習できるだろうか？
まぁ、気長にやりますけどね。