昨日、麹町で行われた「一歩先行く！ ツール活用で制作効率アップ in TOKYO」にいってきました。
普段から、時間の足りないワタクシ。効率重視したいし、ツールも大好きです。
半休もらってでも行こう！と思ったら、優しい社長が、仕事としていっていいよとのありがたいお言葉。忙しく仕事をしている同僚たちに大変申し訳ないと思いながらも、参加してきました。
保育園のお迎えの関係上、参加できたのはたにぐちさんのセッションまでですが、十分すぎるほどいろいろなインプットができました。
このセミナーのツイートに関しては http://togetter.com/li/371765 でトゥギャりましたので、そちらもご確認ください。
とても長いので、校正途中。
早いほうがいいと思ったので無理矢理公開という荒技ごめん。
間違い見つけたらこっそり教えてね。
先日Facebookで回ってきた「今日からデキる習慣化の法則」という写真をシェアしましたが、それだけじゃ何も変わらないのでとりあえず実行！
で、毎月小さな目標たててみよう。と急に思いついた。
毎月それについて、成果と反省して記事にしてみようと思います。
HTML+CSSコーディング ベストプラクティス 高速かつ堅牢なコードを効率よく書くために
前回、月末までに某技術書を読むと宣言したんですが、その本は10日では読み切れないと判断しこちらにしました。
家には読んでない技術書が盛りだくさんなので、まだまだ読まなきゃならない本がたくさんあるのですが、自分の仕事に一番近い本を選んでみました。
4月に行われたLP9の再演ということですが、内容も少し違うようですし、
なにより、コーディングコンテストの解説が聞きたかったので、参加を決めました。
今回のお供は、「iPad」ちゃん。結局電源やら何やらで重くなりましたが、
MacBookよりは軽くて、肩が痛くなるようなことはなかったです。
しかし、もっとわんさかいるかなーと思っていたのに、ほとんどいませんでしたね、iPad保持者。
ノートを持ってきている人も少ない感じで、TLも前回より静かだったと思います。
前回のものに少しプラスされたものがほとんどでしたが、
前回はなかった基礎編もありました。
それでも、一度聞いた内容が多かったので、私としては理解度は高かったと思います。
そして、ずっと使ってみたかったCSS3を、ほんのちょっとですが昨日実務でも使ってみました。
ああ、なんてすばらしい！！！
角丸に使ったのですが、簡単すぎて涙が出ましたw。
早く某黒幕さんのように、がしがし使いたいなーと思いましたです。
最後のコーディングコンテストの解説のセッションで@kotarok大先生から、
マークアップエンジニアのこれから的なお話がありました。
これを聞けて、ホント行ってよかったと思いました。
コーダーは、マークアップエンジニアと名を変え、最近ではフロントエンドエンジニアという名称にもなってきています。名称の変更と共に、作業内容も高度な技術を必要とし、責任ある立場へと向上していっているように思います。
遅すぎるかもしれませんが、私もこの先の方向性について悩んでいるところでした。
若くもなく、徹夜作業が続くようなことは体力的にきついし、家族もいるのでそうムリはできません。だからといって、このままでいるのもイヤだし、前へ進みたいと思いつつ、何もできていない自分に腹が立ってもいました。
このセッションを聞いて、自分の進みたい方向がちゃんと見えたような気がします。それに進むためには、またハードルが高いんだけどw。
イケメン@5509とつるみつつ、これが本編とばかりにたくさんお話しさせてもらいました。
前回と違って人数も少なく、場所もお座敷1カ所だったのと、途中席替えがあったりしたので、
大御所も含め、名刺交換をさせていただいたり、MT vs a-blog CMS 的な
お話に混ぜていただいたりして、楽しい時を過ごしました。
その後2次会では、前回大失言を浴びせてしまった益子さんと@5509と20年後の自分をテーマに？熱く語りましたw。
ちょっと早めに店をあとにしましたが、本当に楽しかった。
セミナー、勉強会に参加するのはもちろん、こうやっていろいろな人と話すのってすごく刺激になりますね。
実は前日まで、精神的に少しまいっていたことがあったのですが、若いパワーをたくさん吸収して元気になりました！
5年後、10年後、20年後。自分がどうなりたいか、どうしていたいのかを考えることはとても大事ですね。一番下が成人するまで18年。これは最低でも元気でいたい年月です。
前述のこれからの自分がなりたいものも含め、母としてどうやって生きていきたいかその辺も考えてみたいなぁと思います。
先週の土曜日、CSSNite LP9へ行ってきました。
すごくすごく楽しみにしていたのに、前日夜にチビが熱を出し、かなりどきどきで迎えた土曜日でした。
この日のつぶやきは
twilog
とか
ちゃんと、ちゃちゃっと。
を見て頂くとして、印象に残った部分の感想をつらつらと。
マークアップエンジニアの名付け親である森田さんの基調講演。
こちらでスライドを確認できるようにしてくださっています。
荷物が片付かないうちに始まってしまって、最初の方は聞き逃したのですが
「マークアップエンジニアの職能」というお話がありました。
詳細はスライドを見て頂ければと思うのですが、これ見て、私はマークアップエンジニアを
名乗っていてもいいのかなぁと思ってしまいました。
これらを完璧にこなすことはできないかもしれない。
でも、できるようになりたいと思いました。いくつになっても日々勉強ですな。
XHTML&CSS超高速コーディング術
実際にこの手法を見てみたかったので、1番楽しみにしていました！
印象的だったのは、クセのように記述されるIE対策と思われるCSS。
floatしたら、かならずdisplay: inline; というような感じです。
本にも書かれていたとおり、手戻りを最小限にするために、工夫されているんだなぁと
思いました。
モジュールはまとめて1枚のpngに作ってしまうのも斬新と思いました。
モジュールをまとめたテンプレートページはよく作りますが、デザインを
まとめてしまうということはしたことがなかったので、驚きでした。
しかし、疑問。
psdのデータをレイヤー情報なしにpngにしてしまってスライスするとなると
透過したいとか、重なりがある部分とかそういうのはどうしているんだろう。
そういうのは別途作成しているのかな。
その辺お伺いしたかったんだけど、エレベーター前でご挨拶しただけで
懇親会ではお話できず残念。もし、これ読んだら教えてくださいw
超イケメンの登場！
はい、目の保養させてもらいましたw
普段使っている47都道府県のセレクトメニューありますよね。
あれって、スクロールし過ぎちゃったり、九州とか下の方に表示される方には
面倒！って思われる方多いと思うのです。
アレをぱっと見開きで作っちゃたのがこれです。
jQueryが担う分野はクロスブラウザ対策。
ユーザーのことを考え、かつ制作者にも優しいとお話されていました。
こんなことやりたいんだけどどうすればいいんだろう？と困っていると
やさしく相談に乗ってくれる、ステキなお兄ちゃん。
まだまだな私ですけど、もっと勉強してjQueryってこんなにおもしろいんだよ！と
紹介できるようになりたいなぁ。
ハムさん登場！
私もおそろいのTシャツ着ていました。
実例を挙げての紹介。何がよかったって、普通なら隠しておきたい
失敗も紹介するという大物っぷり。
ををーこれすげー！と思っても、実際にはこんな理由でボツになりましたという話が、
実務的でいいなぁと思いました。
実装前に決めておくこと：動作、jsオフの時、対象ブラウザ、操作する部分をどこに記述するのか
こういうこと大事。
こういうことが決まらずに要望だけが一人歩き的な制作をしたことありますが
本当に大変でした。
技術はいろいろあるけれど、ちょっとした気遣い、優しさ。誰が使うのか考えて
実装を検討するというお話が、ハムさんの人柄を現していたような気がします。
またもイケメン登場。
通常、私はデザインをもらって、コーディングするだけですから
パフォーマンスを考えてどうのこうのなんていわれたことがありません。
制作方法もほとんど自己流です。
昔、光通信なんてなくて、ぴーひょろろーな時代には
大きな画像は読み込みに時間がかかるから、とにかく小さく小さくと
切り刻んだものでした。
その頃からくらべたら、最近は格段に速くなっています。
でもだからこそ、数秒の読み込みの遅さが気になるんだろうなと思います。
マシンの性能だけでなく、ブラウザによっても読み込み速度が違いますが
それをクリアするためにいろいろ工夫をしているというお話でした。
衝撃的だったのは「パフォーマンスを考え、コスト意識を説明して
デザインを変えるという案もある」いうこと。
私のような外注末端の状況でそれをやるのはほぼムリだけど、
デザイン絶対じゃないところに驚きを覚えました。
先月の銀座でも思ったのですが、もうおもしろいったらない。
デモを手元で見ることができるので、より理解が深まりました。
@Takazudoさんのスライド
@sigwygさんのスライド
今回時間がなくて完成できなかったコーディングコンテストですが、
このスライドを見ていて、あの部分にこれを、あっちにはアレを
などと想像がふくらみました。
ここでも「でしゃばりすぎない」という言葉が出ました。
できるようになることはたくさん増えるし、簡素化されるけど
どこまでそれをやるのか、そしてそれをどの役割の人がやるのかなど
考えさせられました。
まさにノリ突っ込み感じでテンポよく進められていました。
実際、ソース表示の部分などもよく見えたし、分かりやすかったと思います。
実際にあり得そうなシチュエーションのxhtmlからHTML5への移行を
デモしてくださいました。
いっぱい書いてあるものをばっさり消していくのは、気持ちがよかったです。
事前にもっとよく資料を見ておけばもっと楽しめたと思いました。
目をキラキラさせて、ものすごく楽しそうにお話をされている姿は、
まるで少年のようだと思いました。
私にはまだまだ難しいレベルのお話でしたが、HTML5の
可能性をたくさん教えて頂けました。
HTML5のAPIはJavascriptが必須だとのこと。
これからもこの業界にいるなら、もっともっとがんばらなくては。
こんな機会に名刺を無くすという大バカもの。
家に帰ったら持って行くのを忘れただけでした。
ご心配頂いたみなさま、ごめんなさい。
絶対これだけは忘れちゃいけないと思っていたのに、おっちょこちょいの助です。
ちょいの助のくせに、オバチャンパワーで、図々しくもたくさんの方と
お話しさせていただき、名刺もたくさんちょうだいしました。
ありがとうございます。
自己紹介リストの2番のやる気満々のオバチャンです。
本当はもっと行動的に他の階にも行きたかったのですが、何せ名刺がないので
お伺いするのも恥ずかしく、ずっと3階にいました。
久しぶりにあえたお友達もいて、ほんとよかった。
もっともっと時間があったら、名刺も忘れなかったらよかったのに。
オバチャンというのは、あちらは自分のことなんか全く知らない有名人でも
こちらはなんだかよく知っているという気になってしまうのですね。
お酒も入って、テンション高く、そんな失敗をしてしまい、アレはすごかったと
@cremaちゃんをはじめ、周りの方々にひかれてしました。
@cremaちゃんもごめんなさい。
益子さん、ごめんなさい。この場で失礼をお詫びします。
初めて言葉を交わしたのに、挨拶もせず、カニがないだの、
あれこれ文句つけて申し訳ありませんでした。
帰り際に、鷹野さんにiPadさわらせて頂きました。
これまたちゃんとお話しするのは初めてだったのに、きちんと
ご挨拶もせずに申し訳ありませんでした。
iPad、すごく欲しくなりました！
ここからはまた別の集まりなんですが、この日の出演者@5509 @h2ham を含めた
数人である勉強会のコミュがあって、おそれながらそこに入れて頂いています。
おそろいのTシャツもこのメンバーで作ったものです。
せっかくなので、懇親会終了直前に抜けて、お店を変えておしゃべりしてきました。
ホントに楽しくて、時間が足りませんでした。
みんなありがとー！！！
今のキャリアであと10才若くて、子どももいなければなーと思うこともあります。
でも私は私。今の自分を受け入れ、努力するしかありません。
たまにしかこういう集まりに行けなくて、行くとうれしくてテンションあがってしまいます。
図々しいオバチャンです。ご迷惑をかけることもあるかもしれません。
ごめんなさいです。
あきらめたらそこで終わり。忙しくたって、時間は自分で作るもの。
固まってきた頭なので時間はかかるけれど、前に進むことをおそれず、忘れずに
夢を追いかけていきたいなと思った1日でした。
久しぶりに積ん読ではなく読破しました。
この本が出ると知ったのはTwitterでした。
Amazonさんで本を買っても、ああやっぱりいらなかったなと思うことがあるので、
立ち読みしてからと思ってそう発言したら、中の人から「買えやwww」と
RTされてしまった本なのです。
発売日だったか翌日かに本屋で立ち読みしました。
技術的な面については、不要かなと思い買うのをやめようかと思いましたが、
前半の管理面については、立ち読みではなくじっくり読んでみたいと感じましたので
購入しました。
私は、個人事業主で在宅ですから、マークアップなどの作業を複数で
行うという作業はあまりありません。
ですから、この本に書かれているような綿密な管理は必要ないのかもしれませんが
役に立つことも多かったです。
一人でやっていると、自分ががんばればいいや的なことになりがちですし、
私ルールみたいなものができあがってしまうのですが、普段やっていることが
この本に書かれていることと同じこと、似ていることも多く、なんか安心しました。
ルールとして、マニュアルとして決めてしまうということは
最初は面倒かもしれませんが、あとあと楽になることが多いようです。
ひとつだけ言わせてもらうとすれば、書面だけでは
背景画像とロールオーバーの画像に違いなどが一瞬分かりにくいという点かな。
（ええ、私ちょっと目が悪いんですよ）
これは、サンプルデータを落としてみればスッキリ解決するんですけどね♪
一度、実際にデータをbmpにして、スライスするところから見てみたい。
東京でも実演してくれないかなぁ。
気がつけば前のエントリから2ヶ月以上もたってるよ。
8/5のPower CMS for MTの勉強会に行ったことを書こうと思っていたのに
さすがにこれだけあいちゃうとね〜。^^;
マジ、便利です。ちょっと使い方がわからないことがあったりするけど、使わないでMTサイトを構築していると、Power CMSならこんな面倒な条件分岐とかしなくてすむのに...と思います。
さてさて、CSSとHTMLしか書けない人が話題になっていたりしました。
私はまさにそんな人。
最近はこれじゃイカンとPHPに手を出したり、jQueryに手を出したりしていますが、
頭が固くてなかなか身につかない。
10年前だったらもう少し頭が柔らかかったのにとかつぶやいてみても、後の祭りだし。
昨日、カアサンズの作戦会議と称してRIKさんとランチオフをしてきました。
そして今日、古い記事だけど「マークアップエンジニアが次に取り組むべき5つのテーマ。」
を読みました。
昨日話をしたこと、今日読んだもので、なんかもやもやしていたものが晴れてきた感じがしました。
Web関係のお友達の多くは「お客さんが喜ぶ」ことが最大の喜びというか、仕事の意味みたいなという方が結構います。
でも私はあんまりそういうことないんですよね〜。
ユーザーさんと直接やりとりすることはないし、たいていは下請けなので、
間の制作会社さんに喜んでもらうことはあるし、うれしいんですけど、
結局自己完結というか。自分がやったことがちゃんとできると、自分がうれしいんですね。
つまり誰かのために仕事をするというよりは、自分のために仕事をする。
自分が楽しいから、仕事をしているんですな、きっと。
（もちろん生活のためでもありますけど）
私はコーディングが大好きです。
書いているときは楽しくてたまらないことがほとんどです。
私は大好きなことをもっと続けていきたいし、もっとおもしろいことが
できるようになりたい。
プログラマーになろうとは思っていないけど、マークアップエンジニアとして
もう少し上に行ってみたい。
そして、デザイナーさんとプログラマーさんの
橋渡しができるような、マークアッパーになれたらいいなと思っています。
さーて、そのためには勉強勉強。
あけましておめでとうございます。
みなさま、本年もどうぞよろしくお願いいたします。
昨年は、仕事量が減ったにもかかわらず勉強量は増えず、だらだらしてしまったような気がします。
今年はそのような無駄な時間の使い方はしないようにしたいと思います。
今年のお仕事の目標としては
カアサンズをちゃんと始動させて、活動をしていきたい
昨年、ドメインをとったのですが結局サイトは完成せずにロゴだけで終わってしまいました。
住むところが違う3人ですが、方法はいろいろあるのでミーティングをして進めていきたいなぁと思っています。
アウトプットをしよう
ブログ放置しすぎです。
思いついたときにすぐ書けばいいんだけど、後でと思って忘れてしまう。
下書きでもいいかどんどん書こう。
コーディングを極めたい
大好きで専門職にもしたコーディング。
もっともっとたくさんの実績を積んで、絶対の自信を身につけたい。
できれば仕事の範囲を広げたい
コーディングを極めたいと書いた後に書くのもなんだけど、コーディングだけは
この先危ういと思っていたりする。基礎の基礎だけで止まったままのPHPやJavaScript。
こういった分野にももう少し自信をつけられるようにしたい。
とりあえずこんな感じでしょうか。
mixiにはなんてかいたっけ？
もちろん、カアチャン業もがんばるよ。
肝っ玉カアチャンになるのだ。