vox

CSSの力

CSSの最上級の力とはどのようなモノかまだまとめていない。

前のレベル定義ではLevel8が最高だったが、最近いろいろな人とお会いしてやはりその上があるな、と感じている。（うれしい限り）

たぶん企業サイトでCSSを構築していく時に必要な能力としてどういった能力があるのかを夢想していくとわかってくるに違いない。

最近の経験から優れているなぁと思う要素は以下の通り。

CSSは一ファイルなのに、HTMLつくる人はいっぱいいる。　そうするとCSSを新たに起こさなければいけなくなったときにどうファイルをいじるか、というあたりにノウハウが必要。

理想はCSSが必要なモノはできるだけシンプルに共通ファイルに収まりつつ、各カテゴリや各ページに本当に必要な特殊なモノだけ個別ファイルをつくっていくということだと思う。で、大きなサイトになると、全部のページのデザインを一人のデザイナがやるわけでも無かったりとか、HTMLと一部同時並行になったりする関係で、CSSもHTMLをつくっていく課程で洗練されてくる。CSSをプログラムのライブラリみたいなモノだと思うと、ちょこちょこリファクタリングする必要があると言うことだ。

で、サイト作成にはたいてい時間がたりないので、最初に見えているところを基本のCSSに落として、それを人に使ってもらいつつ、その共通CSSを徐々に更新していくという流れをとる。

とするとそのCSSを作成するのに必要な能力が、

• 今後のデザインの方向性や必要なテンプレートを見渡す力
• CSSのレベル
• バグ
• 一貫性
• シンプルさ
• ソースの可読性

あたりかと思う。　それをHTMLの流し込みとか細かいページのコーディングが始まる前にちょちょっとつくってしまうことが重要なのだ。で堂々と「みなさんこれを使ってください。できるだけ新規はなしの方向で」と言ってしまう説得力。
そしてその後の作業者がもしCSSを加えたい場合、最初のCSSでは不足があった場合など基本のCSSをメンテナンスしてリリースする。

以上のことをやってしまうためにはたとえば下記のようなスキルが必要である。

• CSSの最新動向をキャッチアップしているか？
  今であれば
  
• IE7で何が変わるか？
• CSS3で何が変わるか？
• 大人数でHTMLコーディングをやる際に起こりがちなことをどう回避するか？
• セレクタ
• HTMLをシンプルにしたまま、CSSもシンプルにしたままバグを減らすためのコーディング
• IE5.5やNNやSafariの古いバージョンなどでたまに起きる理不尽なバグはどういう状況で出やすいか？
• ハックは使わないで対応できるか？

DOCTYPEの件は当然、コンディショナルタグによる振り分けなどもわかっている必要がある。

同時に大規模サイトをやるときに必要な、CMSやJSの概念やある程度の知識など持っているに越したことはないのではないか？

うまくまとめられたら将官を考えていきたいと思う。

キッチンスイスのカツカレー

発祥の地だとか

060829_1455~001.jpg

QotD: 今から読みます

今、読んでいる本もしくは今度読もうと思っている本は何ですか？

マルクスアウレリウスの自省録です。　ちょっと読みづらいですが、良本の予感。
軽い本→重い本のローテーションを考えているので、最近は
老子の思想（おもっ！）
↓
ヒルズ黙示録（かるーい）
↓
3週間続ければ一生が変わる（どうかな～　と思ったらかるかった。。）
↓
自省録
と進んでおります。
今後は
↓
決断力（はぶさん、　軽いかな？）
↓
人生の短さについて（セネカ　重いかしら）
と進んでいきたく思っています。

週に三冊くらいよみたかったのですが、重い本はなかなかすすまないですねぇ

Firefoxの開発力

HTMLコーディングといえばFirefoxを活用せよ！　と相場が決まっているわけです。とくにWebdeveloperツールバーが必須ですよね。

で、自分のPCでは自然にやっていたので気づかなかったのですが、Firefoxのインストール時に気をつけないとその力を十分に活かせないんですね。

というのも、Webdeveloperツールバーのウチでもっとも使える機能のうちに「スタイル情報を表示する（Ctrl+Shift+Y）」があります。　これは今選んでいるHTMLの要素にどんなCSSが適用されているか一覧にしてくれる機能です。デバッグの一手目と言っても過言では無いくらい多用するわけです。

しかしこれってFirefoxのインストール時にカスタムで、開発ツールをインストールする　にチェックをつけてないと使えないんですね。今まで使えるPCと使えないPCがあるなぁ　と謎に思っていたのです。恥ずかしい。

ということで忘れないようにメモ。

IE7 RC1 スタンドアローン

http://tredosoft.com/IE7_standalone

からIE7を入れました。　現在構築サイトの一部が見えなくてorzという感じだったのですが、もう少し様子見と言うことで！！

ちなみにスターハック（* html .hogeっていうやつ）が効かなくなるときいていたのですが、それを使っても見えているあたり、DOCTYPEスイッチとボックスモデルの解釈の仕様が一部変更になったということですか？？

何にせよW3CでもMicrosoftのお互いが歩み寄ってくれることを願ってやまないコーディング事業担当より。

築地

初ご飯

060824_1336~001.jpg

HTMLコーディングの宣伝文句

を考えねば。　Web経由の受注は考えていないのですが、採用のために簡単なWebを立ち上げようと考えているので。自分は文章を書くのが下手なので、その分何回か書き直して行こうかと。（意味もなく長くなる。一文も長い。接続詞が間違っている。）

サービス紹介

とにかくやすいHTMLから、早くてモノがいいHTML　への変化 ※長いので3分の1にする

Web制作の最終工程で比較的単純作業。付加価値も低いのではないか？
私たちが提供するHTMLコーディングは、ときにそのように思われて、アウトソーシングするにしても安さだけを求めてしまうお客さまがいらっしゃいます。

しかし、近年、HTMLコーディングの役割、内容が変わってきていることをご存じでしょうか？その流れを考えるときに注目しなければいけない二つのキーワードがあります。Web標準とアクセシビリティです。

1. なぜ、今Web標準なのか？
   Web標準、最近やっとWeb制作の現場でも叫ばれるようになってきました。コンペティションの参加条件になることも増えてきました。その背景にあるのが、企業内のWeb制作担当者の意識の高まりと、SEO対策でしょう。Web専門誌の一部でしか見かけなかったWeb標準も、いまやブログや一般書籍の至る所で見かけるようになってきました。そうした意見の中には、非常にわかりやすく、アクセシビリティや情報構造の設計の必要性、メンテナンス性、検索エンジンにとってのアクセシビリティなど様々な観点でWeb標準に従ったコーディングを行うことが推奨されています。
   現在メジャーなブラウザの中でも一部分対応ができていないことを考えると、非常に先見の明のある賢い選択といえます。
2. アクセシビリティにいい？
   視覚が不自由な方は何を頼りにWebサーフィンされるのでしょうか？
   音声ブラウザでHTMLを見るとどういった読み方をするのか知っていますか？ ALT属性の付け方、音声用の各紙メニューなど、アクセシビリティ対応に際しては独特のノウハウが必要とされます。
   今後特に上場されているB2C企業ではアクセシビリティガイドラインの策定は必須になるのではないでしょうか？

以上のようにWebサイト全体の単価が落ち、納期が短くなる中で、HTMLコーディングに必要な技術や専門性は高まっているといえます。　ただ安い、早いだけのHTMLコーディングが求められる時代は終わろうとしています。
淘汰が進むWeb業界の中で生き残りを目指すためには自社の得意分野に特化して強みを蓄積していかなければいけません。そんなとき、ただのどこにでもいる「外注」「下請け」ではなく、「HTMLコーディングパートナー」として弊団体のサービスをご利用いただければ幸いです。

サービス内容
基本的には原稿・素材をいただき、HTMLファイルにして返すサービスとなります。
ご希望であればHTMLコーディングガイドラインの策定や、CSS構成書などもご提案させていただきます。
基本的に全てのHTMLに対応しておりますので、

• JavaScriptを一部含む
• Web標準対応
• アクセシビリティでツールチェックがある
• システムとの連携があるので気を遣わなければいけないページが多い
• 500ページ、1000ページを超える大規模案件である
• 最初のテンプレートを1日であげてほしい

など対応できますのでご相談下さい。

サービス実績
※弊団体のサービスは多くを制作会社の方から発注していただいているため、契約の関係でサイト名を公開できないことが多くなっております。詳しい制作実績をご覧になりたい方はご連絡下さい。

• 証券会社Webサイトフルリニューアル
• 対応ブラウザ：IE5.5（一部）、IE6、NN7.1、ホームページリーダー
• フルCSS
• ページ数：500ページ弱
• 備考：アクセシビリティツールチェックあり
  
• 信用調査会社Webサイトフルリニューアル
• 対応ブラウザ：IE6、NN7.1、NN4.7（一部）
• フルCSS
• ページ数：1000ページ強
• 備考：印刷時対応
  

• 船井総合研究所不動産チームリニューアル（公開準備中）
• 対応ブラウザ：IE6
• フルCSS
• ページ数40ページ
• 備考：企画、ディレクションも弊団体で行った

詳しい実績はこちらへ

主要お取引先（敬称略）
Web制作会社

• 株式会社セプテーニ
  
• 株式会社レビックグローバル
• 株式会社カドベヤ
• 株式会社ノヴィータ
• 株式会社ネイチャーラボ
• 株式会社ドリコム
• 株式会社ピーエスシー
  
• 有限会社ウッティモリス

その他

• 株式会社船井総合研究所

ティムオライリー氏が語るWeb2.0

http://shachotv.jp/is/?category_id=2&entry_id=86

知人が手伝っている社長TVでティムオライリー氏が話していたのでチェック。ここのインターネットTVは非常によく編集されていて、見せ方がうまいのでストレス無く見れました。

内容は基本的なことですが、Web2.0って？　と思っている人にはお勧め。

英語もきれいですし。

パーソナルチュートリアルについて

3ヶ月に一度程度実施している面談に関するメモ。

1. この3ヶ月を振り返って、自分的に成長したところはどこか？
2. 期待よりできなかったことは何か？それはなぜか？
3. 周りの仲間の尊敬できたところ、発見した特長は何か?
4. オフィス、就労環境、周りの仲間、上司に「もうちょっとこうだったら、もっとよくなるのに」という点を提案して欲しい
5. こちらからのフィードバック。PMからのフィードバックや仲間からのフィードバックを伝える。将官制度に関して。
6. 次の3ヶ月間で何を目指すか。何をやるか。

たとえば

• HTMLコーディングのスキルがあっても、仕様の把握の能力をつけなければいけなかったり（HTMLコーダーのキャリアパス参照）
• 技術もそうだけど、仕事の筋肉をつけなければいけなかったり
• まずはひたすらHTMLの枚数をこなすことが重要だったり
• 仕事の見せ方・伝え方に関するレクチャーをはじめてみたり
• コーダーはOKなのでディレクターだね次は。　とか言ってみたり

そんなかんじで面談は進みます。
場所はオフィス近くのカフェ。
スタッフもきちんといろいろと伝えられるように、整理しておいてもらえると助かります。 

MovableType研修カリキュラム

そろそろノウハウを内部で共有しなければということで、カリキュラムを作成中。

投稿もインストールもカスタマイズもできなければ。　下記で4時間くらいでやりたい。

1. MTの前の基礎知識
   
   • CMSって何？
   • サーバーって？
   • CGIって？
   • DBって？
   • RSSって？
     
2. MTの良さ、事例
   
   • 良さ
   • CMSとしての機能、単価
   • 事例
   • ブログオンマーケティングあたりを参考にさらっと。
   • うちの構築事例
     
3. MTのインストールに関して
1. MTのダウンロード
1. Typekeyの取得
2. ライセンスに関する説明
2. 設定
   
1. mt-config.cgiの設定
2. MySQLでやる場合はその話をちょっと。
3. アップロード
4. 公開設定
3. 記事を書いてみよう！
1. コメント、トラックバック
4. MTのカスタマイズについて
1. テンプレート
1. 概念
2. 種類
3. 覚えるべきタグ
4. HTMLとのリンク
5. DWのプラグイン
   
2. 事例に学ぶカスタマイズ
1. カテゴリの横に記事数を載せる
2. 特定のカテゴリにBASIC認証をかける （静岡日曜教室）
3. 静的な個別ページをMTでつくる （静岡日曜教室）
   
4. コメントのカスタマイズ
   
3. モジュール化
1. モジュール化で簡単に管理。　最初から視野に入れて設計を。
2. モジュールとHTMLパーツの違い
   
4. プラグイン
1. 入力項目を増やすには？
2. ページを増やすには？
3. 特定のカテゴリだけの記事前後リンクをはるには？