にしし ふぁくとりー(西村文宏 個人サイト)

Presented by Nishishi via Movable Type. Last Updated: 2015/09/22. 13:20:42.

クリックしたら色が変わるタブの作り方の解説で4時間

というわけで、某A社の6月分原稿3本目を仕上げました。
ページを移動することなく表示情報が切り替えられる「タブ」機能の作り方、第4弾。

クリックしたタブの色を変化させる方法 - タブ機能(タブボックス)を作る(@All About ホームページ作成)

最初から4ページ構成で行こうと計画していて、その通り4ページで完成。
サンプル作成・執筆の時間配分は、

  • 開始~01:00 : サンプルソースの作成と1ページ目の執筆(※ほとんどサンプルの作成)
  • 01:00~01:30 : 2ページ目の執筆
  • 01:30~02:00 : 3ページ目の執筆
  • 02:00~02:30 : 4ページ目の執筆
  • 02:30~03:30 : 推敲、公開準備(概要文・概要画像の作成など)
  • 03:30~04:00 : 予備

というように4時間で計画。

で、実際に消費した時間も4時間。
早ければ3時間程度で仕上がるかも知れないなあ……とか考えてはいたんだけど、そうはいかず。結局予備時間もまるまる全部使ってしまいました。

でも、予備時間も含めて計画時間内に収まったため、他の作業には影響せず。
そういう点では良い見積もりだったかな……?
……まあ、この記事の内容に4時間もかけていいのかどうかは、ちょっと微妙なところではありますが。(^_^;;;
この内容なら3時間以内には終わらせたかったかなあ。

なお、仕事の記事とは別に、マウスクリックで表示画像を差し替える方法について、個人サイトのJavaScriptコーナーにネタを1つ投下。

マウスクリックで表示画像を差し替える(@JavaScriptふぁくとりー)

読者の方から質問を頂いたので、その回答も兼ねて書いてみたサンプル。(^_^;)
どうやって説明するか、どんなサンプルソースにするかでちょっと時間を食っちゃったので、40分くらいかかってしまった気が。

もうちょっと全体的にスピードアップできないものかな。(^_^;;;
サンプル作成速度とか、執筆速度とか。

コメント

コメント数: 0件

コメント投稿欄 この日記に対するコメント投稿を歓迎します。

保存しますか?



※本文中にURLは書けません。(書くと投稿が拒否されますのでご注意下さい。)

※投稿内容は、実際にページ上に掲載される前に、管理者によって確認される設定にしている場合があります。その場合は、投稿後にその旨が表示されます。たいてい1~2日以内には表示されるはずですので、気長にお待ち願います。m(_ _)m

トラックバック

このエントリーへのトラックバックURLを表示するにはここをクリック
※スパム防止のため、トラックバックURLは別ウインドウで表示します。(JavaScriptが有効でないと表示されません。)

--- 当サイト内を検索 ---