最近の記事
(01/03)Webサイトを丸ごと保存し、iPhoneでオフライン表示させる 〜WebsiteExplorer+GoodReader(WindowsPC)
(01/02)iPhone カメラロールの保存先フォルダー
(10/26)ECサイトについて勉強中
(09/08)GoPro HD ファームウェアアップデートがようやく公開
(09/03)ヤフオク落札品で空撮機材製作中
(08/16)ルービックキューブ 神の数字は「20」と証明 〜iPhoneアプリ CubuCheater(公開停止)は何手で完成?
(08/15)kobank.jp 「パラグライダー用語辞典」 
(08/14)超すすすめ 〜無料オンラインストレージ NEVER Nドライブ
(08/13)iPhone備忘録 〜必見! iOS4.02にアップデートしない(できない)場合でも最低限やっておきたいこと PDF Patch (要JB)
(08/03)iPhone備忘録 〜カメラシャッター音を消す
(07/31)完成! 3Dパラグライダームービー 〜編集後記
(07/28)YouTube、Flash動画・アルバムの全画面表示(フルスクリーン)で真っ白になったときの対策 〜ハードウェアアクセラレーションをオフ
(07/16)StyleTap iPhone版が新発売 〜フライトシーンを変えることになるかも
(07/16)Google Earth 5.2 〜軌跡トレースのアニメーション化で苦戦中
(07/15)パラグライダーヘルメットをカメラヘルメットに改造 第3弾 〜 GoPro HERO専用ブラケット取付
(07/13)iPhone3GS備忘録 〜UserAgent関連サイト
(07/12)iPhone3GS備忘録 〜iTunes同期にケーブル不要 Wi-Fi同期できるWi-Fi Sync(要JB)
(07/12)一夜漬けで学ぶ今年(2010年)の異常気象
(07/11)iPhone3GS備忘録 〜iPhoneをアルチバリオメータ化するアプリ theVariometer iVariometer
(07/10)iPhone3GS備忘録 〜TinyUmblleraでiOS 4のECID SHSH1を取得・保存する
2010年02月18日

吉俣 良さんふたたび

       このエントリーをはてなブックマークに追加       Evernoteにクリップする      

mixiコミュで知った嬉しいニュース

来年2011年のNHK大河ドラマ「江(ごう)〜姫たちの戦国」の音楽を、一昨年の大河ドラマ「篤姫」の音楽を担当した「吉俣 良」さんが再び担当することが決まったとのこと。

脚本が同じく篤姫を担当した「田渕久美子」さんで、しかも記念すべき大河ドラマ50作品目ということでなので、これはいまから楽しみです。

サウンドトラックもまた3巻以上が期待できますね。

          このエントリーをはてなブックマークに追加       Evernoteにクリップする
posted by 飛梅 at 22:11 | Comment(0) | TrackBack(0) | 閑話休題 | このブログの読者になる | 更新情報をチェックする
2010年02月14日

Windowsクラッシュの恐れ セキュリティパッチ MS10-015(KB977165)の確認とアンインストール方法

       このエントリーをはてなブックマークに追加       Evernoteにクリップする      

mixiニュースに流れてきた「Microsoft、『Windows XP』に障害発生でパッチを配信停止」の記事。

日本のマイクロソフト(セキュリティチーム)もこちらで障害をアナウンスしています。

問題のMS10-015(KB977165)は2月の月例パッチで配布されたとあるから、今週2/10に配信され手動で僕もインストール済みのはず。

インストール済みかどうかは次の手順で確認できます。

[スタート]-[プログラムのアクセスと規定の設定]で[プログラムの削除と変更]の画面が表示されたら

左サイドバーの[プログラムの変更と削除]を選択、 上部にある[更新プログラムの表示]のチェックボックスにチェックをつけて検索すると

適用済みのWindowsの修正パッチの内容が表示されます。

私は、Windowsの更新は手動更新にしていますが、2/10付けでしっかりインストールしていました。

dsa1.jpg 

今のところ再起動後も無事WindowsXPは動いていますが、本家本元の修正パッチでOSが起動もしなくなるのでは洒落にもなりません。

いまは大丈夫だからと、時限爆弾を抱え続けているほど私は自信家ではないので直ちにアンインストールしてしまいました。

削除(アンインストール)方法は簡単。KB977165をクリックすると表示される削除ボタンをクリックするだけ。

削除後再起動しておきます。

すると再起動後に再びKB977165のインストールを求めてきました。

dsa1.jpg     

この問題がわかってからは配布を停止(チェックボックスを外す)をしているはずなのにこれは ・・・

当然ダウンロードできようもありません。キャンセルに決まっています。

          このエントリーをはてなブックマークに追加       Evernoteにクリップする
posted by 飛梅 at 00:39 | Comment(3) | TrackBack(0) | 閑話休題 | このブログの読者になる | 更新情報をチェックする
2010年02月12日

サイト製作日記:レイアウト 2段組か3段組か

       このエントリーをはてなブックマークに追加       Evernoteにクリップする      

サイトのレイアウト 3段組(3カラム)にするか、それとも2段組(2カラム)にするか

Yahoo!やmixiのサイトに代表される3カラムでは左右のサイドバーが使えるので、注目させたい項目を左右の上部に配置でき、スクロールさせずにたくさんのコンテンツを画面に表示できるというメリットがある反面、各コンテンツのエントリー幅が狭くなるというデメリットがあります。

一方2カラムではすっきりとしたレイアウトが組める半面、コンテンツを増やす場合は下方に追加することになるため、情報が増えるほどスクロールが必要になります。

サイト製作にあたって、3カラムにするか2カラムにするかはかなり迷いましたが、ポータルサイトではないので、最終的に2カラムとし、中央のエントリー(記事)部分を広く取ることにしました。

これで最初3カラムで製作していたときよりはゆとりができて、レイアウト的にもすっきりとしました。

またコンテンツを増やすとスクロールが増えるという2カラムのデメリットは、左サイドバーにjavascriptによるスライド式タブを取り入れたことで、タブが伸縮し必要なコンテンツを切り替えて表示できるようになり、ごちゃごちゃ感がなくなり、スクロール量も軽減できました。

ところでサイト解析ツールでは、訪問者のブラウザやOSは判別できても、ディスプレイのサイズまでは判別してくれません。

今回サイトの表示幅(Width)は960ピクセルとしたのですが、それよりも少ない表示幅しかもたないディスプレイでは、閲覧するのに縦だけでなく横スクロールも必要になります。Windows95や98全盛当時のディスプレイはそうでした。

でもいまではB5サイズのノートPCでも1024×786ピクセル表示できる時代ですから、960ピクセルは妥当なところではないかと思っています。ちなみにYahoo!は2008年に950ピクセルへ変更して現在に至っています。

          このエントリーをはてなブックマークに追加       Evernoteにクリップする
posted by 飛梅 at 21:42 | Comment(0) | TrackBack(0) | 閑話休題 | このブログの読者になる | 更新情報をチェックする

サイト製作日記:Joomla HTMLヘッダーの修正

       このエントリーをはてなブックマークに追加       Evernoteにクリップする      

Joomla!のHTMLのヘッダー部に追加修正を加えたいが、どこでヘッダー部を生成しているか調べてみたところ、

 /libraries/joomla/document/html/renderer/ にある"head.php"がそれらしいことがわかりました。

随分と深いところにあるものです。

上記はJavascriptやCSSを使う際の宣言文ですが、初期値ではこれらの宣言がないため構文チェックで大きなマイナスとなっていたので、これを87、88行目に追加し、次のようにしてみました。phpに関してはまったく知識もありませんが見よう見まねで修正してみた結果、HTMLは意図した通り書き換えできたので良しとします。

          このエントリーをはてなブックマークに追加       Evernoteにクリップする
posted by 飛梅 at 19:01 | Comment(0) | TrackBack(0) | 閑話休題 | このブログの読者になる | 更新情報をチェックする
2010年02月11日

サイト製作日記:IE対策 続き

       このエントリーをはてなブックマークに追加       Evernoteにクリップする      

 このところサイト製作の歩みはカメレオンの歩き方のよう

 前にでようとするがなかなか進めない・・・

 とにかくInternet Explorer6(IE6)にはさんざん手を焼かされています。このブログのカスタマイズでも散々な目にあってきただけにまたかという気持ち・・・ 

 Joomla!でのサイト製作はほとんどがブラウザ上だけで行えることは以前書きましたが、僕は”FireFox3”(以下FF)上で行っています。

 IEはIE8にアップデートしていますが普段あまり使うこともなく、たまにFFに対応していないサイトを閲覧するときくらいしか使いません。

 こんな場合も、改めてデスクトップ上のIE8を起動するのは面倒なので、”FireFox”から2クリックでIEを起動しています。

 FFのアドオン”IE View”を入れておけば、右クリックメニューで「このページをIEで開く」を選ぶだけでサイトを簡単にIEで表示できます。

 dsa3.jpg

 でも、これだとIE8での表示となるので、今回のようにIE6での表示を確認したいと思ってもできません。

 そこで現在使っているのが”IETester

          このエントリーをはてなブックマークに追加       Evernoteにクリップする
posted by 飛梅 at 12:02 | Comment(2) | TrackBack(0) | 閑話休題 | このブログの読者になる | 更新情報をチェックする
2010年02月08日

サイト製作日記:備忘録 サイト製作進捗 2/7現在

       このエントリーをはてなブックマークに追加       Evernoteにクリップする      

あれこれやっていていささか混乱してきたので、備忘録として整理。

このブログで行ってきたカスタマイズについてはできるかぎり新サイトでも実現したいと思っていましたが、8割方は何とかできそう。

<導入済>

  • ナビゲーションメニュー    テンプレート付属
  • パンくずリスト          Joomla!標準装備
  • 記事PDF化、印刷、メール  Joomla!標準装備
  • スライドショー          無料エクステンション3種類 有料エクステンション2種類
  • パノラマ画像表示       無料エクステンション
  • YouTubeプレイヤー      有料エクステンション
  • 静止画・動画Lightbox効果  無料エクステンション ※IE6で不具合あり
  • 記事内でのモジュール表示 無料エクステンション
  • フォーラム            無料エクステンション+日本語化  カテゴリー決め等詳細は今後の予定
  • 記事コメント           無料エクステンション+日本語化
  • 記事レーティング(☆評価)  無料エクステンション+日本語化
  • RSSフィード           無料エクステンション ※Joomla!標準はIE6以下でエラーとなるため置換え
  • 天気予報            無料エクステンション ※moduleで文法エラー、修正済           
  • 画像スライドメニュー     有料エクステンション
  • エディター            無料エクステンション ※標準(Tiny MCE)を入れ替え
  • Leonardo Live         表示はカスタムモジュールで対応
  • サイトマップ           無料エクステンション
  • Syntaxhighlighter        無料エクステンション
  • IE6警告バナー         表示はカスタムモジュールで対応
  • ユーザログイン         無料エクステンション
  • 構文チェック           Another HTML 利用 エラー修正 採点91点
  • IE6判定XML宣言 

<今後の予定・課題>

  • SWFObject.jsの重複回避  YouTubeプレイヤー、スライドショー表示で重複。ベンダーに問い合わせ中  
  • Google検索           エクステンション 検索枠がIE全バージョンで間延びする CSSの修正要?      
  • 画像ポップアップ        エクステンション IE6以下での不具合対策
  • 静止画・動画Lightbox効果  エクステンション IE6以下で終了時ボックスが消えない問題
  • 記事のブックマーク登録   国内ブックマーク対応でJoomla 1.5対応版なし。海外エクステンションの改造要?
  • フロントメニュー         エクステンション YouTubeプレイヤー、スライドショーIE6未対応。表示内容の自動切替可か
  • フォーラムカテゴリー決め   エクステンション
  • カテゴリー毎のRSS       エクステンション
  • ユーザ登録画面        ナビゲーション画像/テキスト日本語化+スパム対策
  • ブログ記事の移設  
          このエントリーをはてなブックマークに追加       Evernoteにクリップする
posted by 飛梅 at 19:37 | Comment(0) | TrackBack(0) | 閑話休題 | このブログの読者になる | 更新情報をチェックする
2010年02月07日

サイト製作日記:IE6対策 〜phpを使ってie6以外ではXML宣言を行う

       このエントリーをはてなブックマークに追加       Evernoteにクリップする      

前記事では、現在作成中のホームページ(サイト)では、僕個人としてできるところまではInternet Explorer6(IE6)へ対応したいと書きました。

それは、サイト訪問者の中に今後もIE6の利用者がいるためという理由からですが、僕にとってもプロが行っているIE6対策を少しでも実践できる機会だからと思っているからです。

Internet Explore6への対応は、HTML冒頭の”XML宣言”から起きてきます。

このブログを前回紹介したHTML構文チェッカーの”Another HTML-lint”でチェックすると、いきなりエラー6が返ってきます。

tm_dsa3.jpg

6: line 1: XHTML1.0 では XML宣言をすることが強く求められています。 → 解説 21

というもので、解説21では、XHTML1(J)では、XML宣言をするように強く求められています。例えば次のようなもの。

とあります。

しかし実はこれ、意図的にXML宣言文をはずしているためにエラーが起きたのです。

このブログのテンプレートはSeesaaが用意したものを使っていますが、テンプレートのHTMLの初期値にはちゃんとXML宣言文が書かれていました。

          このエントリーをはてなブックマークに追加       Evernoteにクリップする
posted by 飛梅 at 23:24 | Comment(0) | TrackBack(0) | 閑話休題 | このブログの読者になる | 更新情報をチェックする

サイト製作日記:IE6対応をどうするかが悩みの種

       このエントリーをはてなブックマークに追加       Evernoteにクリップする      

サイト製作にあたって悩ましい問題があります。

Internet Explorer 6(IE6)のサポートをどうするか ・・・・

Internet Explore6(以下)の仕様がWeb標準と異なるため、サイトを表示させると他のブラウザとは違いデザインが崩れてしまう。また、JavaScriptの動作性能が求められるAJAXインターフェースの利用には向いていないという問題があります。

2001年に登場したしたInternet Exploler 6(IE6)は、その後IEがIE7、IE8へとメジャーバージョンアップされているにもかかわらず、今なおかなりのシェアを占めています。

どうしてこうもIE6が使い続けられるのか、なぜMS社はIE6のサポートをやめられないのか・・・はこちらの記事を参考にしていただくとして、このためWeb開発企業はIE6に対応せざるを得ないのですが、その対応は実に面倒でいら立たしいものであり、時間を取られるとして、昨年Web企業各社は「ie6 no more」というIE6撲滅キャンペーンをはじめました。関連記事

          このエントリーをはてなブックマークに追加       Evernoteにクリップする
posted by 飛梅 at 17:41 | Comment(2) | TrackBack(0) | 閑話休題 | このブログの読者になる | 更新情報をチェックする

サイト製作日記:このブログの点数は-70点 〜HTML構文チェック

       このエントリーをはてなブックマークに追加       Evernoteにクリップする      

 ”−70点”・・・がこのブログの点数なのだそうです。

内容の良し悪しではなく、HTMLの文法からのチェックに基づく評点ですが、実に337個ものエラーがあって、その中には致命的なエラーとされるものも含まれています。

これはHTML文法(構文)チェッカーの”Another HTML-lint”を使って採点したもの。

構文チェック

オンラインで利用できるこのチェッカーは、採点したいURLを入力すれば、すぐにそのソースのHTMLを読み込んで採点結果と総合評価、さらにエラー内容を表示してくれます。

フリーウェアとして利用でき、チェックはかなり厳格なので、(X)HTMLを学ぶ上での勉強にも役立ちます。

こんな評点で、よくもまあブラウザが解釈してちゃんと表示してくれてるなってことかもしれませんが、とりあえずちゃんとブラウザで表示されるからそれでいいやと思うか、ちゃんと規則に従って行儀の良い(X)HTMLにしておくかは管理人の考え方次第です。

          このエントリーをはてなブックマークに追加       Evernoteにクリップする
posted by 飛梅 at 14:18 | Comment(0) | TrackBack(0) | 閑話休題 | このブログの読者になる | 更新情報をチェックする
2010年02月06日

サイト製作日記:ホームページをCMSで製作中

       このエントリーをはてなブックマークに追加       Evernoteにクリップする      

 ありがたいことにこの1ケ月ブログの更新ができないでいる間にも、ブログには1日平均220〜240件ものアクセスをいただいています。

 更新できていないのは申し訳ないのですが、いま約6年ぶりにホームページ(サイト)の復活めざしていて、ブログの更新が後回し。サイト製作が一段落すれば、活動はブログからサイトの方に移行していこうと思います。

はじめて”CMS(コンテンツマネージメントシステム)”のひとつである”Joomla!”というものを使ってサイト製作をはじめたのですが、一度CMSを使ったら、もうこれはホームページ作成ソフトには戻れません。

それほどCMSでのサイト製作は画期的で、ホームページはソフトを買ってコツコツと製作していくものだと思っていたら、もういまやそんな時代ではないんですね。

 ”CMS(コンテンツマネージメントシステム)”などと英語やカタカナが並ぶとそれだけで敬遠してしまいがちですが、決して難しいものではありません。

Joomla!の場合、本体をサーバーにインストールしたあとのカスタマイズは、基本的にブラウザ上だけで行えて、ホームページ作成ソフトは一切使わなくて良いのです。基本的な(X)HTMLやCSSを知識はあることは望ましいのですが、製作過程でHTMLやCSSのコーディングの必要もほとんどありません。

ちなみに、こちらは、Joomla!をインストールした直後に自動で作成されるサイトページです。サンプルデータとサイトデザインを変更するためのテンプレートが3種入っていて、テンプレートを変更すればサイトのイメージをがらりと変えることができます。

dsa1.jpg 

ブログをやっている方だったらベンダーが用意したテンプレートを選んだり、変更した経験はあるのでわかりますね。

標準では管理者だけがテンプレートを変更できるのですが、訪問者がテンプレート変更できるような仕組みを入れておいたので、自由に(といっても3つだけですが)変更してみてください。 Template Chooserというところにあるプルダウンメニューからテンプレートを切り替えることができます。 ※テンプレートによってTemplate Chooserの位置が変わっているのでよく確認してください。

わずかに数秒足らずでテンプレートは変わりましたが、文書構造は一切変わっていませんね。

でもCMSの本領発揮といえるところは、コンテンツマネージメントの言葉が表すとおり、基本的な文書構造から、メニューやリンク、最新記事やよく読まれた記事などが自動で表示でき、また細かなことですが記事をPDF化したりプリント、メールするためのボタンまでついていて、サンプルといえども立派なサイトになっているのが特徴です。

ちなみに、本体のアップロードからここまで、慣れればものの15分足らずでできちゃいます。

Joomla!本体のダウンロードと利用にお金はかかりません。 

          このエントリーをはてなブックマークに追加       Evernoteにクリップする
posted by 飛梅 at 12:15 | Comment(0) | TrackBack(0) | 閑話休題 | このブログの読者になる | 更新情報をチェックする
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。