2013年夏。今から学びなおすHTML&CSSのおすすめ本

今朝、「このような記事が人気を集めていますよー。」と、はてなさんが教えてくれました。

ひとりでWeb制作できた!「知識0から学ぶ」すごいスライドやサイト27 | コムテブログ
HTML5とはなにか?マイクロソフトはHTML5をどう考えているのか? …

HTML5カテゴリーにピックアップされているSlideshareなどはとてもわかりやすいのですが。。。

「これだけでは初心者にはHTMLタグは打てないでしょ!」

という内容なので、本屋さんで一通りHTML&CSSについて初心者向けに書かれた本を眺めてきました。

注目度の高いHTML&CSS本

本を見比べている暇はない!
いろいろあって比べられない!
今すぐHTMLタグ打って練習したい!

そんな方へのおすすめの本はこちら。

スラスラわかるHTML&CSSのきほん 狩野 祐東 (著)

今書店で並んでいるHTML&CSS本で一番読みやすいです。
内容はもちろん、紙質や大きさ値段などバランス良く作られています。
重要なポイントは視覚的にわかりやすく表現されていながら、コラム(note欄)はWeb制作でつまづきやすいポイントが取り上げられていてとても親切です。
裏表紙に書いてありますが、

  1. これからWebサイト制作をはじめる人
  2. HTMLを少しかじったことがあるが、基礎からきちんと知りたい人
  3. CSSやフォームの使い方まで身につけたい人
  4. 達成感を味わいながら楽しく学習したい人

にはオススメの本です!おすすめ度★★★★★ (5/5)

よくわかるHTML5+CSS3の教科書 大藤 幹 (著)

Amazonのホームページ入門書&Web開発カテゴリ1位の人気書籍。
「よくわかる教科書」シリーズらしい雰囲気と配色の本。
内容の展開も昔からあるHTML入門書の流れ。この流れでばりばり勉強できる人にはこれがよいと思います。 おすすめ度★★★ (3/5)

HTML&CSS標準デザイン講座 【HTML5&CSS3対応】草野 あけみ (著)

ここからは最近出版された本を中心にご紹介します。
この本はHTML5&CSS3対応と書かれていますが、割かれているページはあまり多くありません。その理由は、「はじめに」の部分に著者が記しています。
簡単に要約すると「今までのこと知らなきゃね!」ってことだそうです。
おすすめの部分はChapter4「本格的なWeb制作のための設計と準備」とChapter5「実践的なWebサイトのコーディング」です。
プログラミング未経験者やサイト制作後の引き継ぎやドキュメントをきっちりしたい方にはよい導入になると思います。
好みではない点は、背景がマス目柄になっていて読みにくいことです。おすすめ度★★★ (3/5)

HTML5&CSS3レッスンブック エビスコム (著)

この本は上記2冊と異なり、サンプルサイトを制作しながら学ぶ形式の本です。
このステップバイステップ形式で学ぶ方法は、達成感を味わいながら学習できるところが良い所ですが、知っているところを飛ばしたり、時間を節約して学習しづらいところが難点です。おすすめ度★★★★ (4/5)

他にもおすすめの本があれば教えてください!
以上@jikugaでした!

動画から静止画を切り出す方法。mac編

覚えておきたいmac技。
macに標準搭載されているソフト「QuickTime」と「プレビュー」のみで行います。

1.動画を再生し切り出したいところで一時停止

QuickTimeで再生し、ここぞっ!というところで一時停止。

ScreenCAP 001

2.QuickTimeの編集メニューからコピーでスクリーンショット保存

スクリーンショットを保存する時と同様に「カシャッ!」と音が鳴ります。
ScreenCAP 002

3.プレビューを起動しファイルメニューよりクリップボードから新規作成を選択

あっという間に静止画に切り出せます。あとはご自由に。。。
ScreenCAP 003

4.完成

Skitchやその他ソフトを使わずあっという間に仕上がります♪
ScreenCAP 004

今日のでんとタッチ

備忘録を書き留めることを忘れる日々が続いています。。。

以上@jikugaでした!

「docomo Wi-Fi永年無料キャンペーン」SPモード・mopera両方契約してる人はどうする?

2012年9月からドコモ携帯を持っており、指定された条件を満たす料金プラン・パケット定額サービス加入者には永年でドコモのWiFiスポットが無料になるキャンペーンが始まりました。

キャンペーン・イベント情報 : docomo Wi-Fi永年無料キャンペーン | NTTドコモ

SPモードとmopera両方契約している人は両方で加入できる?

このキャンペーン、SPモード、moperaどちらのプロバイダでも加入できますが、端末が両方のプロバイダに対応していない場合どちらで契約するか悩みますね。。。
キャンペーンに乗っかって、両方加入すれば便利じゃない?

とはいえ、条件にそのような記載がないので151で問い合わせてみました。

回答は・・・・


1番号にキャンペーン適用は1度しかできません。

とのことでした。そりゃそうか。
幸いにも所有しているF-01DとBF-01Dはどちらもmoperaに対応しているので、moperaでキャンペーン適用してみようと思います。

今日のでんとタッチ

携帯キャリアのWiFiサービスや公衆無線LANサービスのセキュリティが気になる今日のこの頃。
外出先でWi-Fiを使う:Wi-Fiをはじめよう | ソフトバンクモバイル

au Wi-Fi SPOT | au Wi-Fi | au

以上@jikugaでした!!

フリーの波形編集ソフトaudacityで簡単ノイズキャンセル

英語のリスニング試験を作成したものの、録音機材の調整不足でノイズが入っていて困っている。。

と相談を受けました。
機械の操作が苦手な人でも編集処理ができるように調べてみました。

無料・日本語版・管理者権限不要のオーディオ波形編集ソフトはAudacity

色々と探してみたものの、ノイズキャンセルを主な機能とするソフトの多くは有償でした。
学校や企業など組織で管理されているPCの場合、ソフトのインストールに管理者権限を必要とすることが多いため、ちょっとした「編集」には導入への敷居が高いです。

そのような中、オープンソースソフトのAudacityは、波形編集はもちろんノイズ除去やフィルター処理などができ、日本語バージョンが存在するソフトです。

オープンソースばんざい!!

Audacity: フリーのオーディオエディタ・レコーダー

ノイズ除去までわずか4ステップ!Audacity

編集したいオーディオファイルを読み込みます。
全般的にノイズが乗っていることがわかります。

Audacity%E3%81%A7%E3%83%8E%E3%82%A4%E3%82%BA%E3%82%AD%E3%83%A3%E3%83%B3%E3%82%BB%E3%83%AB

ノイズ除去の基準となる「ノイズのみの部分」を数秒間選択します。


Audacity%E3%81%A7%E3%83%8E%E3%82%A4%E3%82%BA%E3%82%AD%E3%83%A3%E3%83%B3%E3%82%BB%E3%83%AB

メニューの「エフェクト」から「ノイズの除去」を選択。


Audacity%E3%81%A7%E3%83%8E%E3%82%A4%E3%82%BA%E3%82%AD%E3%83%A3%E3%83%B3%E3%82%BB%E3%83%AB

ノイズのみの部分を選択した状態で、ステップ1の「ノイズプロファイルの取得」をクリック。
ボタンをクリックすると元の画面に戻ります。

この画面では「ノイズを除去する範囲を選択」します。
読み込んだファイル全部を範囲にする場合は、範囲選択を解除しておきます。

再度「ノイズの除去」を選択し、ステップ2に進みます。
先ほど押下できなかった「プレビュー」「OK」ボタンが使用できるようになります。

プレビューでノイズ除去具合を確認できます。


Audacity%E3%81%A7%E3%83%8E%E3%82%A4%E3%82%BA%E3%82%AD%E3%83%A3%E3%83%B3%E3%82%BB%E3%83%AB

全般的に入っているノイズ部分がきれいに除去できました。


Audacity%E3%81%A7%E3%83%8E%E3%82%A4%E3%82%BA%E3%82%AD%E3%83%A3%E3%83%B3%E3%82%BB%E3%83%AB

リスニング用途で編集するにはノイズ除去・正規化が必須

今回は英語のテスト用途での編集のため、ノイズ除去と共に正規化(ノーマライズ)処理を行うことで、音声ボリュームを一定に整えノイズのないクリアな音声に仕上げました。

テストに限らず、ICレコーダー等で録音した音声などは、ノイズ除去・ノーマライズ処理をすることでとても聞きやすくなります。

SOUND FORGE AUDIO STUDIO 10
フックアップ (2010-06-25)
売り上げランキング: 2,542
誰でもできる音声ノイズ除去
アイアールティー (2012-07-06)
売り上げランキング: 3,988

今日のでんとタッチ

ICT支援員には必須ノウハウだと思います。

以上@jikugaでした!!