先週土曜日と日曜日は、社員研修でニセコに行ってきました。終始荒れ模様の天気でしたが、逆境を乗り越えてこその楽しみを味わえました。

写真で振り返ります。

弊社事務所で、クロッキー会を開催することになりました。お互いをモデルとするスタイルで、一緒に描いてくれる方を募集します、詳しくは以下をご参照ください。

日程

2月28日土曜日18:30~20:40
※10分前に来てください。
※お腹が空くと思うのでご飯は済ませて来てください。

費用

特にないけど差し入れは大喜び!

募集人数

3人
※多くなったら抽選するかも知れません。

講師

特になし(李が分かる範囲で少し説明)

締切

2月20日金曜日23:00まで

準備するもの

• 4Bのえんぴつ
• A3スケッチブック
• 消しゴム
• 各自の飲み物など

内容

人物のクロッキーです。
皆さんが15分ずつお互いにモデルになります。

※ヌードではありません。

詳細はできれば皆さんが調べて来てください。
「人物　クロッキー」または「クロッキー」で検索!

スケジュール

• 18:30~18:40:説明、モデル順序決め
• 18:45~19:00:1人目モデル書き
• 19:05~19:20:2人目モデル書き
• 19:25~19:40:3人目モデル書き
• 19:45~20:00:4人目モデル書き
• 20:05~20:20:5人目モデル書き
• 20:25~20:40:発表会

その後飲みに行くかどうかはご自由ですー。

お申し込み

お問い合わせフォームをご利用ください。
「お問い合わせ内容」に「クロッキー」、連絡先のメール、電話番号を記入して送ってください。

※募集人数が多くなったら抽選するかも知れません。
※決まった後のドタキャン禁止!

前回のあらすじ

コーディングハンズオン勉強会の抽選に応募して、なんやかんやで参加権獲得。

北の国からコーディング　冬

運良く参加が決まった勉強会、当日は猛吹雪だったわけで。やっとのことで会場の入り口にたどり着き、ふと顔を上げると、よく見知った女性が背筋をピシィッ！と伸ばして立っていました。これほど世界が狭いと思ったことはありません。結局、私を除いた参加者4名のうち、知っている方が2名、初めてお会いする方が2名という状況でした。講師の大杉さんには初めてお会いしましたが、噂どおりの凄い方でした。風貌は見事で、第一印象は「武士」だなと思いました。スペシャルゲストとして大藤さん、スペシャルサポーターにはハムさんという強力な布陣。向かうところ敵なしの方々です。ちょっと緊張しました。

少しですが、今回のコーディングハンズオン勉強会で学んだことを整理してみます。

先読みのスライス

当日は実践形式のハンズオン！ということで、FireworksとDreamweaverを使い、デザインデータのスライスから始めました。一枚のページデザインをパーツに切り分ける作業ですが、この時点からコーディングはスタートしているといっても過言ではありません。これから組むことになるHTMLとCSSを最適化するために、頭の中で完成形を仮想し、スライスを行います。HTMLの構成、CSSのプロパティや値を、頭の中で先に思い浮かべておきます。この先読みは、次のポイントにつながります。

手戻りを無くす

先読みを意識したスライスが上手く行えていれば、続く工程が格段に楽になります。「あれを使おう、いや、やっぱりあれにしよう、うわ、なんか相性悪いから前のに戻そう」なんて事態、防ぎたいですよね。ボタンのロールオーバーにしても、背景の繰り返しにしても、ボックスの分け方にしても、共通して言えます。勉強会では手戻りを無くすテクニックとして、Dreamweaverのコードヒントカスタマイズや、繰り返し使えそうなCSSのパーツ化、意外に融通の利くpositionレイアウトなどが取り上げられました。こういうところで質もスピードも差が出てくると、つくづく思いました。

おわりに

あと私が個人的に知りたかったのは、「コーディングの途中経過」でした。コーディングの結果は、HTMLやCSSとして形に表れますが、制作の手順や過程は知ることはできません。なので、作業途中少しでも疑問を感じたら質問をし、あわよくば質問した内容以上のテクニックを聞き出そうと必死になってました（笑）。優しく丁寧に教えてくれた大杉さん、ハムさん、本当にありがとうございました。大藤さんの温かくて鋭い視線も、良い緊張感を与えてくれました。

なんかコーディングも皆でわいわい話しながらすると楽しいですね。

一週間前に開催された、コーディングハンズオン勉強会。今更で恐縮ですが、記事に残したいと思います。

ウェブサイト制作において大切な行程の一つに「コーディング」という作業があります。
皆さんがインターネットでよく見るウェブサイトは、英語や記号で書かれたコードに日本語を組み合わせることで作られています。コードを書くことで、文章を表現したり、クリックできるようにしたり、表を作ったり、お問い合わせフォームを作ったりすることができます。

コーディングには決められたルールがあり、そのルールに基づいて書くと様々なメリットを享受することができます。例えば、インターネットに公開されたときに、YahooやGoogleといった検索エンジンに読み取ってもらいやすくなったり、ウェブサイトの構造とデザインの分離、作業の効率化、データ容量の節約・・などなど、至れり尽くせりです。ところが、この「ルールに従って正しく書く」というのが難しい。コーディングは例えるならスポーツに近いと思う。何日も、何ヶ月も、何年も鍛錬を積み重ね、たゆまぬ努力によって実るものです。

そんなコーディングのハンズオン（実践形式）勉強会が開催されました。主催は、札幌のコーディング専門会社、牧野工房さん。その道のプロフェッショナルです。定員は五名で、応募多数の場合は「抽選」というシステムでした。開催が発表されてすぐに応募しましたが、私は落選してしまいました！一方、同じように応募していたうちの社長、見事当選。こんなこともあるよね、と思っていたら、参加の権利を譲渡してくれました。（もちろん開催側の許可をいただいた上です。）思わぬお恵みに、心の中で何かが踊りだしました。

紆余曲折を経て、運良く（本当は運が悪かったのですが）勉強会に参加することが決定しました。当日の様子や、感想などは次回のブログで。ひっぱってすみません。

牧野工房：コーディングハンズオン勉強会第2回を開催しました