先週、32歳になりました。
以前努めていた株式会社ペンシル（敬意を込めて社名を出させて頂きます）を退社して14ヶ月が経ちました。早いですね〜。

生まれ育った熊本で、大学を3回留年したり、卒業後も職を転々としながら「人に何かを伝える仕事がしたい。」と、WEB系への就職活動をしていたのが5年前（当時27歳でした）。
そのころは、独学レベルでHTMLコーディングができる程度でした。そのときにコーダーとして、ペンシルに拾われていたからこそ現在がある・・と感謝しまくりの毎日です。一度も足を向けて寝ていないです。

ペンシルでは、マークアップエンジニア（HTML+CSS専門のエンジニア）として3年半勤務させて頂きました。

80名近くいる社内で、ただ１人のマークアップエンジニアとして、「知らない、分からない、出来ません」では許されない環境で3年半、とにかくコードを書きまくり、「楽で綺麗な書き方」を独学で学んでいたような気がします。

ペンシル時代の事は、思い出が多すぎて長くなりますので、書きません。

・・で、近況ですね。

32歳になりました。独身です。
「grooweb」という屋号で独立し、14ヶ月が経ちます。

しょっぱなから、わりと『順調に』いっている方だと思います。

マークアップエンジニアとして独立したものの、ウェブプランナーとか、ウェブデザイナーとして、包括的にご依頼いただく事も多いです。

もちろんコーダー／マークアップエンジニアとしてピンポイント的にご依頼頂く事も多いです。嬉しい限りです。
本当に サト研をはじめ周りの皆様に助けられていると思います。

自分が受けた案件は、必ず自分がコーディングするという方針で、今のところはやっています。

また、職業訓練校にてHTML+CSSの講師もやっています。WEB未経験の求職者に対し「セマンティックな文書構造」や「マークアップ品質の重要性」を教えるという、エッジの効き過ぎたとも言える講習をやっています。

自分の事務所は構えていませんが、リスペクトするウェブデザイナーの一人、Frasco吉田さんの事務所で間借りをさせて頂いています。赤坂です。

そんな昨今、以前は分からなかった
『仕事への原動力』
というものが何かが、はっきりしてきました。
それは・・

「デザイナーへの 尊敬と憧れと、嫉妬」

なのかなと。

マークアップエンジニアとして、多くのデザイナーさんのデザインデータを預かって業務をする事がほとんどなのですが、どのデザイナーさんも、デザインが素晴らしい！（当たり前なんですけどね‥）

自分もデザインを担当する事がある以上、努力はしていますが、やはりデザイナーさんが創ったもののクオリティは別格・・。毎度、嫉妬してしまいます。

しかし、自分の使命は、その素晴らしいデザインを正確かつインタラクティブにWEBコンテンツとして実装することなのです。
憧れるばかりではなく、マークアップエンジニアとして、プライドをもって業務を行っています。

独立当初は「依頼してくれた100人のデザイナーのうち100人が安心するマークアップ」が目標だったのですが、
最近は「依頼してくれた100人のデザイナーのうち100人に憧れられるマークアップ」を目標としています。

自分が「このデザイン、かっこいいな〜！」と思ったサイトをコーディングし、
それを作ったデザイナーから「このコーディング、かっこいいな〜！」と思われることが目標です。

さて、そんな目標をもったgroowebですが、独立前後の経験や原点回帰をふまえて、コーディング・パッケージプランを考えています。

2012月1月くらいから稼働します。

価格は安くはないですが、利用しやすいパッケージです。

その名も「ダイク」です。

「マークアップエンジニアはWEB業界の大工だ」という考えが由来です。
参考）当ブログで最もアクセスの多い、３年前の記事
http://blog.grooweb.jp/webing/169

詳細は、稼働し始めてからの告知になると思います。

久しぶりに長めのブログを書きました。
次に書くのははいつでしょうかね。
「還暦を迎えました」というタイトルにならない事を願うばかりです。

もう、各方面の方にお話しておりますのでだいぶ広まっているかと思うのですが、それまで３年半勤務していた会社を８月末で退職し、９月からフリーランスのウェブデザイナー／マークアップエンジニアとして頑張っております。屋号は「ｇｒｏｏｗｅｂ（グルーウェブ）」です。ブログのまんまです。

独立前までは「最初のうちはヒマだろうから、熊本や福岡の制作会社さんとかにご挨拶まわりしよう！」と計画しておったのですが、
どっこい。WEBデザイナーさんからマークアップ業務やCMS構築のご依頼をいただいたり、８月で退職した会社から運用業務を引続き担当する話をいただいたりで、ご挨拶まわりできないほど充実した日々を過ごす事ができています。

それは何より、周囲の方々の支えのおかげに他なりません。本当に「人と人の縁とか繋がり」って生きていく上で大切だなあと実感しています。特に福岡でWEB関連の仕事をする人たちが情報交換や勉強、時には人生相談を行う「サト研」の存在はとても大きいと思います。

また来年１月から動き出す、とある新サービスのWEBサイト構築をコンペで受注し、WEBプロデューサーディレクター兼マークアップエンジニアという立場で制作を進めています。
詳しい事は書けませんが、クライアント様は「うまくいけばその業界の仕組みを変えれるかも」と使命感に燃えていらっしゃいます。頼れるデザイナーとシステムエンジニアに協力して頂きながら進行している、とても面白い案件です。

１月からはその開発も落ち着き暇になると思いますので、どうぞお仕事ご依頼ください！！！

３ヶ月ぶりのブログなのでこの間の出来事をまとめ書き！

９月中旬、南小国のキャンプ場「ごんべえ村」に宿泊

ごんべえ村はキャンプ場なのですがその一角に農家の古民家をリフォームしたお宿があるのです。

軒先にはトウモロコシ。

温泉のあとは、もちろんバーベキュー！

阿蘇を見ながらのバンガローでの宿泊やキャンプができる　阿蘇吉原ごんべえ村

甥っ子が生まれました

ごんべえ村に泊まっている間に姉が男の子を出産し、晴れて「叔父さん」に出世しました。
両親にとっては初孫なので、そりゃもうデレデレです。

１０月上旬、MUSIC CITY TENJIN 2010 出演

僕がギターで参加するジャズロックバンド”COSSACK”です。８月の SAPPORO CITY JAZZ 出演に続いてのイベント出演。

手前のおじさんの頭が気になりますがw

３１歳になりました。

肝臓の機能低下を感じる今日この頃です。

海の中道海浜公園リレーマラソンで完走！

快晴の中、一斉にスタート！

やいぶさんからタスキをパスされた瞬間！

３時間２９分というタイムで完走！

@garyuten @daichan4649 @nippei @Yaive @takayukister @buntakenbunrock @3753net @usao @solakog19680614 @sense518
という素晴らしいメンバー！

UNDERBARで一日店長。名づけて”TAPAS BAR”

天神にあるシェアリングバー”UNDERBAR“にて１０月２４日と１１月２４日、店長をさせいていただきました。

日替わり店長がコンセプトをもって営業するスタイルのこのバー。
僕は”TAPAS BAR”としてスペイン風小皿料理を提供するスタイルでやってみました。

仕込みの風景。

僕はドリンクは作れないので、ヘルプをお願いした「屈強なバーテン」ことフジオカさん。
意気投合し、今後も２人で営業することに。

営業中はずっと満席で、ありがたいことに大忙し！（photo by @hitocorori）

タコマリネ。

ピンチート。

また１月も”TAPAS BAR”営業しますので、どうぞご来店ください！

そんな感じで、もう１２月ですね。
あっという間に２０１０年もおわってしまいそうですが、良い年越しができるよう頑張ります。

今後ともどうぞよろしくお願いいたします！

福岡県宗像市にある仏壇と仏具の専門店「城山仏壇」様のコーポレートサイトです。

２ヶ月ほど前に、「サト研」でお知り合いになった城山仏壇の社長さんからサイト制作のご依頼をいただき、デザイン・コーディング・ＣＭＳ開発と全般的に担当させていただきました。

http://shiroyamabutsudan.biz

これまでは、ＭＴを使って店舗ブログを活用されており、担当の方が既にＷＥＢのリテラシーが高い方でした。
そのため、カテゴリや記事の見せ方や、機能についていろいろとご意見をいただき、カスタムフィールドと条件分岐を多用した多機能ブログとなっています。

プラグインもかなり多く使いました。

今回の開発で、やりたい事がテンプレートタグの組み合わせとプラグインでスマートに実装できるWORDPRESSの素晴らしさを改めて体感しました。開発団体の方々には本当に頭が下がります！

どんどん活用していただき、豊富なコンテンツで多くの人に役立つサイトにしていただけると、開発した私としても嬉しいです！

皆様、仏壇仏具のご相談は、城山仏壇まで！

今年の１月にご依頼をいただき、２月〜３月の土日を使って制作していたサイトが４月１日にオープンしました。

熊本の造園業 アース・グリーン様のコーポレートサイトです。

企画・ライティング・デザイン・コーディング・ワードプレス実装を担当しました。

ターゲットユーザーの年齢層は４０〜６０代と思われるので、判りやすい導線と、シンプルなコンテンツを心がけました。
目的はコンバージョンよりも、どちらかというと企業イメージアップです。

専門分野ではないデザインも担当したのですが、デザインを組みながら自然とインフォメーションアーキテクトとか、「どうHTMLを組むか」を意識するあたりで、自分がマークアップエンジニアであることを再認識できて面白かったです。
まー、そんなに複雑な構造ではないのですが。

ちなみに、企業ロゴも「この際だから」ということで新たに作成しました。
ロゴは、「一条 響」さんという書家の方にお願いしました。
躍動感のある筆文字がカッコイイですよね。

写真撮影も、熊本の広告関連で活躍する某プロカメラマンに依頼しました。
素晴らしい写真に、デザイン面で大変助けられました。

そして何より、土曜日しか打合せができない僕の都合にあわせて頂き、制作に関することは全面的に信頼してくださり、まだ浅いおつきあいにも関わらず かわいがっていただいたアースグリーンの山口社長に心から感謝しています。

撮影中のひとコマ。山口社長と僕。

マロさんは僕の義理のいとこであり、以前飲みながら「マロさんのサイト、僕に作らせてくださいよ〜」と持ちかけたのがキッカケでした。

僕はマークアップエンジニアであり、デザインの専門職ではないということも理解していただいた上で、制作は全面的に任せてくれました。

ステージ上での華やかでアグレッシブな姿と、敢えて対比するように落ち着いたデザインを意識しました。
SEOがどうだとか、FirstViewがどうだとか、細かいことは考えずに思い切り作りました。

また活動内容などをご自身で更新できるように、WordPressをCMS的に使用しています。
長い間続けていらっしゃるブログは、ファンの方がそれに慣れているという理由で、外部サービスを継続して使うことに。

僕自身もギター弾きであり、マロさんのようなセッションミュージシャンを目指していた時期もあります。
だからこそコンテンツ制作はとても楽しくできました。
また、デザイン制作から本格的に担当したのは初めてだったので、とても勉強になりました。

よかったら感想を聞かせてください！

「iPadの発売がもうすぐなのに、なぜ今ノートを？！」というごもっともなツッコミが飛んできそうですが、自宅で使用していたMacが「USBとFireWire端子が全滅っ！Yeah！」という痛い故障に見舞われたので、致し方なかったんです。

OSから再インストールしてもダメだったんで、たぶん基盤とかの故障でしょう。
USBではなくBluetooth通信のMagicMouseは使えるんですが、マウスだけ使えてもねー。
まあ、３年半使ったし、いいかー。

というわけで、セットアップ開始。

いろいろとインストールするものがあるのですが、セットアップの度に「何が必要なんだっけ？」と思い出しながら進めるのは面倒なので、これを機に「インストールするもの覚書き」を残しておこうと思います。

１）Finderを便利にしたいから

TotalFinder（フリー）

Finderのウインドウでタブが使えるようになります。便利です。
SnowLeopardでないと使えないみたい。アイコンがタモリさん風。
http://totalfinder.binaryage.com/

RCDefaultApp（フリー）

拡張子やファイル形式ごとに、アプリケーションとの関連づけができるようになります。たまに変なアプリが起動するのが嫌なので。
http://www.rubicode.com/Software/RCDefaultApp/

Show Hide Invisible files 1.6（フリー）

ファイル名がドットから始まる隠しファイルを見えるようにしてくれる。エンジニアには必須。アイコンが怖い。
http://www.macupdate.com/info.php/id/22318

Shupapan（フリー）

ファイル名の一括変更ができる。大量の写真ファイルを一気にリネームするときなどに便利。
http://sunsky3s.s41.xrea.com/shupapan/index.html

２）WEB開発で使うやつ

MAMP（フリー）

Mac+Apache+MySQL+PHPでMAMP。開発環境構築には必須。
http://www.mamp.info/en/index.html

JeditXとJChecker（有料）

長い付き合いになるエディタ。エディタって好みが分かれますよねー。慣れちゃってるからこれが一番です。
http://www.artman21.com/jp/jedit_x/

TextWrangler（フリー）

Macでマージができるエディタはないかと探している僕にTwitterで@Yaiveさんが教えてくれたエディタ。
http://www.barebones.com/products/TextWrangler/

Versions（有料）

Subversionクライアント。こちらも@Yaiveさんのお勧めにより導入。インターフェイスがすごく快適。Subversionの仕組みがわからない人でも使えそう。サイトがカッコイイ。
http://versionsapp.com/

Filezilla（フリー）

FTPはコレ。賛否両論あるけど、好きです。Macであることを忘れてしまいそうなインターフェイス。
http://filezilla-project.org/

Default folder X（有料）

ファイル保存時などのディレクトリ移動がショートカットで飛躍的に早くなる。
スライスしたり〜、HTML書いたり〜、CSS書いたり〜、共通ファイル修正したり〜、なコーダーにとっては超便利。@Garyutenさんが使っているのを見て「いいなー」と思って購入。
http://www.stclairsoft.com/DefaultFolderX/

VMWareFusion+Windows7

IE系ブラウザでの確認のためにしか起動しないですけどね。IETesterを入れてます。

Adobe CS4

高かった・・・でも仕事がら必須ですからねー

３）その他

OpenOffice（フリー）

オフィス系アプリケーション。無料で大助かり。
http://ja.openoffice.org/

LogicExpress

音楽作るやつです。仕事とは関係ないか。

TweetDeck

Twitterのタイムラインをどんどん表示。これのおかげでたまに仕事にならない。

Skype

社内の連絡に。
たまに中国人から英語で「鉛筆を輸入してくれ」と謎のメッセージがきます。

LittleSnapper（有料）

気になったサイトのスクリーンショットをとって、メモなどの書き込みもできる便利ソフト。保存数制限があるフリー版もあるので、試す価値あり！
@Garyutenさん、@Yaiveさんに教えてもらいました。
http://www.realmacsoftware.com/littlesnapper/

Dockはこんな感じになりました。
一番右の”Show Hide Invisible files”のアイコンが、やっぱり怖い。

「これ便利だよー」というオススメがあれば、教えてください！

その１人は、僕の友人の池見さん。
僕よりひとつ年下ですが、ウッドデッキ・ウッドフェンスの施工を中心に自営でお仕事をしている庭職人さん。
２年ほど前に、ひょんなキッカケで彼の仕事のホームページを僕が制作したことから友達になりました。

もう１人は、僕の父。５９歳。
１年ほど前まで、某ホームセンターの取締役をしながら、ガーデン関係の部署で設計施工の現場も兼任していた、こちらも庭職人。退任後は自営で庭関係の仕事をやってます。

職人としても、経営者としてもまだ若い池見さんは独立前は福岡で修行しており、熊本に同業者でいろいろと情報交換をできる知り合いがいない‥と話を以前から聞いていました。「それなら、うちの父を紹介しますよ」という流れになったのが発端です。

『息子以上に歳が離れた職人同士で、話はできるのか？』というじぜんの心配をよそに、
乾杯の直後から、職人同士で話はかなり盛り上がっていました。

池見さん。よか男です。

「木材はどこで仕入れているか？」
「熊本で良い桂砂は入らなくなった」
「○○造園の△△さんは知ってるか？」

など・・・（ワカラン）

年齢が離れているとはいえ、男はやっぱり仕事の話で盛り上がりますね。

図面を元に立体的に完成図を描く「パース図」というものがあります。
最近の設計士は3D-CADに頼って手書きでパースを描ける人が少ないそうです。
しかし、施主さんとの打合せの時にササッとパースが手書きできることは、若い職人からすれば羨ましいことなんだそうです。

父が描いたパース図

左からWEB職人、庭職人、庭職人。

「３０年間、庭の仕事をやっていても満足できる仕事は一回もない」

という父の言葉が印象的でした。
WEBエンジニア歴たかだか３年弱の自分が「工期が短くて、自分の理想のコーディングができないな〜」とウダウダ言っているのとは、重みが全然違う。

モノ造りに携わる人に、この「満足しない」精神は大事なんじゃないでしょうか。
職歴が何年になろうとも、どれだけ勉強しようとも。

2年半前に、WEB職人駆け出しの僕が独立したての池見さんの為に作ったサイト。
確実に池見さんのビジネスの力になっているようで、職人冥利に尽きるってもんです。

熊本でウッドデッキの設計施工を行う「きらく」ホームページ

僕の年越しは というと、２８日に勤めている会社の仕事納めがありましたが、その後、自宅で個人的に進めている案件で某サイト（というか某サービス？）のHTML+CSSコーディングを行いました。

年越しの瞬間も、ＩＥ６で表示チェックをしながら「イラッ」としていたとう‥
マークアップエンジニア冥利につきる、たいへん幸せな年越しでした。

元旦の昼過ぎに、父の故郷であり祖父の家がある球磨郡に高速バスで帰りました。
ここから「今年も肝臓の限界に挑戦！！」な３日間がでした。
だって、「球磨焼酎」で有名な球磨郡ですもの・・
僕のお気に入りの球磨焼酎は、ウッチャンナンチャンの内村さんの近い親戚だったか、お兄さんだったか‥が作られている「松の泉」です。香りも味も濃いめなのにスッキリとした米焼酎です。

４日の仕事始めの日から、会社での制作は結構忙しいです。

WordPressとtwitterを連動さたいという、ちょっと面白い案件もありますし、
「わけの分からない植物が生い茂った、危険なジャングルの中に、それぞれ構造が違うコテージを20件ほど建てる。」‥といった感じのコーディング業務もあります。

帰宅してからも、サイトの制作を進めています。
あるミュージシャンのプロモーションサイトです。
デザインは専門ではない僕ですが、コンテンツ企画やデザインからWordPress構築まで、無償で行っています。

会社での制作とは、また違った面白さがあって、楽しく作っています。

そんな感じで、今年も充実した１年になりそうな予感がしています。

HTML5やCSS3の動向はどうなるんでしょうか？！
経済や、Web業界の景気は？！
ガンブラー、どうなるんだよっ！！

そんなことも気にしつつ、
今年もどうぞよろしくおねがいいたします！

１年以上使っていた以前のテーマは、３カラムで記事枠が狭く、見にくかったですからね。
あと、じつはバグが結構あったりと・・

このデザインテーマはWOO THEMESがフリーで提供しているもの。
配色はPOPだけど、レイアウトがシンプルで、機能拡張が充実しているという事が気に入って選びました。

テーマファイルをダウンロードして、インストールして、自分なりにカスタマイズして・・あれこれやっても工数は３時間程度。そのオペレーションの簡単さがWordPressの魅力です。

あと、今後の展開も考慮してブログのドメインが変わっています。

http://grooweb.jp/
↓

http://blog.grooweb.jp/

ブックマークや、RSSリーダーなどの変更をお願いします！

いや、「日本一」というのは私見なのですが、決して大げさでは無いと思います。
少なくとも「日本一『かゆいところに手が届く』プロジェクト進捗管理システム」である事は確かです（これも私見ですが）。

開発をされたヌーラボさんとユーザーのちょっとした集まり（意見交換会？懇親会）に先日、お誘いいただいたので参加してきました。

とはいえ、僕は会社でガッツリ使っているわけではなく、以前とある案件で協力会社さん（CGFMさん）の勧めでいちユーザとして使わせていただいた程度。その「取っつきやすさと、かゆいところに〜感」にいたく感心し（そのときのブログ）、「上流工程→下流工程のあいだで伝達ロスが多い弊社こそ導入すべきだ！」と常日頃思っているわけであります。

ただね、弊社は組織が大きすぎて「稟議」ってものが大変で、なかなか導入できないんです・・

バックログの魅力は、割愛させていただくとして、今回のイベントに参加した感想＆覚書き！

• 「取っつきやすい」「１日で殆どの機能を覚えた」という感想をもったユーザーがやはり多い。
• 非ＩＴ系企業の導入実績もあるという。というか、ユーザビリティに優れているので非ＩＴでも全然いいのでは？
• ８月３日にシステム＆プロモーションサイトがリニューアルする。プロモーションサイトを見せて頂いたけど導線がすんごく良くなってた！
• アプリケーション版もできたとのこと。クライアントが大きい弊社で本格導入するとしたら、こっちになるのかなー。だけど、代表が「社内で作れ！」とか言いそうだな〜・・
• ヌーラボさんの「ユーザの声を吸収して開発に反映しよう」という姿勢に、勉強させられた。
• 初対面の方々とのブレインストーミングは面白い！

バックログについての集まりでありながら、懇親会も含め なんとなく「仕事のやりかた」を考えさせられた１日でした。

ブレストの風景。probo西嶋さんの指の怪我の原因が気になります。

各チームのブレストの発表。色んなアイデアが出るもんですねー。

自由な雰囲気でこそ、良いアイデアが生まれるんです！