top

javascriptはどこまで使うべきか?

実はしばらく前から、ちょっと実験的にコメント・トラバcgiの記述を文字参照からjavascriptに切り替えてます。そのため、javascriptオフの環境ではコメント・トラバともに出来なくなっていますので、面倒だ、困るよ~という方がおられましたらお知らせ下さい(^^;。

javascriptは手軽なのでけっこう使ってきてます。上のメニューもそうだし、ロールオーバーとかの遊び・飾り的なものは気にせずどんどん使ってますね。ただ、これまではオフの環境でも問題ないもの・オフの場合は1クリック増えるだけで閲覧には支障ないもの等を中心にしてきてました。なので今回のように直接影響が出るだろう部分に使ってみたのは初めてです。ただしメールフォームは従来のままですので、オフ環境で完全にコンタクト手段が遮断されるような状態にはしてないですが…。

■オフにする理由
今はjavascript非対応の環境はほとんどないと思うので、その点は特に考えなくてもいいと思います。問題になるのは「自らの意思で敢えてjavascriptをオフにしている人たち」をどこまでフォローするか、ですよね。
ブラウザもデフォルトではjavascriptオンになっていると思うので、何故わざわざオフにするのかはセキュリティ上の理由とかだと思うのですが、オフ環境での動作テストをしていて気が付いたことがあります。WEB頁を開くスピードが…

軽い! 速い! 超絶激速!!

いつもなら超重くてじりじりと開くのを待たされていたサイトが一瞬で開く! 軽い、軽い、軽い! うわ~、いつもこんな速さで開いてくれるんなら行くのが億劫でなくなるよ! これからは重いサイト見に行く時はjavascriptオフにするようにしようか…と思ってしまうくらい快適でした(笑)。確かにこれでは「広告要らん、飾り要らん、余計な動きせんでいい、本文だけパッと読めればいい」な人はオフにするのもうなずけるような気がします。

そういえば最近、IEで以下のような表示が出て、「頁が開けません」画面になる頁を見かけますが

061222.jpg

これもjavascriptオフにすると見られるようになります。ということはjavascript関係のエラー(ネスケでは出ないのでjavascriptとIEとの相性?)かと思われるので、この現象に悩まされている人は調べてみるとよいのではと思います。

■それでもオンにする理由
ただオフにしてしまうと必要な機能が使えなくて困る場合も多々です。MTもすっかりjavascript依存症に成り果てているので、オフにしたら管理画面が動かなくなるし、個別頁にはTypekeyも表示されません。なのでTypekeyで承認した人のみにコメントを許可する設定にすると、javascriptオフの人を弾いてしまうことになります。お~い、それでイイのか、MT~。
本家がコレだから、MT使いなら通常オンにしている人がほとんどではと思われます。ここでコメント・トラバ許可してるのはMT関連だけなので、コメント・トラバ機能を必要としてるのもオンにしてる人だけでしょう。ということで、まあ問題ないかと実行してみたわけですが。そういえばCaptcha Pluginもjavascriptを使われているのでオフの環境では見えない&投稿できませんよね。Captcha Pluginを導入したのと同じことだっ!と考えればいいかも。

■javascriptはどこまで使うべきか?
自分のポリシーに従ってオフにしている人はデメリットも承知の上でされてると考えられるので、実際には普通にどんどん導入していってもほとんど問題にはならないという気がします。でないとAjaxとかも使えないですしね。ただし、<noscript>で注意を促す、オフでもアクセスできる手段はどこかに残す等の配慮は怠らずにやっていこうと思います。

あと、上で述べた通り、javascriptは使いすぎると頁の表示を重くします。なのでほどほどに押えて、本当に必要なもののみを厳選して使っていった方が「普通にオンにしている人」にも優しいのではと思います。多くの人にサイトを見てもらうコツは、
「待たせない」
「軽い」
「パッと開く」

もうこれに尽きると思いますから(自分がそう…^^;)。

 

トラックバックURL

トラックバックされる際にはこの記事へのリンクをお願い致します

コメント

初めまして!。
ムーバルタイプ4の挙動が遅いので、何とかならないものかと色々検索して辿り着きました。

いゃぁ、こちらのサイト、激速ですね)^o^(。

ムーバルタイプを使われているサイトは何処を見ても激重。おまけにコメントをさせていただくとエラーが多いので、そういうものかと諦めていたのですが、頑張ればなんとか出来そうな気になりましたf(^ー^;。

また、「待たせない」「軽い」「パっと開く」。良いですね。

私はそれに「分かりやすい」というのをテーマにしているのですが、こちらを拝見してもっとタイトにまとめ上げないとイケないなぁと反省しています。

また訪問させて頂きま~す。

こんにちは。

静的生成頁なら、本来なら開くのにそんなに時間がかかるはずはないんですけどね(^^;。
IEの場合、javascriptの記述にミスがあると異常なほど頁が開くのに時間がかかることがあります。やっぱり余計なスクリプトは使わないようにするのがいいのかもしれませんね。
コメントで生じる再構築の重さ・軽さもテンプレ次第で変わるので、要は使い方かなあと思います。

「分かりやすい」いいテーマだと思います。
ブログでも分かりやすいサイトにしたいですものね。

TAEKOさん、今日は。コメント有難うございます。

ムーバルタイプを使い始めてまだ3カ月なので、既に皆さんが通り抜けてきた道を試行錯誤しながらやってます。

コメントの書き込みは速い時と遅い時、どっちもありますからサーバーに依存している部分もあるかと思いますが、とにかくちょっと変更するだけで再構築しないと結果が分からない。。。というのはFC2とか使ってましたから、かなり時間的には負担ですね。

こちらのテンプレートはシンプルに見栄ながらナビゲートがシッカリしているのでビックリしました。私の使わせて頂いているテンプレートはまだFC2系のブログに似た体裁ですから戸惑わないのですが、たまに何処クリックしていいのか分からないブログって結構多いんですよ。要する起承転結がちゃんとしてないっつうか(^_^;。

とりあえずJavaScriptのエラーチェックはSleipnirとIEでシッカリやっていますが、配置する位置によっても全コンテンツの表示に影響がでるので、それも考えるときりがないですね。最低限、必要ない画像はトップページに載せないこと。アフィリエイト系の広告とかは一切使わないようにしています。

これからも参考にさせて頂きますので、宜しくお願いいたします。
(質問があったとき、アドバイスも頂ければ嬉しいです)

では~ヾ(@⌒▽⌒@)ノ。

>再構築しないと結果が分からない
ここはダイナミック・パブリッシングで動かしてますから、再構築いらないんですけど、静的生成ではそうでしょうね。MTだというのに、もう3年半近く動的生成でやってるので、精的生成で皆さんが言われている苦労をせずに過ごせてます(^^;。

テンプレの感想ありがとうございます。ここのは自分の使い勝手に合わせた自作オリジナルなので、好きなようにしちゃってます。ブログ形式だけでなく、どのような形のサイトでも作れるのがMTのいいところなので、そういうところ、どんどん生かしていきたいなあと思ってます。

私で分かることでしたらお答しますので、その時はどうぞ~。

TAEKOさん、コメント有難うございます(^^)V。

ダイナミック・パブリッシングをやりたくて…最初全く知らなくてデータベースをインストールしていないのに気がついて、改めてmysqlをインストール後MTを入れて試したのですが「ページが見つかりません。Page not found - /aiko/mtview.php」って表示がでてしまってお手上げです(..;)。phpにしないとだめなんでしょうか。

あと、.htaccessが作られると、何故かリンクしてあるCGIで使っている画像が表示されなくなる。という訳分かんない現象も起こって、ダイナミック・パブリッシングは色々なさサイトを参考にさせていただいたのですが、私のようなケースの
注意点が全くないので、諦めました~(^^ゞ。

でも確かに、「好きに作れる」というのは凄いですよね。

いままでもレンタルサービスの広告が嫌で、掲示板とかメールフォーム、拍手からチャットまでCGIで構成していたのですが、普通のブログサービスだとどうしてもテンプレートの中に組み込むことができず(FC2とかプログをフレーム表示にするの滅茶苦茶大変でしたし)デザインと操作性が統一出来なかったのですが、MTにしてからは、CGIをプラグインのように組み込めますので、逆に言えばもかで出来ないことはそきに使っちゃえってイージーに考えてます。

そこで、TAEKOさんに一点、お聞きしたいのですが(^^ゞ。

コメントとか投稿した後、しばし待たされるのですが、これって知らない人が見ると動いているのか?分からないですよね。(ブラウザの左下見れば分かるんですが)。

そこで[送信]を押した後、[ちょっと待ってね]みたいなローディングメッセージが出せないか色々調べているんですが…唯一あるのは難しい方法で再構築を考えると二の足踏んでます。

これを簡単に解決するワザとかご存じないでしょうか?。
もしかしたら簡単に出来ない事なのかもしれないですが、アラートでもいいので、コメント頂いた方に意識してもらう方法がないか…探してます。

結構MovableTypeのサインインだけでも「パスワードは何を設定すればいいんですか」とか質問が多いので、一般的にブログさえ作っていない人には「ブラウザの左下見て判断してね」って言うのは優しくないと思う今日この頃。

長文、失礼しましたぁ≦(._.)≧。

>ダイナミック・パブリッシング
お使いのサーバーはLaCoocanですよね。残念ながら、LaCoocanはダイナミックに必要なmod_rewriteに対応していないので、ダイナミック・パブリッシングは上手く動作しません。.htaccessで影響が出るのもそのためと思われます。ダイナミックを使いたい場合はサーバーを変えるしかないと思います。

>[送信]を押した後、[ちょっと待ってね]みたいな
コメントが送信されたかどうか確認できればいいだけなら、一番簡単な方法は「コメントの確認ページ」を使うことかなと思います。

管理画面の設定→ブログの設定→コメント設定の「コメントの確認ページ」にチェックを入れると、投稿ボタンを押した後、「コメントを投稿しました。」という頁に飛びます。ここの文章を少し工夫して使われるのはどうでしょうか(おそらくAikoさんのような要望に応えるために4で新設された機能ではないかと思うのですが)。よろしくです。

アドバイス有難うございます。
NIFTY-ServeではMTが使えることを”売り”にもしていましたのでてっきり全ての機能が使えるものかと思っていました。

「コメントの確認ページ」は最初使っていたのですが、これが出ると元のページに戻った時、投稿したコメントが表示されずF5でリロードしないと更新されないようで、その手間が嫌だったので現在使っていないんです。

とは言っても、現在の方法でコメントが投稿されるとそのページは更新されるのですが、トップページに戻ると、投稿されたコメント(名)が更新されていない。などのタイムラグが発生しますし、あと最近分かったのですが、pingがMTからだと飛ばないようで、その都度別のプログラムで飛ばす。という面倒なことしています。
トラックバックは飛ぶのに何故pingだけ?。ここまでくると素人には難解な領域です^_^;。

ちなみに、こちらのページを拝見して痛感しましたが、やはりJavaScriptの記述位置(種類)でページ表示が確実に遅くなるのが分かりました。最初はデザイン優先で作っていましたが、そこまで考えないといけないのは難しいですね~。

あ…申し訳ないです
2度連続カキコをしてしまいました。
お手数ですが、削除願います≦(._.)≧。

ダブっていた分は整理しておきました。お気になさらずに~。

>リロードしないと更新されない
単にキャッシュが表示されているだけということはありませんか? 普通の掲示板CGIでもブラウザバックで戻るとキャッシュ表示になることがありますので。トップ頁もタイムラグではなく、キャッシュのせいな気がしますが…。キャッシュはMTの問題ではないので、そういうものだと思うしかないんじゃないでしょうかね(^^;。

pingに関しては自分が使ってないので分からないです、すみません(ping飛ばさない人なので)。

JavaScriptをバリバリ使われている方から見れば、ここのJavaScriptは使ってないに等しいくらい微々たるものだと思います。それもあるかもですね。

どうもです~。なんかこの記事だけでやり取りしているようでご迷惑かなとも思いますが、続けちゃいます^_^;。

えっとコメント投稿の後に[投稿完了]画面に[元のエントリーに戻る]というボタンから戻りますので、ブラウザのバックではないのですが、<MTEntryLink>でもどった再にキャッシュが表示されるなら、システム的にリロード書けるのが正しい仕様だと思うんですが…。

BBSのCGIとかキャッシュは意識せず更新されますから、なんか動作が”ヘン”なんですよね。(統一性が無い)

ちなみにコメント投稿時のローディング画像は探してもなかったので、自分で作っちゃいました。

スタイルシートのインチキワザなのでIE互換ブラウザ以外はどう見えるのか分からないのですが、いちを[投稿]を押した後に、[ちょっと待ってね]メッセージ、表示することに成功しました~・・・・でも、GIFアニメがアニメーションしない!という新たな問題。次から次へと嫌になります^_^;。

そうですか…。
うちは動的表示させてますけど、ダイナミックを使わなければ静的ファイルになるので、通常のWEBサイトをFTPでアップ後リロードしなければ画面が変わらないのと同じと思ってました。

コメント投稿に関してはあまり気にしてなかったので、この件についてはこれ以上お役に立てそうにないです。すみません。

コメントを投稿

 


 <注意>
 ご利用のブラウザ、設定ではコメントのプレビューおよび投稿はご利用になれません。
 コメント投稿の際はお手数ですがjavascriptをオンにして下さい。
 *javascriptオフのまま投稿ボタンを押すと送信内容が消えますのでご注意下さい。