もっと！Promiseと仲良くなるためにスニペットを用意する - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
yohgaki's blog - 画像ファイルにJavaScriptを隠す
Last Updated on: 2014年12月5日前回のエントリでイメージファイルにスクリプトを埋め込んで攻撃する方法について記載しましたが、最近イメージファイルにスクリプトを埋め込む事例が話題になったためか ha.ckersにJavaScriptをイメージファイルに隠す方法が紹介されています。 http://ha.ckers.org/blog/20070623/hiding-js-in-valid-images/ <script src="http://cracked.example.com/cracked.gif"> などとXSS攻撃を拡張する手段に利用可能です。サンプルとしてFlickerにJavaScriptを埋め込んだイメージファイルがアップされています。 このイメージファイルは上手く細工しているので画像としても表示され、JavaScriptも実行できます。 Flickerは
Array.prototype.filter() - JavaScript | MDN
引数 callbackFn 配列のそれぞれの要素に対して実行する関数です。この関数は、配列の要素を保持する場合は真値、保持しない場合は偽値を返します。この関数は以下の引数で呼び出されます。 element 配列内で処理中の現在の要素です。 index 配列内で処理中の現在の要素のインデックスです。 array filter() が呼び出された配列です。 thisArg 省略可 callbackFn を実行する際に this として使用される値。反復処理メソッドを参照してください。 返値 指定された配列の一部を、指定された関数で実装されたテストに合格した要素だけに絞り込んでシャローコピーしたものです。テストに合格した要素がない場合は、空の配列が返されます。 解説 filter() メソッドは反復処理メソッドです。指定された callbackFn 関数を配列の各要素に対して一度ずつ呼び出し、
DAD UNION – エンジニア同盟｜世のエンジニアを手助けするテック系サイト
SEO Webサイトのタイトルと検索結果のタイトルが違う表示！原因と対処法を徹底解説 2025-10-10 dad-union
動的スクリプトローディング（さんざん既出だと思うけど - IT戦記
なんか、既出な予感もするんですけど 私製版を作ったので コード var load = function(src, check, next) { check = new Function('return !!(' + check + ')'); if (!check()) { var script = document.createElement('script') script.src = src; document.body.appendChild(script); setTimeout(function() { if (!check()) setTimeout(arguments.callee, 100); else next(); }, 100); } else next(); }; 考え方は、 このエントリ と同じです。 使い方 以下の場合 // 処理 1 // ← ここで jQu
遅延ロードでJavaScriptのお勉強 - Born Neet
となっています。 わかりにくいのは、checkですね^^ この関数では、外部jsの読み込み完了を判断する必要がありますが、JSにはそんな機能はありません。 （っていうか外部ファイルのロード自体もHTMLを利用して実現してるぐらいです） ただ、多くのjsファイル（ライブラリは特に）読み込まれるとグローバル領域に何かしらのオブジェクトを作ります。 なので、そのオブジェクトの有無をチェックすることで、外部jsのロード完了をしろうというわけです。 jQueryだと、window.jQueryがそのオブジェクトになります。（window.はグローバルを示します） function load(src, check, next) { } と書かないのは、前者の方が汎用性が高いためだと思われます。 if文等ブロック内に書けたりとかするので。 （function文だと関数の中に書けないからこっちの形にしてる
jQueryで処理されるタイミング 【div箱の高さが取得できない！の原因１】
Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/1/ukgadokikaku/web/adokikaku.com/dev.adokikaku.com/wp-includes/formatting.php on line 4382 Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/1/ukgadokikaku/web/adokikaku.com/dev.adokikaku.com/wp-includes/formatting.php on line 4382 Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users
javascript入門／正規表現の使い方 | SONICMOOV LAB
のようにすればよいのですが、「先頭や末尾にある文字列か含まれるか」などある特定の条件でマッチするかを調べる為には正規表現を使わなくてはなりません。 正規表現は文字のパターンを記述する為の表現法です。 正規表現の使い方 基本的な書き方 matchを使った基本的なパターンマッチの書き方 修飾子 【修飾子編】大文字と小文字を無視するマッチなどのやり方 大文字と小文字を区別しない グローバルマッチ 複数行マッチ 組み合わせ ブラケット 【ブラケット編】特定の文字が含まれているかを探すためのやり方など ある文字を見つける ある文字以外を見つける ある範囲の数字を見つける ある範囲の数字以外を見つける ある単語を見つける メタキャラクタ 【メタキャラクタ編】数字や文字、タブなどのマッチのやり方 改行や行終端を除いて、単一の文字とマッチ 文字や数字とマッチ 文字や数字以外とマッチ 数字とマッチ 数字以外
【JavaScript】JavaScriptの正規表現で変数を使う - だめだま
JavaScriptで正規表現のmatchを使う場合 通常 hoge.match(/abc/); とするけどabcの部分は変数ではなくてStringとして認識されてしまうので var abc = "efg"; hoge.match(/abc/); としてもefgを検索してくれない。 そこで、変数を入れたい場合は正規表現オブジェクトを使う var abc = "efg"; reg = new RegExp(abc); hoge.match(reg); とするとefgで検索してくれるようになる。 細かい検索条件も設定可能 reg = new RegExp("^" + abc + "[0-9]+$");
JavaScriptフレームワークの寿命 | POSTD
(注記：9/13、いただいた翻訳フィードバックを元に記事を修正いたしました。) 半年ごとに”今一番ホットな”フレームワークが新たに登場しては、私たちは興奮に沸き返ります。 誇大広告を信じてはいけません。 フレームワークの寿命 はプロジェクトの成功を左右するほど重要な要素です。フレームワークを選ぶ際、テクノロジにおける多くの意思決定者は納得のいく選択をするために、コミュニティの大きさ、人気、大企業によるサポートの有無などを基準にしています。しかし実際は、こうした要素によって寿命が決まるわけではありません。 最初は勢いがあったのに、徐々に弱まり、最終的には線香花火のごとく儚く消えてしまうようなフレームワークを選んでしまうと、書き直しに無駄な時間を費やしたり、チームの士気を下げたりする原因となります。本記事は、そうした残念な結果を回避するヒントをまとめたものです。 本記事では以下のことを示したい
Coming Soon
We're under construction. Please check back for an update soon.
JavaScript開発者が一度は読むべきStackOverflow - Qiita
10.How do JavaScript closures work? http://stackoverflow.com/questions/111102/how-do-javascript-closures-work JavaScriptのクロージャーについて 結構とっつきにくい「クロージャー」に苦労されている人も多いかもしれませんが、サンプルコードが多いので英語わからなくても助かります 個人的にはQuestionの「Like the old Albert Einstein said: ... 」というくだりが好きw 9. What does “use strict” do in JavaScript, and what is the reasoning behind it? http://stackoverflow.com/questions/1335851/what-does-use
web-animations-jsで策定中のAPIを先取りする - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事はJavaScript Advent Calendar 2014の記事でもなければ、Frontrend Advent Calendar 2014の記事でもありません。 べ、べつに書こうと思ったらすでに埋まってたとかじゃないんだからねっ！ CSSアニメーションやSVGアニメーションなどを抽象的にタイムラインベースで扱うことのできる web-animations-js が便利なので使い方などを書いておきたいと思います。 公式サイト：https://www.polymer-project.org/platform/web-animat
Fetch as Google でページをレンダリングできるようになりました
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
Chrome DevToolsを使ってJavaScriptのメモリリークを検出し、解消する - 人生dat落ち
JavaScriptを書いていたらブラウザがくっそ重くなる症状に出くわした。あぁ、噂のメモリリークですわ。 先人の知恵に頼るマン。それっぽい記事が見つかる。 javascriptのメモリリーク対策(随時更新) - Qiita Shibu’s Diary: JavaScriptのメモリリークを10倍速で発見する Taming The Unicorn: Easing JavaScript Memory Profiling In Chrome DevTools Writing Fast, Memory-Efficient JavaScript - Smashing Magazine angularjs - How to catch memory leaks in an Angular application? - Stack Overflow 上の記事はProfiles + Take Heap
複数の要素の高さを行ごとに揃えるJavaScript関数の実装方法
JavaScriptコードfunction equalBoxHeight(elm, num) { var elm = jQuery(elm); elm.each(function (i) { var height; var $this = jQuery(this); if (i === 0 || i % num === 0) { height = $this.height(); for (var n = i + 1; n <= i + num - 1; n++) { if (height < elm.eq(n).height()) { height = elm.eq(n).height(); } } for (var n = i; n <= i + num - 1; n++) { elm.eq(n).css("height", height + "px"); } } }); } equal
モダンな言語でHTML5を開発しよう！ 俯瞰して理解するaltJSの比較 (前篇 – TypeScript, CoffeeScript, Haxe)
※いずれの言語もマルチプラットフォームであり、Windows, Mac OS Xともにどちらでも利用することができます。 比較対象のサンプル サンプルとしてシンプルなスライドショーのWebコンテンツを用意しています。それぞれの言語でどのように記述して実装するのか、また生成されたJavaScriptがどのようなものであるか確認していきましょう。このサンプルでは言語の特性を紹介するために、実用的な要素として「クラス構造の利用」「既存JSライブラリの利用」「ユーザー操作」を含めています。 デモを開く 「Change Photo」ボタンをクリックすると写真が切り替わります。CSS3の3D TransformsをjQueryを用いて制御します（確認の際には、CSS3の3D Transformsが利用できるブラウザをご利用下さい） 概要 TypeScriptはマイクロソフトが開発するオープンソースの言
優秀なJavaScriptの開発者になるための5か条 | POSTD
(注記：7/15、いただいた翻訳フィードバックを元に記事を修正いたしました。) 子供の頃、私の興味は互いに関係性のない様々な分野に及んでいました。数学も歴史も大好きでした。 ルネッサンスマン 、つまり 博学者 と言う、複数の分野に秀でた人になりたいと思っていました。これはとても難しい課題で、私は突如として、器用貧乏な人になってしまう危機に直面したのです。 私は特定の分野に特化しなくては、と考え始めました。そうすればたとえルネッサンスマンにはなれなくても、少なくとも、器用貧乏にならなくても済むと思ったのです。どうしたらソフトウェア開発をするのに必要な広い知識を保ちながら、1つの分野で専門性を高めることができるのでしょうか。 この記事では、過去5年間、私が良いJavaScript開発者になるために使ったテクニックとリソースの概要をお伝えしようと思います。 最近の多くのWeb開発者は、ある共通の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: JavaScriptで学ぶ関数型プログラミング: マイケル・フォ-ガス, 和田祐一郎: 本
SEO検証！ GoogleはAngularJSを正しくクロールするのか？（2015年2月版）
