JavaScript プログラマの職種は4種類くらいに分けるべき
jser.md はじめに JavaScript を使っていると「JavaScript出来るの？ jQuery / AngularJS / Node.js etc... で困ってるんだけどさー」みたいな話を振られることがあります。 そういった時に、自分は一般的なライブラリの使い方やフレームワークに対して大した知見も興味もないので、わざわざ説明するのも面倒なのでこうして文章にしておきます。(本当に届いて欲しい人に限って、こういう文章が届かないのはわかっていますが、文章を書くこと自体が気晴らしだと思って諦めます。) 「フロントエンドエンジニア」という言葉の汎用性 先ほどのような話は自分に限ったことではなく、たぶん経験のある人も多いでしょう。 振られた話が自分の分かる範囲、あるいは興味のあるものならばまだ良いのですが、そうでないことがあまりに多すぎます。 話を振られるだけならともかく「JavaSc
ココログ用全文検索 - ココログ最強検索を jQuery を使って作り直してみた（既知の不具合の幾つかに対応）
設置用HTML <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="https://furyutei.work/script/jq-highlight.js"></script> <script src="https://furyutei.work/script/jq-cocolog_ajax_search.js"></script> <script> window.cocolog_ajax_search_options = { color : '#ffcc33' // ハイライトの色 , truncation_length : 80 // 検索結果でキーワード前後に抜き出すテキストの長さ , entry_per_page : 20 // 検索結果の
jQuery 1.9 のソースマップ対応で圧縮版でもデバッグが簡単になった話
jQuery 1.9 がリリースされました。1.9 の新機能の中ではあまり注目されていませんが、ソースマップに対応したのが地味に便利そうです。 というのも、圧縮版の jquery.min.js を使っていると 何か問題が起きたときにスタックトレースを眺めても jQuery の部分が意味不明 デバッガーで jQuery のソースにステップインしても意味不明 といった理由で、開発中には非圧縮の jquery.js を使うことが多かったわけです。 それが、1.9 からはソースマップに対応したので圧縮版のままでのデバッグが簡単になってます。 超簡単な使い方 ソースマップに対応したブラウザーは現時点では Google Chrome のみなので、Google Chrome の手順を説明します。 (Firefox はソースマップへの対応を計画中らしい) 事前準備を忘れずに Google Chrome で
ChromeでjQueryの「ソースマップ」読み込みがエラーを起こしていた件 | Crunchlog
調べてみるとjQuery 1.9の新機能で「ソースマップ」に対応した、というのに関係あるみたいでした。圧縮版のjquery.min.jsを使っているのですが、圧縮してあるがゆえに覗き込んでもその中身は意味不明。そこでこの「ソースマップ」が活躍するみたいです。圧縮されているソースもこの「マップ」があれば中身を理解できる！っていう便利アイテムだそう。 しかし、今はいりません！ というわけで、「ソースマップ」を使わない設定にします。 Chromeで「ソースマップ」を使わない設定方法 Chromeの「設定」アイコンをクリック Chromeのデベロッパーツールの右下にある「設定」アイコンをクリック 「Enable source maps」をオフ 「General」にある「Enable source maps」のチェックを外します。 これで今まで通りにエラーが出なくなりました。 使いようによっては便利
httpsだとjQuery/Ajaxは使えないのでしょうか？
jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。
jQueryなどを読み込む時に困った話〜httpとhttpsと省略〜 - Qiita
自分のホームページでjQueryを読み込もうとしたらエラーがでた。 普通にjQueryを読み込もうとしました。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> Mixed Content: The page at 'https://XXX/index.html' was loaded over HTTPS, but requested an insecure script 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js'. This request has been blocked; the content must be served over HTTPS. と怒られてしまいました
サイトをSSL化 (https) したときにハマった - 道灌山田
知人がサイトにSSLを導入したときに、WordPressの設定で http を https に 変えたりした後、トップページは正しく表示されるのですが、他のページが 表示はされるもののスタイルシートが適用されないという問題に遭遇していました。 ブラウザのデベロッパーログをみると、 Mixed Content: The page at 'https://xxx/yyy/' was loaded over HTTPS, but requested an insecure script 'http://xxx/wp-includes/js/jquery/jquery.js?ver=1.11.3'. This request has been blocked; the content must be served over HTTPS. というエラーがいくつも出ており、https とhttp が混
見出しから目次を自動生成してくれるjQueryライブラリ「TOC」のダウンロードと使い方！ | HPcode
TOCのダウンロード TOCのライブラリは以下からダウンロードできます。ただし最新版は必要なファイルが揃っていないため注意が必要です。 → https://github.com/jgallen23/toc 仕方ないので、バージョンを落としてダウンロードしていきましょう。 「Releases」を選択してください。 かなり古くなりますが、、「0.3.2」のバージョンのzipファイルをダウンロードします。 zipファイルを解凍してdistフォルダの中身を確認しておいてください。以下のファイルを使います。 dist/toc.min.js TOCの読み込み まずは、先程ダウンロードしたtoc.min.jsファイルを読み込みます。 jQueryを先に読み込んでいる必要があります。 コピー<script src="https://code.jquery.com/jquery-3.3.1.min.js">
JavaScriptのコード整形ツール
公開日: 2015/08/28 | 更新日: 2017/05/29 Minify処理などで難読化したJavaScriptのコードに、インデントや改行を付けて、分析したり確認しやすく整形するツールです。 変換「変換前」のフォームに、コードを入力するか、ファイルをドロップして下さい。「変換後」のフォームに変換結果が表示されます。
最近見かけるレイアウト・ナビゲーション・スライダー・フォームなどがどうやって実装されているのかのまとめ
Webページやスマホアプリで見かけるレイアウト、ナビゲーション、ボタン、スライダー、フォーム、タイムライン、ボタンなど、CSSを使って実装されたテクニックがまとめられたコンテンツを紹介します。 デザインのアイデアとして、またそれが実装可能かどうか、実装はどうやっているのか、何かあった時にチェックすると便利です。
JavaScript・jQueryの改修・高速化のためのメモ - Qiita
たまにJavaScriptやjQueryなどの改修が入ったりすると忘れてしまうので、自分用のメモとして残しておきます。 JavaScriptコーディングベストプラクティス（高速かつ堅牢なコードを効率よく書くために）を参照しながらのメモになります。 随時、この記事に追記予定です。 高速化メモ JavaScript編 スタイルシートは上に、JavaScriptは下に指定する JavaScriptファイルは読み込んだ後、通常はスクリプトを解析している間、他のファイルの読み込みをブロックする JavaScriptはページの上部に指定すると、このブロックによりロード時間が増加する場合がある スタイルシートはなるべく上に、JavaScriptファイルは下部にしていることで、ロード時間が短縮できる 画面描画に関係ないJavaScriptは、</body>の直前に書く $(document).readyを
【jQuery】これだけで完璧に導入できる［Lightbox］の実装方法。
投稿日：2014年9月24日 更新日：2014年9月24日 JavaScript, jQuery 1672文字：約3分 ONZE 株式会社 オンズ ONZE https://on-ze.com/archives/1715 一時期、多くのサイトで導入され大流行した jQuery プラグイン［Lightbox］の使い方を紹介します。 皆様もうご存知でしょうけれど、念のために動作のサンプルを以下のURLに置いておきます。 画像をクリックすると背景が暗くなり、指定された画像がズームして再表示されます。 Lightbox：サンプル・デモ まずは公式サイトより、［Lightbox］のデータ一式をダウンロードしてきます。 Lightbox：ダウンロード ダウンロードした zip ファイルを展開すると、いくつかのフォルダとファイルが解凍されます。 基本的に、使用するのは「js」フォルダの中にある［ligh
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
