Blog

クライアントさまの古民家で　Tweet

アルパの生演奏をBGMにしながら打ち合わせ中。

この古民家、100年の歴史があるそうです。
リフォームされているスペースも素敵です。

きっと良いウェブサイトになる、はず！

Web / Art | 2011.09.12 ( Monday ) 04:26 PM

Baby King Kitchen　Tweet

本日最後の打ち合わせ場所は、大人でもお子さまランチが食べれるお店Baby King Kitchen。

フルーツポンチ、何年ぶりかに食べ（飲み）ました。
敏腕プログラマーさんと組んで理想の仕様を実現する楽しさ。

いいものが作れそう。

そして、今日もPC＆wimaxのコンビは大活躍でした。

Web / Art | 2011.09.07 ( Wednesday ) 12:13 AM

金魚カフェ　Tweet

今日は朝ゴスペルで、お昼から家を大掃除して、夕方から代々木の金魚カフェでCoco-Factoryのミーティングでした。
金魚カフェ、メニュー豊富で雰囲気もナイスです。

カタログ作りをがんばるぞー！

Web / Art | 2011.09.06 ( Tuesday ) 10:41 PM

神田明神　Tweet

御茶ノ水から秋葉原の現場まで歩いて行く間、前回行けなかった神田神社に立ち寄りました。
由緒も一読。

台風が近づいているようですが、まだ曇り空です。

これからシリーズもののセミナー司会仕事最終回、頑張らねば。

Web / Art | 2011.09.01 ( Thursday ) 02:51 PM

18,19,20日まとめ　Tweet

■7月18日（月）

朝めずらしく7時過ぎに起きたら、ツイッター上が「なでしこジャパン優勝おめでとう」の嵐でした。

私は見ていなかったけれど、とてもいい試合だったようですね。
見ている人に感動を与えるスポーツって素敵です。

私も頑張るぞと、PCに向かい、デザインを始める。
ここ数日で一気にお仕事が動いており、大変忙しくなってきています。右脳、左脳フル回転。

結局、夜から予定していた生徒さんとの近況会＠渋谷まで、ご飯も食べず、ぶっ通しで作業をしていました。集中すると食が後回しになるのは悪い癖です。

19時。韓国料理屋でプルコギを食べながら生徒さんと「最近どう？」談義。
彼女の就職先が無事決まりますように！

■7月19日（火）

大型台風が近づいてきているとのことで早朝から横殴りの雨。
そして、びっくりするくらい色んなクライアントさんから電話（もしくはskype）がじゃんじゃんかかってきた日。
作業した時間より話した時間 の方が長いのでは・・・。

朝のゴスペルには行けず、ひたすら仕事の対応に追われる。

しんどかったけど、この日、一年越しで取りかかっていた案件を無事納品できて、一安心。
そして、ネットで注文していた新しい作業椅子が、届いた！ 

■7月20日（水）

台風は進路を変えて、関東東北には来なかったらしい。
時折強い雨がパラパラ降るお天気の中、恵比寿まで行く。

新しい仕事先へのご挨拶。
これから2か月ほど週2日、恵比寿でクリエイティブなお手伝いをすることになったのです。
とってもおしゃれなビルだったのでわくわくしました。
がんばらなくては＊

そのあと、NYから帰国しているシンガーさんとWEBのお友達と明大前で待ち合わせて久々の再会を喜びました。

そして、今日7月21日（木）台風一過、寒い。ひたすら仕事。
こうやって振り返ると、人に恵まれた数日だったなー。

さて、作業に戻ろう。

Private | 2011.07.21 ( Thursday ) 10:15 PM

流れを変える秘訣とシンクロ　Tweet

先日、停滞している流れを変えよう！と思い、仕事で使うPC周りを一新したり、家の大掃除＆模様替えをしました。

掃除に関しては、引っ越すつもりで「いるかもしれないもの」をどんどん捨てていく意気込み。

久保田涼子流、流れを良くする方法

・旅
・時々散財
・掃除

今までの経験から編み出したこの技は効果覿面なのです。
今回もどかどかっと、お仕事やプライベート連絡が一気に増えました。
自分の気持ちも一新されて上向きになるのでお勧めです。
ぜひ、お試しあれ。

古いパソコンをきれいに拭いて「今までありがとうございました。」とお礼を言っていると、お葬式風景を思い出してしまい不思議な気持ちに。
感謝の念は伝わっただろうか。
写真は押し入れにしまわれる前の旧PC。

さて、流れが変わったら不思議なもので自分の勘もシンクロ率もパワーアップします。
今日会ったのはアーティストの清水由紀子さん。
ホームページのリニューアルの打ち合わせだったのですが、途中から神社の話や屋久島の話などで盛り上がり、行きたい場所も同じで、人生の波や考え方、感じ方も似ていて面白かったです。
数回しか会っていないのに、震災時、思いがけずNYから連絡をくれたのも彼女でした。 

面白かったのが、ちょうど神社の話をしている最中に、妹から
「姉ちゃん、不思議発見！お父さんがカーナビの中に、家の近くにある謎の神社を発見した！今から二人でリサーチしてくる！」というメールが届いたこと。
こんな時間に親子で神社探検（笑）
すごいタイミングだなー。と笑ってしまいました。

自分の調子がいい時は、人とつながっているとき。
「あるときにふと思い出して連絡をとりたくなる人」で今後もあり続けたいなと思います。

Web / Art | 2011.07.15 ( Friday ) 10:09 PM

仕事の波と旧友たち　Tweet

ここ数日、現代アート作家さまのホームページ案件に取りかかっています。
その合間を縫ってのゴスペルクワイア＆web友とお茶や打ち合わせなど。
削れるものは睡眠時間。

先月は比較的まったりとした時間が流れていたのに、この差はなんなのだろうか。


フリーのお仕事って、波乗りと似ていると思うんです。
一波終わって、しばらく間があくと「もうこないんじゃないか、大丈夫だろうか。」と思いながらプカプカ浮いていて、次の波が見えた瞬間に「今だ！乗れー！次々来たー！乗れー！」みたいな。

今年は小さな波が複数というよりも、節目節目で大きな波がザパンとやってくるようです。

webの学生時代の旧友から定期的なお仕事を頂いたり、たまたま出会ったご縁のある方々からお仕事を頂いたり。

ご近所に住む旧友プログラマー君にコード書きを手伝ってもらった時に思ったのが、みんなで得意分野をシェアして助け合いながら仕事をしていくこのweb業界のシステムに私自身とても助けられているなと。

そして、技術力だけではなく人間力で案件につながるなら、現状に満足せず、もっと自分自身の中身を磨かないとな、と。

暑いけど、これからまたしばらく集中して頑張ります！

Web / Art | 2011.07.13 ( Wednesday ) 07:02 PM

消しゴムはんこ職人のお仕事　Tweet

ひょんなご縁から、消しゴムはんこ職人、津久井智子ちゃんのウェブサイトリニューアルを請け負うことになりました。

今日はその打ち合わせ。

雑貨とあまりご縁がない私にとって、消しゴムはんこという存在自体「どんなものなんだー。」という感じでしたが、なるほど。カッターで消しゴムを削って作るはんこ！こりゃすごい。

智子ちゃんが出版した本も拝見しました。
かわいいイラストが沢山で、スタンプの色もきれいです。

彼女の存在自体もふんわりしていて自然体なので、「らしさ」が出るウェブサイトになるように、これからデザインを頑張ろうと思います！

打ち合わせ後、お手製ゴーヤチャンプルー焼きうどんまで頂いて、ほくほく顔で帰路につく私でした。

Web / Art | 2011.07.07 ( Thursday ) 10:48 PM

wordpress条件分岐 覚書　Tweet

引き続きwordpressネタです。今回は、条件分岐について。
基本的な条件分岐はいろいろなサイトにのっているので、ここには私がお友達プログラマーさんに「調べてもわかんない、助けてー！」と聞いたら返ってきた便利な条件分岐のみ書きます。

※注：プログラマーさんいわく「実はあまり好ましくない書き方かもしれない」と言っておりました。
そのため、もっといい書き方があるかもしれませんが、MTからCMSに入った私にはとてもわかりやすかったので紹介します。 

◆MTのset var のように、WPでサイトごとに条件分岐をして表示させるものを変えたい場合

（例）グローバルナビゲーションの現在地表示（class="current"）を条件分岐で表示

====================

・使うコード

<?php if(ereg('サイトのURLの一部←URLの中に入っている文字列をみて分岐している。', get_site_url())) { ?>条件分岐した際に表示させるテキスト<?php } ?>

====================

【事例】 http://example.com/news/のページで現在地表示させたい場合。

<ul>
<li><a href="/news/"<?php if(ereg('news', get_site_url())) { ?> class="current"<?php } ?>>ニュース</a></li>
</ul>

↓グローバルナビゲーションをheader.phpに記載する場合↓

<ul>
<li><a href="/">ホーム</a></li>
<li><a href="/news/"<?php if(ereg('news', get_site_url())) { ?> class="current"<?php } ?>>ニュース</a></li>
<li><a href="/about/"<?php if(ereg('about', get_site_url())) { ?> class="current"<?php } ?>>会社概要</a></li>
<li><a href="/faq/"<?php if(ereg('faq', get_site_url())) { ?> class="current"<?php } ?>>よくあるご質問</a></li>
<li><a href="/contact/"<?php if(ereg('contact', get_site_url())) { ?> class="current"<?php } ?>><span>お問い合わせ</span></a></li>
</ul>

とすれば、楽に条件分岐ができます。

=============

「●●の場合」という他に、「●●以外の場合」、や、「●●と●●の場合」、という書き方も出来ます。

1.●●の場合

<?php if(ereg('サイトのURLの一部', get_site_url())) { ?>条件分岐した際に表示させるテキスト<?php } ?>

2.●●以外の場合

<?php if(!ereg('サイトのURLの一部', get_site_url())) { ?>条件分岐した際に表示させるテキスト<?php } ?>

※eregの前に「!」が付くと「以外」になるそうです。

3.●●と●●の場合

<?php if(ereg('サイトのURLの一部その1', get_site_url()) || ereg('サイトのURLの一部その2', get_site_url())) { ?>条件分岐した際に表示させるテキスト<?php } ?>

※ || を入れると、＆の意味になるみたいです。

●●と●●と●●との場合だと↓

<?php if(ereg('サイトのURLの一部その1', get_site_url()) || ereg('サイトのURLの一部その2', get_site_url()) || ereg('サイトのURLの一部その3', get_site_url())) { ?>条件分岐した際に表示させるテキスト<?php } ?>

=============

このコードの欠点は、URLに入っている文字列を見てから分岐しているので、例えば

http://examplenews.com/

というサイトでnewsという文字列で分岐しても、ドメイン名にnewsが入っているため他のページにもその条件分岐が適応されてしまうこと。

でも、今のところ、個人的には問題なく使用できています。

Web / Art | 2011.05.30 ( Monday ) 05:21 PM

久しぶりにPCから更新。wordpress初心者日記　Tweet

半月くらい、がつがつコードを書いていた巨大wordpress案件が先ほど山を越えました。

いつも新しいシステムや言語を覚えなければいけないときは、「習うより慣れろ」の信念の元、とにかく書いて書いて書きまくっているのですが（時々プログラマーのお友達の助け舟有り）wp案件4件目にしてやっと自分らしいコードが書けるようになってきました。

自分のブログでは、今までプライベートなことしか書いていなかったけど、
たまにはWEB関連のことを書いてもいいじゃない！
ということで、wp初心者なりに覚書を書いておきます。
私みたいに、分からないことはgoogle先生で調べる！というユーザーさんの手助けになりますように。

＜wpを企業サイトなどで使うときに便利だったプラグイン一覧＞

Breadcrumb NavXT
自動的にパンクズ作成をしてくれるプラグイン 

Category Order
カテゴリーの順序を変えるプラグイン 

Contact Form 7
お問い合わせフォームを作るプラグイン 

Custom Field Gui Utility
カスタムフィールド拡張プラグイン（これを読み込んで吐き出したHTMLを他のサイトにswitch_to_blogで表示させたいときにはそのサイトにも同じプラグインを読み込まないと表示されないので注意）

jQuery Colorbox
Lightboxのように画像を浮き上がらせるプラグイン（使用したらページのソースにかなりjsが書かれるのが個人的に少し不服。）

Ktai Entry
携帯から記事を投稿するときのプラグイン。画像も数枚添付可能。 

Resize At Upload Plus
ユーザーさんが大きなサイズの画像を上げてしまっても、このプラグインを入れていれば自動的に画像を任意の最大値の数値に縮小してくれます。 

Viper's Video Quicktags
本文にYoutubeなどを簡単に入れることが出来るプラグイン 

WP-PageNavi
ページナビゲーションを作ってくれるプラグイン 

TinyMCE Advanced
ご存知ビジュアルエディタ。カスタマイズも可能。読み込むCSSも変えたり出来ます。
HTML5をエディター内に書いても大丈夫！というチェックがありますが、挙動がいまいち。 

Tweetable
記事を投稿したら、自動的にTwitterに投稿してくれるプラグイン。 Ktai Entryとの連動も可。

WordPress Head Cleaner
プラグインを入れたら自動的に書かれるhead内のソースキレイにお掃除してくれるプラグイン 

Registered Users Only
一部のサイトを閲覧者制限かけたいとき。wpじゃhtaccess使えないジャン！とあせって探したらこんな便利なものがありました。

＜wp構築時に参考にしたサイトや本＞

【サイト】

Wordpress オリジナルテーマの作り方 3.0+ 
まず、このサイトを見てwpの仕組みとはなんぞやを学びました。

WordPressをカスタマイズするなら絶対覚えておきたいテンプレートファイルの使い方
wpの条件分岐などわかりやすい記事たくさん

WordPress カスタマイズ一覧
マルチサイトの方法をこのサイトを見ながら行いました。「特権管理者」が出ない！と一時かなり慌てふためきましたが、wpのバージョンが変わって、今は「サイト」って表記になっています。

wordpressでトップページを固定ページに設定して新着記事も表示する
MTにない概念だったので、かなり目からうろこでした。

WordPressの勉強-08「ネットワーク化した各ブログの情報を取得」
マルチサイト化した後に、他のサイトの情報を引っ張ってくる方法

Wordpress　子テーマ
親テーマを元にして、同じファイルがあれば上書く子テーマの作り方。

WordPress 逆引きタグリファレンス 
分かりやすいです。

【本】

wordpress3 サイト構築スタイルブック
参考サイトだけではよく分からなかったので、事例を元にしたこの本で勉強してみました。

=====================

私がwpに慣れていったフローですが、

初級：wpを使ってまずはブログを作ってみよう！×1回
中級：wpを使ってマルチサイト化した小規模サイトを作ってみよう　×2回
上級：wpを使ってマルチサイト化した大規模サイトを作ってみよう←いまここ

と、自分で課題を作り、こなしていくうちに慣れました。
わからなければとにかくgoogle検索をしてフォーラムなどから答えを得る！
他にも、あれ注意しといた方がいいよ。とか、これ便利だよ！とか沢山あるのですが、今日はこの辺で。

WEBのことがなにも分からない方、アーティスト・旅人の涼子ブログを楽しみしている方、今回は、技術者ブログでゴメンナサイ！

Web / Art | 2011.05.30 ( Monday ) 12:54 AM