外部サイトの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:"の部分を省
タグ
- すべて
- jQuery (6)
- まとめ (19)
- スクリプト (4)
- ネタ (4)
- 副業 (1)
- !comment-only (1)
- !考え方 (2)
- "Macアプリ (1)
- # |ω・)…… (1)
- #ライフハック (4)
- *ITカテゴリ (1)
- *Java (1)
- *Mac (1)
- *thresh25 (3)
- *webデザイン (2)
- *web制作 (4)
- *あとで読む (27)
- *ネタ (1)
- *プログラミング (3)
- *資料 (1)
- .htaccess (2)
- .net (6)
- 2013年 (2)
- 2ch (4)
- 2chブラウザ (1)
- 3D (2)
- Agile (1)
- Amazon (4)
- Apple (3)
- BB2C (1)
- CG (1)
- CSRF (1)
- Clojure (1)
- DB (5)
- DI (2)
- English (3)
- FirefoxOS (1)
- Flash (2)
- FunctionalProgramming (1)
- Gmail (2)
- Google Android (1)
- HTML (29)
- HTML5 (14)
- IT (1)
- ITmedia News (1)
- IT業界 (3)
- Illustratorチュートリアル (1)
- JSON (1)
- Java (11)
- JavaScriptCore (1)
- LINE (4)
- LinkedIn (1)
- Mac (10)
- Mail (2)
- Mozilla (1)
- MyInterest (13)
- MySQL (5)
- MySQL5.6 (1)
- NAVER (4)
- NHK (1)
- OZPA (1)
- Play (2)
- PowerPoint (1)
- RFC (1)
- SBM (1)
- SCSS (3)
- SE (1)
- SEO (10)
- SI (1)
- SIer (5)
- Saved for Later (1)
- Share (1)
- Struts (1)
- TDD (3)
- TddAdventJp (1)
- Technology (1)
- Tumblr (3)
- UIKit (1)
- URL (3)
- UX (1)
- Visual Studio (1)
- V系 (1)
- Webサービス (28)
- Webディレクション (1)
- Webデザイナー (2)
- Webフォント (2)
- YUI (1)
- Zen-Coding (1)
- adsense (1)
- algorithm (1)
- api (7)
- app (2)
- au (2)
- bdd (1)
- berkshelf (1)
- blog-neta (1)
- book (2)
- books (1)
- business (4)
- canvas (1)
- chef (2)
- chrome (5)
- cms (3)
- color (4)
- conference (1)
- css (37)
- css3 (12)
- design (20)
- development (18)
- devops (1)
- dj (2)
- dl (1)
- document (2)
- dropbox (3)
- easing (1)
- eclipse (1)
- engineer (2)
- error (1)
- event (1)
- evernote (4)
- excel (3)
- express (1)
- facebook (4)
- firefox (1)
- framework (3)
- function (3)
- game (1)
- gem (1)
- gimp (1)
- git (3)
- google (17)
- google adsense (1)
- hatena (2)
- hitode (2)
- http (2)
- i18n (1)
- iOS (10)
- iPhone (22)
- iPhoneアプリ開発 (1)
- icon (1)
- ifttt (1)
- illustrator (3)
- jQuery (24)
- jQuery Plugin (1)
- jQuery-まとめ (1)
- jQueryプラグイン (2)
- java8 (2)
- javascript (43)
- js (9)
- junit (1)
- keyboard (1)
- keyword (1)
- library (2)
- life (3)
- lifehack (7)
- linux (3)
- log (2)
- log4j (1)
- logger (1)
- logging (1)
- management (1)
- map (3)
- margin (2)
- mario (1)
- markdown (1)
- maven (1)
- memo (1)
- mindmap (2)
- mixi (1)
- mobile (1)
- msbuild (1)
- msdeploy (1)
- music (1)
- network (2)
- news (3)
- node.js (2)
- oauth2 (1)
- objective-c (9)
- oop (1)
- parallax (1)
- pdf (3)
- performance (1)
- philosophy (1)
- php (8)
- php5.6 (1)
- podcast (3)
- postgresql (1)
- programing (1)
- programming (48)
- radiko (1)
- reference (2)
- referene (1)
- rss (2)
- ruby (1)
- rubyaws (1)
- scala (5)
- security (4)
- self (2)
- slf4j (2)
- slide (1)
- slideshare (1)
- sns (1)
- softbank (1)
- spdy (1)
- style (3)
- styleguide (1)
- test (3)
- testing (2)
- tips (13)
- tmlib.js (1)
- togetter (2)
- tool (2)
- travel (1)
- tutorial (4)
- twitter (10)
- ubuntu (2)
- ui (15)
- upload (1)
- via Pocket (1)
- web (86)
- webdesign (8)
- webservice (2)
- webview (1)
- webサイト (6)
- webデザイン (77)
- web制作 (93)
- word (2)
- wordpress (15)
- work (10)
- xcode (1)
- youtube (1)
- 【ﾁｭｰﾄ】CSS (1)
- あとで (1)
- あとでみる (29)
- あとで使える (1)
- あとで試す (1)
- あとで読む (135)
- おもしろネタ WEBサービ (1)
- お役立ち (6)
- お金 (2)
- これはすごい (1)
- これはひどい (2)
- これは便利 (1)
- これは大切 (1)
- ぜひ読むべき (1)
- はじめてのシリーズ (1)
- はてな (6)
- はてなブログ (2)
- はてブ (2)
- まとめ (112)
- やってみた (1)
- アイコン (11)
- アイデア (5)
- アジャイル (4)
- アジャイル開発 (2)
- アニマル (1)
- アニメーション (4)
- アフィリエイト (8)
- アプリ (25)
- アルゴリズム (3)
- アーキテクチャ (1)
- イノベーション (2)
- インストール (17)
- インタビュー (1)
- インターネット (1)
- ウィルス (2)
- ウェブサイト (1)
- ウェブデザイン (1)
- エフェクト (3)
- エンジニア (11)
- オウム真理教 (1)
- オブジェクト指向 (6)
- カスタマイズ (1)
- カメラ (2)
- カレンダー (2)
- ガイドライン (2)
- キャッチコピー (1)
- キャリア (5)
- クックパッド (3)
- クライアント (6)
- クラウディア (1)
- クラウド (4)
- クラス (1)
- クレジットカード (1)
- グルメ (1)
- ケーキ (1)
- ゲーム (11)
- コピーライティング (2)
- コミュニケーション (10)
- コラボレーション (1)
- コンピュータ・IT (12)
- コーディング (11)
- コーディング基準 (1)
- コーディング規約 (7)
- コードレビュー (1)
- ゴールデンボンバー (1)
- サイン (2)
- サービス (37)
- システム (4)
- システム開発 (2)
- ショピング (1)
- ジェネレーター (3)
- スイーツ (1)
- スキル (8)
- スクショ (1)
- スマホ (2)
- スマートフォン (6)
- スライド (3)
- セキュリティ (11)
- ソフトウェア (10)
- ソフトウェア開発 (5)
- ソーシャル (4)
- ソーシャルゲーム (1)
- チュートリアル (15)
- チーム (6)
- ツール (20)
- テキスト (1)
- テクスチャ (1)
- テクニック (8)
- テクノロジー (2)
- テスト (9)
- テンプレート (7)
- ディレクション (3)
- デザイン (61)
- デザインパターン (1)
- デザイン思考 (1)
- デバッグ (3)
- データベース (5)
- トマト (1)
- トレンド (4)
- ニコニコ学会 (1)
- ネタ (29)
- ネット (10)
- ネーミング (2)
- ハウツー (1)
- バージョン管理 (2)
- パスワード (3)
- パララックス (3)
- ビジネス (13)
- ビジネスモデル (2)
- ファッション (2)
- フォント (2)
- フラットデザイン (6)
- フリーゲーム (1)
- フリーソフト (4)
- フリーランス (2)
- フリー素材 (5)
- フレームワーク (8)
- ブログ (26)
- プラグイン (8)
- プレゼン (8)
- プレゼンテーション (1)
- プログラマ (14)
- プログラミング (88)
- プログラミング言語 (3)
- プロジェクト管理 (3)
- プロトコル (1)
- ヘルスケア (1)
- ベンチマーク (1)
- ホリエモン (1)
- ボタン (10)
- マスコミ (1)
- マーケティング (8)
- メール (4)
- メールアドレス (1)
- ユニットテスト (2)
- ユーザビリティ (4)
- ライフハック (10)
- ライフログ (1)
- ライブラリ (8)
- ランキング (3)
- ランディングページ (1)
- リコピン (1)
- リテラシー (1)
- リファレンス (4)
- レイアウト (3)
- レシピ (2)
- レスポンシブ (5)
- レスポンシブデザイン (2)
- ログイン (2)
- ロゴ (4)
- ワイヤーフレーム (4)
- ワラビモチ (1)
- 事件 (3)
- 人物 (3)
- 人生 (10)
- 人生と労働 (1)
- 人間 (8)
- 仕事 (84)
- 仕事術 (4)
- 仕様 (4)
- 会社 (18)
- 伝え方 (2)
- 作業用bgm (1)
- 価値観 (6)
- 便利 (21)
- 便利ツール (1)
- 個人的メモ (1)
- 健康 (2)
- 入門 (4)
- 写真 (11)
- 切込隊長 (1)
- 副業 (4)
- 割引 (1)
- 創作 (1)
- 労働 (5)
- 勉強 (17)
- 動画 (4)
- 参考書 (1)
- 品質 (5)
- 埋め込み (1)
- 基礎 (3)
- 報連相 (1)
- 増田 (1)
- 変換 (2)
- 大辞泉 (1)
- 女性 (1)
- 子供 (2)
- 子育て (1)
- 学習 (6)
- 宗教 (1)
- 小ネタ (1)
- 小技 (1)
- 就活 (1)
- 就職活動 (1)
- 広告 (6)
- 役立ち (1)
- 後で読む (2)
- 心理 (1)
- 思考 (5)
- 恋愛・結婚 (1)
- 情報収集 (1)
- 技術 (9)
- 拡張 (1)
- 拡張機能 (2)
- 携帯 (2)
- 改変 (1)
- 教える (1)
- 教育 (9)
- 文章 (16)
- 文章力 (2)
- 文章術 (5)
- 新卒 (1)
- 旅行 (2)
- 日本社会 (1)
- 暮らし (1)
- 書評 (1)
- 本 (3)
- 検察 (1)
- 検索 (7)
- 検索エンジン (2)
- 沖縄 (1)
- 沖縄旅行 (2)
- 海外 (4)
- 無料 (16)
- 生活 (10)
- 生活・人生 (2)
- 画像 (17)
- 研究 (3)
- 社会 (7)
- 素材 (11)
- 経営 (2)
- 考え方 (47)
- 色 (2)
- 英語 (8)
- 著作権 (2)
- 見出し (2)
- 見積もり (2)
- 視聴覚 (2)
- 設定 (18)
- 設計 (7)
- 読み物 (4)
- 調査 (2)
- 買い物 (3)
- 資料 (12)
- 転職 (4)
- 退職 (4)
- 遠隔操作 (3)
- 遠隔操作ウイルス事件 (2)
- 配色 (6)
- 開発 (49)
- 関数型 (2)
- 関数型言語 (3)
- 音楽 (2)
- あとで読む (135)
- まとめ (112)
- web制作 (93)
- プログラミング (88)
- web (86)
- 仕事 (84)
- webデザイン (77)
- デザイン (61)
- 開発 (49)
- programming (48)
関連タグで絞り込む (12)
jQueryとwebに関するKoozzのブックマーク (2)
-
Koozz 2013/05/19
- jQuery
- jQuery
- テクニック
- webデザイン
- Web
- programming
リンク -
Webサイトの作り方のまとめ！トップページ完成まで。
サンプルサイトの制作を通して、「Webサイトのコーディング」についてまとめた、第3（+α）回めです。 トップページにツイートを表示したり、Like Boxを設置したり、JavaScriptでいろいろ実装したり、その他もろもろ。 「Lopan cafeというWebサイトのトップページ総仕上げ」について、制作過程をまとめました。 以下目次。 その前に、ちょっと修正 一番上のナビゲーションのところ Lopan's infoと新作パン／おすすめパンのところ 「画面を縮めると変」だったところ ちょっと脇道：サーバーの話 Webサーバーとは サーバーにファイルをアップロードする トップページにツイートを表示する。 Twitter ウィジェット Embedded Timelines（埋め込みタイムライン） トップページにLike Boxを表示する。 Facebookページを作る Like Boxを設置す
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx