Movatterモバイル変換


[0]ホーム

URL:


はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

JavaScriptとjavaScriptとhtmlに関するtsupoのブックマーク (12)

  • いい加減、<script src="http://.. と書くのはやめましょう - DQNEO起業日記

    外部サイトのJSファイルを読み込むときに、こういう書き方するのはやめましょう。 <script src="http://example.com/js/jquery.js"></script> 理由 あなたのサイトが、いつの日かSSLに対応することになったとき、そのscriptタグがバグの原因になります。 ご覧のとおり、HTTPSページの中でHTTP要素を読み込もうとすると、ブラウザによっては安全装置が働いて読み込んでくれないのです。 上の例ではjQueryの読み込みに失敗していますが、エラーメッセージ「Uncaught ReferenceError: jQuery is not defined 」を見てもHTTPS/HTTPのプロトコルが原因だとはすぐ気づかないので、わかりにくいバグになってしまいます。 結論 JSファイル(とかCSSとか画像とか)を読み込むときは、"http:"の部分を省

    tsupo
    tsupo2013/05/20非公開
    「ネットワークパス参照(network-path reference)」
    • 今、知っておきたいJavaScript

      Webブラウザとテキストエディタさえあれば、プログラミングして実行できるシンプルで手軽な言語――。それがJavaScriptが初めて登場してからしばらくの間、多くの人が抱いた印象でした。しかし、Ajaxの登場に伴う第2のブーム以降、ハードルが高くなったように感じられます。 その大きな理由の一つが、DOM(Document Object Model)に基づくJavaScriptプログラミングでしょう。DOMは、HTMLやXMLを構成する各要素に対して、プログラムからアクセスして内部の情報を取得・変更したり、機能を利用したりするためのAPI(ApplicationProgramming Interface)です。DOMを使うことによって、WebページをリロードせずにWebページを部分的に書き換えたり、HTMLドキュメントの構造を動的に変えたりといったことが可能になります。 DOMは便利な仕組

      今、知っておきたいJavaScript
      tsupo
      tsupo2011/04/12非公開
      この手の解説記事で innerHTML に逃げることは許されるの? 逃げるのは簡単だけどさぁ
      • HTML によるプレゼン作成のススメ - WebOS Goodies

        WebOSGoodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOSGoodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 昨日、HTML5 勉強会で Opera の開発者向け機能についてプレゼンしてきました。会場が Opera の目黒オフィスということで急遽駆り出されました(笑)。 こういったプレゼンをするときに必要なのがプレゼン資料(スライド)の作成。これまではGoogle Docs や OpenOffice.org で作っていたのですが、これがどうにも不便。ちょっとしたことを

        tsupo
        tsupo2010/01/21非公開
        それぞれのスライドを個別の HTML にしたかった / HTML で表示できるものならなんでもスライドに埋め込める / Opera には Opera Show なんて機能がある
        • ブラウザ依存の記述を検査するツール「Pirka'r」がOSSで公開 - @IT

          2009/10/01 情報処理推進機構(IPA)は9月30日、ブラウザ間の互換性を備えたWebコンテンツの作成を支援するツール「Pirka'r」(ピリカル)を、オープンソースソフトウェアとして公開した。 Pirka'rは、IPAのオープンソフトウェア利用促進事業の1つとして、委託先のグルージェントにより開発されたツールだ。Webコンテンツが業界標準に沿っているかどうか、またブラウザに依存した記述がないかどうかを検査することで、互換性の高いWebコンテンツの作成を支援する。 Pirka'rは、検証サーバとクライアントから構成されている。起動すると、「CSSがWeb標準に準拠しているか」「HTMLCSSJavaScriptにブラウザに依存する記述がないか」などをチェックできる。また、1つのページを、Internet ExplorerやFirefox、Safariといった複数の主要ブラウザで

          tsupo
          tsupo2009/10/02非公開
          「Pirka'r」(ピリカル) / 検証サーバとクライアントから構成 / 「CSSがWeb標準に準拠しているか」「HTML/CSS/JavaScriptにブラウザに依存する記述がないか」などをチェック → クライアントがEclipse風。Javaで作ってるのかな。あとOper
          • Articles: Create Your Own Custom Ajax-Enabled Accordion Compone

            Adding massive amounts of data to one web page is not a recommended design approach becauseit can be completely disorienting to the user, and might cause him togo to another site. There are always exceptions, though, which is the case when using an accordion component to display data. Using an accordion component enables a single web page to display much more content without disorienting the use

            tsupo
            tsupo2007/01/31非公開
            JavaScript による折り畳み(アコーディオン)の実装例、その他
            • JavaScript でトップページへのリンクを追加する - bkブログ

              JavaScript でトップページへのリンクを追加する 最近のサイトの多くは、ページの左上にあるリンク画像から、どのページからもトップページに戻れるようになっています。一方、私のブログ以外のページではそうなっていなかったので、JavaScript を使ってトップページへのリンクを追加してみました。 私のブログ以外のページは歴史的事情によりすべてただのHTMLファイルで構成されています。これらをすべて書き換えてトップページへのリンクを追加するのは大変です。perl -i -pe などの方法で一括置換してリンク画像を挿入する方法もありますが、今後のメンテナンスを考えると考えものです。 そこでもっと楽な方法はないかと考えたところ、都合のいいことに、これらのページでは、右側のサイドバー (サイト共通のリンクなどが並んでいる領域) 用に共通のJavaScript ファイルを読み込んでいること

              tsupo
              tsupo2007/01/04非公開
              というか、サイト全体で共通の html スニペットを SSI で読み込めば済む話だと思う。CSI をこういう目的で使うのは何か違う気がする。
              • tsupo
                tsupo2006/10/08非公開
                実は、まだ解決してなかったりして (^^
                • [観] 簡単そうで難しい問題

                  [要旨] 突発的に問題を出してみるテスト。誰も答えてくれなかったらどうしよう? (^^; [キーワード] select,html,プルダウン,セレクトボックス

                  tsupo
                  tsupo2006/07/06非公開
                  実は、まだ解決してなかったりして (^^;
                  • d.aql - scriptタグの中にJavaScriptを書く正しい方法

                    XHTMLでCDATA区間を使う。以上。 経緯HTML4のscriptタグでJavaScriptをちょろっと書く時、中にHTMLタグがあるとダメという話が発端である。例えば、以下のようなのがダメだ。 <script type="text/javascript"> document.write('<p><a href="http://www.hikoboshi.org">hikoboshi.org</a></p>'); </script>ちなみに、ブラウザで動かせば多分動く。(試してないけど。)じゃあ何がダメかというと、HTMLの仕様的に。ちなみにこういう書き方をすると、多分HTML4でもXHTML1でもダメだと思われ。 そんな話をきっかけに、いろいろ調べた。 何故ダメか まずはHTML4のDTDを調べる。(別にstrictを選ばなくても良いんだけどとりあえず。) http://www.w

                    d.aql - scriptタグの中にJavaScriptを書く正しい方法
                    tsupo
                    tsupo2006/06/15非公開
                    CDATAの終わりは『oshi.org</a』ここの</だ。これはscriptの終了でなければならなくて、エラーとなる / 区間の終わりは]]>で指定されるので、</でうっかり終わったりしない。逆に]]>は書けないのだけれど
                    • 404|stabucky.com

                      お探しのページは見つかりません。 404 Not Found お探しのページは一時的にアクセスができない状況にあるか、移動もしくは削除された可能性があります。

                      tsupo
                      tsupo2006/06/09非公開
                      Googleパーソナライズドホームに組み込んで使う「Google Gadget」の作り方 → Google Desktop に組み込む方の Gadget も同じように作ればいいのかな?
                      • HTMLリアルタイム編集(ブックマークレット) @ ZEROBASE BLOG

                        quickedit by ZEROBASE'+b.innerHTML.replace(/&/g,'&').replace(//g,'>').replace(/"/g,'"')+'');var t=x.getElementById('t');t.onchange=t.onkeyup=function(){b.innerHTML=t.value;};}())">[HTML編集] このリンクをブラウザのブックマークバーにドラッグ&ドロップするなどにより登録してください。 使い方 編集したいページで上記ブックマークレットを実行します。ためしに上記リンクをクリックしてみてください。 テキストエリア内にHTMLが表示されますので、それを編集してください。変更が即座に反映され、もとのウィンドウが書き換わります。 書き換えているのは、ブラウザのメモリ上のHTMLです。サーバには何の影響もありません。 便利

                        tsupo
                        tsupo2006/02/14非公開
                        閲覧中のhtml ソース(の一部)を書き換えて、即座にプレビューできるツール
                        • 『web.paulownia.jp - ロールオーバーのオブジェクト指向的実装』へのコメント

                          ブックマークしました ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでくださいTwitterで共有

                          『web.paulownia.jp - ロールオーバーのオブジェクト指向的実装』へのコメント
                          tsupo
                          tsupo2005/12/27非公開
                          これをCSSセレクタを使って記述するようにするとBehaviourになる。お好みで。>http://bennolan.com/behaviour/ → あとでチェック
                          • 残りのブックマークを読み込んでいます1

                          お知らせ

                          公式Twitter

                          • @HatenaBookmark

                            リリース、障害情報などのサービスのお知らせ

                          • @hatebu

                            最新の人気エントリーの配信

                          処理を実行中です

                          キーボードショートカット一覧

                          j次のブックマーク

                          k前のブックマーク

                          lあとで読む

                          eコメント一覧を開く

                          oページを開く

                          はてなブックマーク

                          公式Twitter

                          はてなのサービス

                          • App Storeからダウンロード
                          • Google Playで手に入れよう
                          Copyright © 2005-2025Hatena. All Rights Reserved.
                          設定を変更しましたx

                          [8]ページ先頭

                          ©2009-2025 Movatter.jp