広告が非常にされている時に当たり障りのないようにブロックする表示を作ってみた | 9ineBB
サイト運営をして広告収入を得ている方は、広告が非表示になるプラグインとかで機会損失が有るのじゃないかと気になったりするものです。そこで、広告を非表示にしているとブロックするプラグインが存在するのですが「FuckAdBlock」というものがある。 こちらの「FuckAdBlock」は、広告非表示の拡張機能等が使われているかどうかを判断するための条件分岐に使えるものです、これ自体は特に何かしてくれるわけではないのでこれを使って、条件に一致した時に何かを実行するようにするのですが。 できるだけ当たり障りのないようにしつつ、広告非表示を解除してみてくれるようにメッセージを表示してみるというものを作ってみました デモ&ダウンロード DOWNLOAD 上のデモは拡張機能でAdBlockが有効なときに表示されます。拡張機能を入れていなくても表示のみ確認したい場合はこちらを御覧ください。 完全にブロックし
srad.jp
We’re getting things ready Loading your experience… This won’t take long.
JavaScriptでグラフ描画入門！全８個のライブラリをコード付きで一挙に解説！ -
どうも、まさとらん（@0310lan）です。 今回は、JavaScriptを使って「グラフやチャートを描きたい！」とか、「さまざまなデータを可視化させたい！」という人にオススメのJSライブラリをご紹介しようと思います。 また、すぐに使い始められるように、ミニマムな構成の「サンプルコード」も合わせて掲載しているので、自分に合ったライブラリを使う取っ掛かりになれば幸いです。 ■Chart.js 【Chart.js】 最近、活発にバージョンアップをしている「Chart.js」は、すべてのグラフが自動的にアニメーション表示されるユニークな仕掛けを持っており、シンプルで理解しやすい記述が出来る点も魅力です。 グラフの種類は少ないものの、モダンブラウザ＆レスポンシブ対応で、あまりカスタマイズせずに「デフォルト」のままでも手軽に使えるでしょう。 【 基本の書き方 】 「chart.js」ファイルは、公式
複数のYouTube動画を埋め込んでも重くならないようにする方法 - オバサンになりたい。
2016/4/27更新 スマホでも動作するよう対応しました こんにちは、錠前（ @jomae_yasushi ）です。 YouTube動画が大量に貼り付けられたページを開いてPCがクラッシュしそうになった経験、ネトサフをよくする人なら一度はあるかと思います。とにかく重いですよね〜 私も先日動画をふんだんに貼り付けた 楽曲紹介記事 を作ってみたのですが、30本の動画を埋め込んだページはノートPCでも表示に少し時間がかかり、スマホでは何度リロードしてもなかなか表示されないといった具合で、これはいかんと急いで対応策を調べました。 ネットのあちこちに書かれている色々な方法を試してみたのですが、JavaScriptの知識に乏しい私でも簡単に実践できた方法を以下に紹介します。ついでに知っておくと理解が深まる周辺知識もまとめてみました。 YouTube動画とサムネイルのURL YouTubeの動画ページ
10年のツケを支払ったフロント界隈におけるJavaScript開発環境（2016年4月現在）。 - 日々、とんは語る。
2015年はCSSが普及した以来となる10年に1度のフロントエンド大変革期で、それまでのツケが一気に回ってきたと個人的に感じていました。目まぐるしく状況が変化していきましたが、2016年になり、個人的にだいぶ落ち着いてきたと感じているので、ここらへんでまとめておきたい思います。 最初に結論を書いておくと、 『React + Redux + react-router + material-ui + axios + ES2015 + Babel + webpack + ESLint + Airbnb JavaScript Style Guide』 という組み合わせが、いま僕の採用しているJavaScriptの環境です。 主要ライブラリは React A JavaScript library for building user interfaces | React 去年、一気に普及したReact
JavaScriptでルールを書けるテキスト/Markdownの校正ツール textlint を作った
azu/textlint textlint というテキスト(plain textとMarkdown)の校正をするためのコマンドラインツールを書きました。textlintはNode.jsで書かれていて、Node.jsモジュールとしての利用することもできます。 一番の特徴は校正するルールをJavaScriptで書くことで拡張可能な作りになっています。 The pluggable linting tool for text(plain text and markdown). 逆にデフォルトではルールはサンプル扱いのno-todoというTODOが含まれてることを検知するルールしか今のところ入れていません。 Example: creating no-todo rules. デフォルトでルールが用意されていて、それの設定を変更することでLintする場合はRedPenなどがお勧めです。 RedPen:
textlintで日本語の文章をチェックする
textlintはMarkdownなどテキスト向けのLintツールで、テキスト版ESLintみたいな感じのツールです。 JavaScriptでルールを書けるテキスト/Markdownの校正ツール textlint を作った | Web Scratch 最近azu/JavaScript-Plugin-Architectureという小さな書籍を書いていて、色々簡単に使えるような仕組みを追加しています。 この記事では簡単なtextlintの導入方法について紹介します。 公式サイトには一部ルールを含むオンラインデモが公開されています。 textlint · The pluggable linting tool for text and markdown ドットインストールにてNode.jsのインストール、textlintの利用方法、エディタとの連携などのチュートリアルが公開されています。Node.
ここ数年前から2015/5までのモダンフロントエンドを総まとめしてみた
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? HTML5や、次々と台頭するJavaScriptフレームワークにみられるように、現在のフロントエンドは異常なほど動きがあります。 常にキャッチアップしていないと、いつのまにかOLDな技術を使い続けることになります。実際に今回記事にしてみて、ちょっとつらくなりました。。 しかし、フロントエンドエンジニアとしてコードを書いていて（最近は主にJavaScript）、そのおもしろさに日々驚いています。 そこで今回は、ここ数年~2015年のフロントエンド界隈で一度は流行った技術、今後の動向などをまとめました。タイトルにモダンとありますが、その辺は
ツイート中の頻出キーフレーズと連想語から関心事を可視化する実験: Twitter Streaming API→Yahoo API→各種補完API→Gephi - NO_WAIT_FOREVER
Twitter Streaming APIを使用して自分のツイートを取得し、頻出語を調べることを思い立ちました。 Twitterアカウントを通して見た自分の関心事がどんなものであるかを調べ、 どれくらい当たっているかを見る遊びでしたが、結果は当たらずといえども遠からずといった程度でした。 既存のサービスを呼び出すだけのプログラミングであり、 簡単に実装できると思いきや、コード量は思ったより多くなり苦労しました。 この記事では、使用したライブラリやAPIの備忘録を兼ねて、プログラム例とツイートの解析結果可視化例を紹介します。 実験の概要 下記の流れで実験しました。自分のTweet中のキーフレーズだけでは面白くないので、 ちょっと血迷ってGoogleなどが提供する補完サービス(いわゆるサジェスト)の結果を 「連想語」として利用することを考えました。 Twitter Streaming APIを
画像に合った背景色を自動的に設定してくれるプラグイン「ADAPTIVE BACKGROUNDS」 | ライフハッカー・ジャパン
「ADAPTIVE BACKGROUNDS」は画像に合った背景色を自動的に設定してくれるJavaScriptプラグインです。たとえば赤い色の画像に対しては薄い赤色の背景色をつけたり、白が多めの画像には白に近い色を背景色につけることができます。プラグインを導入して画像にCSSを当ててあげるだけで自動的に色が決定します。 詳細は以下より。まずADAPTIVE BACKGROUNDSへアクセスしましょう。サイトの下部にデモが表示されています。 このように背景色が画像の色に近いものになっていることが分かります。これはこのプラグインが自動的に画像の色を判断し、適切な背景色を割り出してくれています。背景色を画像に合わせて変化させたいときに使えますね。ぜひ一度お試しください。 ADAPTIVE BACKGROUNDS （カメきち）
FirefoxのJavaScriptエンジン「Spidermonkey」はChromeの「V8」より高速 | スラド デベロッパー
FirefoxのJavaScriptエンジン「Spidermonkey」が、JavaScriptベンチマークスコアにおいてGoogle Chromeの「V8」やWebKitの「JSC」を上回ったそうだ（GIGAZINE）。 調査を行ったのは、MozillaのJavaScriptチームが運営するAreWeFastYet?で、テストにはKraken、SunSpider、GoogleのOctaneといったJavaScriptベンチマークを使用したという。ARE WE FAST YET?が公開している2012年からのベンチマーク結果を表わしたグラフでは、2014年2月以前はChrome V8が最も実行速度が速かったものの、それ以降はSpidermonkeyが僅差で逆転して1番手をキープしている。 ただし、MozillaハッカーのRobert O'Callahan氏は「実際に使用した際のパフォーマン
JavaScript と Scheme について - ksmakotoのhatenadiary
清水さんの「これがプログラミングの神髄だ! ファイナルファンタジーのプログラマーが明かす秘密とLispトークバトル!」（ http://d.hatena.ne.jp/shi3z/20140123/1390429115 ）にある、 もともとJavaScriptはLispの方言であるschemeをベースとして開発されたわけだからね。 という記述に関して関連資料のメモ。 （ブレンダン・アイクさんのブログも参照のこと https://brendaneich.com/2008/04/popularity/ ） 『Coders at Work』(邦訳版) Coders at Work プログラミングの技をめぐる探求 作者: Peter Seibel,青木靖出版社/メーカー: オーム社発売日: 2011/05/25メディア: 単行本（ソフトカバー）購入: 11人 クリック: 360回この商品を含むブログ
Webフロントエンドに従事するお前らはいい加減高頻度イベントとレイアウトとスタイリングの付き合い方を考えろ - Qiita
もうなんかこの際マジで言わせていただくんですけど、知ってるか知らないか分かりませんが世の中にはすごい頻度で呼ばれうるDOMイベントって言うのがいくつかあるわけですよ 例えば scroll mousemove, touchmove devicemotion 辺りですよ。 で、高頻度で呼ばれるって言うことは必然的に処理量が増えるって分かりますよね？？？？？while(1) {}じゃないとはいえUIスレッドに十分影響を与えうる頻度で呼ばれる訳です。分かりますよね？？？？？？？？ そうなると当然そのイベント内で重い処理を行えば人間が認識できるレベルでのレスポンス遅延が起きるっていうのはご理解できますよね？ 重い処理っていうのはまぁ想像出来るとは思うんですが例えばよくあるのが DOMのレイアウトプロパティへのアクセス offsetTop、offsetLeft、offsetWidth、offsetHe
HTML + CSS + JavaScript で簡単に導入できるdatetimepicker の比較｜TechRacho by BPS株式会社
2014.10.15 HTML + CSS + JavaScript で簡単に導入できるdatetimepicker の比較 最近MBA 買ったんですけど、ずっとドザーだったので全然慣れないshibuso です。トラックパッド使うと指が痛くなって泣ける…。 さて、今回は無料で公開されているdatetimepicker についてまとめたいと思います。datetimepicker と聞いてピンと来ない人は、フォームをクリックするとカレンダーが表示されて、そこで日時を選ぶ機能と思ってもらえば大体合ってます。少し前までプルダウンで年月日を選ぶのが普通だったのに、色々と便利になってきています。 とはいえdatetimepicker はまだあまり選択肢が無いように感じます。私の検索の仕方が悪いのかもしれませんが、日付のみを選択できるdatepicker の方が多いかと。そんな中、今回はdatetime
あなたがReactを使うべき理由 - mizchi's blog
最近フロントエンドでfacebook/reactをずっと使っている。世界的には一部のエンジニアの間で流行っているのだが、国内だとqiitaのタグ等を見てもどうも少ない。みんなもっと使うべきだと思うので、宣伝かねて意見をまとめてみる。 複雑化するデータバインドに対する懸念 MVWのVに対して思いを馳せると、だいたい次のことに行き着く。すなわち、「ある構造体の入力に対して、必ず一意なビューを生成したい」 {items: [1, 2, 3]} を入力とすると、 1, 2, 3のli要素になってほしい。これは単純な例だから問題に成り得ないように見えるが、アプリケーション全体の状態を一つのjsonとして定義し、 そこから常に0から組み立てればアプリケーションの健全性が確保できると考えたことはないだろうか？ 現実の問題 UIのだいたいの状態は遷移で表現される。遷移の差分をプログラマが記述する。jQue
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
英国正版365官方网站|中文-Best Casino No.1
【やじうまWatch】ブラウザー上でOSが動く、JavaScriptだけで書かれたOS「OS.js」が面白いと評判
ECMAScript 6 Features（PDF 版）
https://qiita.com/falsandtru/items/0e92c2ee8f4a6b940133
https://qiita.com/kenokabe/items/61d156005c7831c693cd