[B! javascript] hal7piのブックマーク

hal7pi id:hal7pi

javascriptに関するhal7piのブックマーク (5)

知らないと確実に損する！Web開発を効率化する最強のサービス8選をまとめてみた！ - paiza times
どうも、まさとらん（@0310lan）です！今回は、Web開発を効率化したり便利にしたりしてくれるWebサービスを厳選してご紹介しようと思います。プログラミング系、グラフ・チャート系、画像系、サイト構築系、分析・ログ系…など、幅広いジャンルから今すぐ活用できるサービスをまとめているので、ご興味ある方はぜひ参考にしてみてください！ ■GitHubのサイトから高機能なオンラインIDEを起動できるサービス！【 Gitpod 】 GitHubのリポジトリページから本格的な統合開発エディタを起動させて、ブラウザ上からプログラミングできるサービスが「Gitpod」です。 IDEにはターミナルも搭載されているので、コマンドの実行やGitの制御なども行えるうえGitHubのコードレビューにも対応しています。使い方は簡単で、GitHubのリポジトリURLの前に「gitpod.io#」を付与するだけで
hal7pi 2019/02/09
webサービス

プログラミング

javascript
リンク
JavaScriptの「コールバック関数」とは一体なんなのか
近年のフロントエンドの盛り上がりはすごいですね。プログラミング初心者がJavaScript（最近ではTypeScriptも）から学び始めるなんて昔ではなかなか考えられなかったことです。そんな世界中で大人気のJavaScriptですが、プログラミングに慣れていても困惑する部分が結構あります。特に初心者にとっては、非同期処理、this、コールバック関数、あたりが難しいのではないかと思います。非同期処理については前に解説しましたし、thisの解説はネットに大量に転がってるので、今回はコールバック関数について解説します。コールバック関数ってなんなんだコールバック関数というとsetTimeoutなんかで使われるアレですね。Node.jsでもたくさん使われます。setTimeoutだと以下のような使い方になります： setTimeout(function() { console.log('He
hal7pi 2019/02/09
javascript
リンク
おつかれさま、MYM 〜僕とMYMのフロントエンド戦争〜 - Yahoo! JAPAN Tech Blog
部屋への入室は招待かURL欄に部屋名を直接入力で可能です。もし入力した部屋が存在しなかった場合、新規に部屋が生成されます。非公開設定はいらないのではないか、とよく言われるのですが「入室を拒んでいるわけではないが検索を汚したいわけではない」という日本人的なニーズを満たしていて僕は気に入っています。先の記事で数字が載っていた通りMYM上には部屋が全部で15万ほど存在しますが、この公開設定のおかげかこれだけの部屋数になっていても検索性をあまり損なっていません。ヘビーに利用するユーザーであれば数百を超える部屋に入室するのは当たり前で、2000をオーバーすることも珍しくはありません。例えば僕は1000部屋以上入室しています。 > document.querySelectorAll('.list-myroom li').length 1109ぱっとこの数字だけ聞くと、まともに処理できる量を超えてい
hal7pi 2018/12/25
javascript
リンク
Webフロントエンドパフォーマンス改善ハンドブックを公開しました - dwango on GitHub
パフォーマンス改善ハンドブックウェブページにおけるパフォーマンスに関する問題の見つけ方や考え方の事例をまとめた Webフロントエンドパフォーマンス改善ハンドブックを公開しました。 URL: https://dwango-js.github.io/performance-handbook/ このハンドブックでは過去に行ったWebフロントエンドのパフォーマンス改善の事例を中心に紹介しています。注意点としてWebフロントエンドは常に変化しているため、現在の最適な解決方法を提案するものではありません。また、アプリケーションによっても最適な解決方法は異なります。今回の事例ではViewライブラリにReactを用い、映像再生プレイヤーなどある程度複雑な機能を持ったウェブアプリケーションのWebフロントエンドを扱います。具体的にはニコニコ生放送（以下「生放送」）で行った事例を中心に書かれていま
hal7pi 2018/09/17
あとで読む

performance

パフォーマンス

Javascript

web
リンク
【JavaScript】クリップボードに文字列をコピーする - B-Teck!
document.execCommand("copy") が選択した要素の文字列のみしかコピー出来ないので、一時的に要素を作って、選択してコピーする。 const copyToClipboard = s => { const d = document; // copy用の一時要素を作成し、文字を入れる const t = d.createElement('pre'); t.textContent = s; // 表示されていないとコピー出来ないのでbodyに追加する d.body.appendChild(t); // 追加した要素を選択しコピーする // コピー後に追加した要素を消すので画面上はほぼ影響がない d.getSelection().selectAllChildren(t); d.execCommand('copy'); d.body.removeChild(t); } doc
hal7pi 2018/06/22
はてなブログ

Javascript
リンク
1