2019年になってもまだjQueryを使用している理由
現在、jQueryを使用している人、そしてjQueryを取り去ろうとしている人がいると思います。jQueryの使用に対する一つの考え方を紹介します。 Why I'm still using jQuery in 2019 by Martin Tournoij 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は元サイト様のライセンスの元、翻訳しています。 2019年になってもまだjQueryを使用しているのはなぜですか Hacker News での議論 多くの人が「普通のJavaScriptを使えば、jQueryは必要ない」と主張しています。私は多くを必要としないので、jQueryを必要としませんが、確かに便利です。 You might not need jQueryのようなページでは、jQueryを捨てるのは簡単だというアイデアを売り込もうとしていますが、逆にこのページの最初の例
Callback を撲滅せよ
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。言語サポート（Node.js）チームの伊藤（@koh110）です。 Node.js v10 も10月にLTSとなり async/await によるフロー制御は当たり前のように利用されるようになってきました。JavaScriptの非同期処理は async/await から覚える人も今後増えていくでしょう。今回はそんな非同期処理について、社内での事例を交えて記事を書いていこうと思います。 index Promise 化がなぜ重要なのか ユーザーに promisify をさせる落とし穴 Road to Promise まとめ Promise 化がなぜ重要なのか ちょうど3年前のアドベントカレンダーで、今後はいろいろなモジュー
GPLなJavaScriptのコードは、非フリーなソフトウェアに使えるのか ― ありえるえりあ
Recent entries Apache2.4のリリース予定は来年(2011年)初め(あくまで予定) inoue 2010-12-23 Herokuの発音 inoue 2010-12-20 雑誌記事「ソフトウェア・テストPRESS Vol.9」の原稿公開 inoue 2010-12-18 IPA未踏のニュース inoue 2010-12-15 労基法とチキンゲーム inoue 2010-12-06 フロントエンドエンジニア inoue 2010-12-03 ASCII.technologies誌にMapReduceの記事を書きました inoue 2010-11-25 技術評論社パーフェクトシリーズ絶賛発売中 inoue 2010-11-24 雑誌連載「Emacsのトラノマキ」の原稿(part8)公開 inoue 2010-11-22 RESTの当惑 inoue 2010-11-22 「プ
今の時代、ウェブページは一瞬で表示するべき！ 画像の遅延読込に役立つamp-imgの使い方 - ICS MEDIA
ウェブページの表示速度は、離脱率やコンバージョン率にもっとも影響する重要なポイントです。Googleが公表した調査結果では、「表示に3秒以上かかると、約53%のユーザーは離脱する」「表示速度が1秒から6秒に落ちると、直帰率は106%上昇する」というデータが出ているようです。 表示速度を改善する施策は色々とありますが、本記事では「AMPアンプ（Accelerated Mobile Pages）」を作成する際に利用するJavaScriptライブラリーを使って、簡単に表示速度を改善する手法を紹介します。 AMPとはウェブページの読み込みを高速化させる技術 「AMPアンプ（Accelerated Mobile Pages）」とは、名前の通りモバイルでのウェブページの読み込みを高速化させる技術です。 本サイト（ICS MEDIA）では以前「AMPの利点と対応HTMLの作り方」で導入方法を紹介していま
【JavaScript】３大フレームワーク Angular, React, Vue.jsを比べてみよう (2018年4月) - Rのつく財団入り口
JavaScriptフレームワークを比較してみよう (2018年4月) トレンドの移り変わりが激しいWebフロントエンド。2017-2018年現在、JSフレームワークで最も有力な3強がAngular/React/Vue.jsの３つと言われています。他に日本で比較的聞くのはRiot.js、Ember.js、Hyperappなどがありますね。 ちょいとFW選定の技術調査でいろいろ調べたりしたので、このエントリでは初学者なりに比較を整理してまとめてみたいと思います。 なお最後にも書いてありますが、実際に使ったりして得られた知見もあれば、入門レベルだと確かめようがないので本やネットの情報や意見の中で多いものの受け売り的になっているところもあります。フレームワークって結局どれがいいのという話は混乱したり場合によっては荒れがちですが、最終的には情報は各自の判断でご利用ください。フレームワークは開発をよ
Webブラウザの操作をJavaScriptで自動化。Headless Chromeのフレームワーク「Puppeteer」がバージョン1.0に到達。ChromeのDevToolsチームが開発
UIを持たずスクリプトから操作可能なWebブラウザのHeadless Chromeを利用するためのフレームワーク「Puppeteer」がバージョン1.0に到達した。Webアプリケーションの自動テストなどに利用可能だ。 GoogleのWebブラウザ「Chrome」は、ユーザーインターフェイスを持たずコマンドラインやリモートデバッグ機能を通じてWebブラウザを操作できる「Headless Chrome」機能を備えています。この機能は2017年6月にリリースされた「Chrome 59」から実現されたものです。 Headless Chromeを利用すると人間がWebブラウザをマウスやキーボードで操作することなく、プログラムでHeadless Chromeを起動し、特定のWebページを読み込み、画面キャプチャの取得や、指定された場所をクリックし、値を入力し結果を取得する、といった操作を自動的に行わせ
イマドキのJavaScriptの書き方2018
PySpa統合思念体です。これからJavaScriptを覚えるなら、「この書き方はもう覚えなくていい」（よりよい代替がある）というものを集めてみました。 ES6以降の難しさは、旧来の書き方にプラスが増えただけではなく、大量の「旧来の書き方は間違いを誘発しやすいから非推奨」というものを作り出した点にあります。5年前、10年前の本やウェブがあまり役に立たちません。なお、書き方が複数あるものは、好き嫌いは当然あると思いますが、あえて過激に1つに絞っているところもあります。なお、これはこれから新規に学ぶ人が、過去のドキュメントやコードを見た時に古い情報を選別するためのまとめです。残念ながら、今時の書き方のみで構成された書籍などが存在しないからです。 たぶん明示的に書いていても読み飛ばす人はいると思いますが、すでに書いている人向けではありません。これから書くコードをこのスタイルにしていくのは別にいい
kuromoji
kuromoji.js JavaScript implementation of Japanese morphological analyzer. This is a pure JavaScript porting of Kuromoji. You can see how kuromoji.js works in demo site. Directory Directory tree is as follows: build/ kuromoji.js -- JavaScript file for browser (Browserified) demo/ -- Demo dict/ -- Dictionaries for tokenizer (gzipped) example/ -- Examples to use in Node.js src/ -- JavaScript source t
特別なツール不要！ TypeScript 2時代の型定義ファイルの取り扱い方 - Qiita
TypeScriptを使う上で欠かせないのが型定義ファイルの取り扱いです。TypeScript 1系では、型定義ファイルを管理するツールとして、tsdやTypingsがありました。TypeScript 2以降は特別なツールはいらず、Node.jsインストール時に付属するnpmのみで型定義ファイルが管理できる機能が開発中です。 TypeScript 2以降で型定義ファイルをインストールする npmの初期設定後、型定義ファイルをインストールするには次のコマンドを実行します。
[JavaScript] postMessageでクロスドメインメッセージ通信 - Qiita
原則、JavaScriptでは異なるドメイン間のAjax通信はできません。つまり、自サイトから他サイトのデータを取得することはできません。 HTML5では、異なるドメイン間でも安全にデータをやり取りできるよう、postMessage が用意されました。（両ドメインのサイトが postMessage を実装している必要があります） コード例 基準サイトから外部サイトへメッセージを投げて、返信を受け取る場合のコード例です。外部サイトの window オブジェクトを必要とするため、iframe と併用されることが多いようです。 ＜基準サイト側＞ <!-- 外部サイトへメッセージを投げるためのiframe --> <iframe id="ifrm" src="http://外部サイト.com/xxx.html" style="display:none;"></iframe> <script typ
![[JavaScript] postMessageでクロスドメインメッセージ通信 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/673c9e2d43b2de5884c6059a583ce8b7578ab714/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyMHBvc3RNZXNzYWdlJUUzJTgxJUE3JUUzJTgyJUFGJUUzJTgzJUFEJUUzJTgyJUI5JUUzJTgzJTg5JUUzJTgzJUExJUUzJTgyJUE0JUUzJTgzJUIzJUUzJTgzJUExJUUzJTgzJTgzJUUzJTgyJUJCJUUzJTgzJUJDJUUzJTgyJUI4JUU5JTgwJTlBJUU0JUJGJUExJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1hYTViOGJmMzg1OWFiODhhNWIzZmFlMTUyNGQ0Y2NhOA%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQweWFzdW1vZGV2JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1hZGVmYjFjYWYyMmRmM2Q0ZTE2MDg4NGE0ZTg3MjExNg%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D2260035745c8a7f1f58e635bf7000a66)
localStorageのstorageイベントのタイプ判定 - Qiita
localStorageにはstorageというイベントがあり，localStorageに変更があった場合に発火します このstorageイベントはlocalStorageを変更したドキュメント以外の，同じlocalStorageを共有しているwindow(タブ)で発火します。 変更を加えたドキュメント内では何も起きません。 storageイベントのeventオブジェクトのプロパティにはlocalStorageにどんな変更を加えたかの情報がないので，プロパティの値から判定する必要があります。（あるよね？） storageイベントが発火するタイミング storageイベントはlocalStorageに変更が加えられたときにだけ発火します。変更がない場合には発火しません。 実行するメソッドと状況によるイベント発火の有無 メソッド 状況 タイプ イベント発火
RDBの機能をNoSQLで実現する（1）
NoSQLに足りない部分は自分で作る 表1を見てください。これはRDBMSが扱うテーブルとKVSが扱うテーブルの性格の違いをまとめたものです。RDBMSが扱うテーブルついてはよくご存じの方も多いのではないでしょうか。これと比較すると、KVSが扱うテーブルには「列はデータ型を持たない」「キー（ID）を指定して特定した行にアクセスする」「独自のデータアクセスAPIを使う」「データの格納ルールが決まっている」といった特徴があります。 RDBMSではデータ型のチェックやテーブル結合、データ集計などができますが、KVSはかなりシンプルな機能しか提供していません。当然、いままでRDBMSで利用できていた機能の中には、KVSでは利用できないものがあります。このような機能を実現するには、アプリケーション側で工夫する必要があります。 RDB KVS データ型
JavaScriptとネイティブの通信の仕組み ― JsAlert方式／ローカルHTTPサーバ方式
本コーナーは、技術評論社発行の書籍『［iOS/Android対応］HTML5ハイブリッドアプリ開発［実践］入門』の中から、特にBuild Insiderの読者に有用だと考えられる項目を編集部が選び、同社の許可を得て転載したものです。 『［iOS/Android対応］HTML5ハイブリッドアプリ開発［実践］入門』の詳細や購入は技術評論社のサイトや目次ページをご覧ください。 前回は「カスタムURLスキーム方式／iOSで特定のページの読み込みを制限する」を説明しました。本稿はその続きです。 ■ 11.7 JsAlert方式 WebViewには、通常のブラウザでは設定できないような細かい挙動を設定できる項目があります。アラートダイアログを画面に表示するには、JavaScriptではalert関数を用いますが、AndroidのWebViewの場合、このalert関数を呼び出した際の挙動を設定できます
カスタムURLスキーム方式／iOSで特定のページの読み込みを制限する
前回は「addJavascriptInterface方式（後編）／ネイティブからJavaScriptへ値を渡す」を説明しました。本稿はその続きです。 ■ 11.5 カスタムURLスキーム方式 今度は、カスタムURLスキームを用いてJavaScriptからネイティブ側へ命令を投げる方法を紹介します。この方法はAndroidとiOS、両方のプラットフォームで利用できます。 iOSのUIWebViewクラスとAndroidのWebViewクラスの両方で、オリジナルのスキームを持ったURLに対する読み込み方法を制御できます。例えば「http://」から始まるURLは通常どおりページを読み込ませるけれども、ある特定のスキームを持ったURLを読み込む場合は全く別の挙動をする、といった設定ができます。 この方法では、JavaScriptからネイティブへ値を受け渡すことはできますが、ネイティブから結果を受
addJavascriptInterface方式（後編）／ネイティブからJavaScriptへ値を渡す
前回は「JavaScriptからネイティブの機能を呼び出す方法／addJavascriptInterface方式（前編）」を説明しました。本稿はその続きです。 ■ 11.3.4 適用範囲の制限 この方法では、addJavascriptInterfaceメソッドで設定したWebViewで読み込んだすべてのHTMLでブリッジが提供されます。また、iframe内で読み込んだHTMLからもこのオブジェクトのメソッドを利用できます。つまり、WebView内で読み込んだHTMLのすべてのJavaScriptからJavaのオブジェクトを呼び出せます。 逆に、addJavascriptInterface方式の場合、特定のドメインを持つHTMLにのみブリッジを提供するということができません。外部の信頼できないHTMLを読み込んだときに、ブリッジを不正に利用されて情報を盗まれることもあり得ます。 したがってセ
JavaScriptからネイティブの機能を呼び出す方法 ― addJavascriptInterface方式（前編）
Apache Cordova／Adobe PhoneGapによるハイブリッドアプリ内での、JavaScriptとネイティブとの通信の仕組みを解説する。書籍転載の7本目（「Part 2《実践編》 第11章 JavaScriptとネイティブとのブリッジ」より）。
GASでGetパラメータを受け取ってスプレッドシートに書き込む方法 - Qiita
GASで、Getを使ったスプレッドシートへの入力方法についての覚え書き REST APIとかも作れると思うけど、動作速度に難があるのでちょっとしたモノにしか使えないかも まず、スプレッドシートを作ります 例によって、名前は適当に決めてください。また、[ツール]から[スクリプト エディタ]を起こします プロジェクト名とソース名は適当につけましょう 今回はdoGet(e)を使います。これはwebからパラメータを渡された場合 /exec?name=hoge とパラメータを渡すと e.parameter.name にhogeが入ります 今回の入力コードは以下になります。 スプレッドシートのIDはスプレッドシートのURLからコピーしておきましょう function doGet(e) { //doPost(e)にするとformからのpostデータを書き込むことが出来る //応用すれば、スプレッドシート
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
window.devicePixelRatio change listener
「ソースをパクる業者への対抗策」記事が話題に。「土日だけ不具合発生」の作り方も【やじうまWatch】
TypeScript Types Search