マイペースクリエイターの覚え書きマイペースクリエイターの覚え書きマイペースクリエイターとクリエイターはWordPressとWordくらいちがいます。WordPressを中心としたWeb系の覚え書き。10:00【このエントリーは会社員時代に書いた記事のリブログです。】あれやこれやのうちに、次の勉強会があったり本業のお仕事に追われていたりで、先月の勉強会のレポートが途中かけのまま1ヶ月経ってしまいました。Vol.5』に参加してきました。セッションを聞いて私なりに解釈したことを書きます。セッション内容の紹介ではなくなってしまいました。2つ目は、(株)まぼろしの小林さんのセッションで、Web制作に使用するマークアップ言語の最新事情(HTML5とCSS3)に関するお話でした。この記事のもくじWeb制作(マークアップ)は、まず「作文力」が必要なんじゃない?で、文書構造をより分かりやすくする新しいルールが”HTML5′′だったりWeb制作(マークアップ)は、まず「作文力」が必要なんじゃない?「マークアップの大切さ」というと、制作者以外の人にはなかなか伝わりづらいものです。お客さんや営業スタッフさんからすれば、見た目(デザイン)がキレイであればいいサイト、みたいに思われがちですが、実際見た目が多少小ぎれいでも中のコードが美しくないサイトってけっこうあります。「ここからここまでが文章の1つのまとまりですよ」みたいな感じで、文書構造をしっかり分かるように組み立てていきます。この段階でしっかりとした文書構造が出来ていないと、その文章にデザインをのっける段階で無理が生じてくるものです。小細工ばかりに走って、全体的に眺めたらどーにも流れがつかめなかったり、イマイチ何を言いたいのか分からなかったり、見出しの付け方が的外れだったり。そんなマークアップでは、デザインが活きません。(言いすぎかな)私は、「Web制作の第一歩は、作文を作るようなもの」なんじゃないかなーって最近思います。それは、単に「キャッチコピーの作り方が上手い」とか、「気の利いた言い回しができる」っていうことだけではなく。デザイン=見た目ももちろん大切なのだけれど、それ以前にしっかりと、文章や見出しのグループ分け・整理が出来ているかどうか。サイト内で起承転結が付けられているか(「転」はないこともあるけど)。そのあたりがちゃんと実践できていないと、Web制作者として成長していくのは難しいんじゃないかなーと思いました。文書構造をより分かりやすくする新しいルールが”HTML5′′だったり文書構造を作る=まとまった意味の文章をグループ化する、ってことなのだけど、そのグループ化をより分かりやすくできるようになったのが、今Web制作者達が必死になって情報をかき集めているのが「HTML5」という、新しいWeb制作用の言語です。今までなかったものでいえば、<header>:サイトの題名や各ページに共通な情報などを表示しておく、「ヘッダー」を表す箇所ですよ<nav>:各ページへのリンクボタン(ナビゲーション)の集まりですよ<footer>:サイトの一番下の情報エリアである「フッター」を表す箇所ですよ<article>:この範囲が1つの「記事」のまとまりですよ...などなど。今までよりももっと細かく文書構造を指定できるようになったのです。これらの文書構造を表す記述を使いこなせるようになることが、「分かりやすいサイトレイアウトやデザイン」、そして「検索エンジン対策(いわゆるSEO)」にもつながっていきます。2010年現在では、まだこの新しい言語に対応していない環境が多いので、実務(お客さんに納品するサイト)での使用はまだまだ時期尚早ではあります。技術者向けのサイトや、限られた環境向けのサイト(iPhoneなどのスマートフォン用のページなど)では、HTML5の実装が進められています。新しい言語が主流になる日も、もうすぐです。制作者として、正しい時流に乗れるように日々アンテナを張っていかなくては、と思いました。スライドを公開しました初心者さんが陥りがちなWordPressループのミス:固定ページにブログの新着を取得表示+ページ内容も表示(※情報古いです)IEでの後方互換スイッチに関して勘違いしてました。(必須・公開されません)あなたのWebサイトやブログ等コメント本文スパム・迷惑コメント投稿防止のため、メールアドレスの入力が必須ですが、公開はされません。ご協力のほどお願いいたします。投稿いただいたコメントは管理者のチェック後掲載しておりますので、即時には反映されません。記載内容に関する批判や間違いの指摘などはそのまま掲載する方針ですが、投稿内容と無関係な誹謗中傷、一方的な罵詈雑言の場合は削除させていただく可能性があります。通常業務の合間にコメントチェックをしておりますので、すべてのコメントへのお返事が出来ない場合もございます。管理人個人への連絡等は、コメント欄ではなくコンタクトフォームをご利用ください。翔泳社さんより2019/06/05刊行。第2版』執筆しました。フリーランス活動用の事業案内サイト。お仕事のご依頼はこのサイトからどうぞ。PC配線、LAN配線、TV配線などなど自分で行う整理清掃の情報提供サイト。