The Modern JavaScript TutorialWe want to make this open-source project available for people all around the world. Help to translate the content of this tutorial to your language!
CSS の Container Queries おためし - 見返すかもしれないメモ
CSS に、コンテナクエリという機能があるらしい。 メディアクエリでは画面全体の大きさに応じて要素のスタイルを変えることができたけど、コンテナクエリを使うと当該要素の親の大きさに応じてスタイルを変えられる。 /* メディアクエリの例 */ /* 画面幅が 400px 以下だったら、div を赤くする */ @media screen and (max-width: 400px) { div { background-color: red; } } /* コンテナクエリの例 */ /* div の親要素の幅が 400px 以下だったら、div を赤くする */ @container (max-width: 400px) { div { background-color: red; } } その機能が Google Chrome Canary で使えるようにされたと聞いたので、使ってみた。 こ
JavaScriptユニットテストの理想と現実
Talk at 関西Node学園 梅田キャンパス 1時限目 https://nodejs.connpass.com/event/82614/
2018年の”JavaScript” 再入門/re-learning-about-js-in-2018
KMC春合宿2018での発表資料です
jsに関する情報収集を淡々と話す
Transcript KTʹؔ͢ΔใऩूΛ୶ʑͱ͢ 8F�"SF�+BWB4DSJQUFST�!��UI !NLJ@TLU Ҫ࡙ਓ NVLBJ�TBLJUP 5XJUUFS w ݴޠɺϑϨʔϜϫʔΫͷ ެࣜΛϑΥϩʔɻ w Α͘ใΛᄁ͘ਓΛϑΥϩʔ ͯ͠ɺϦετʹ·ͱΊΔɻ w ࣗᄁ͘ʂ 2JJUB w ਓؾͷߘΛݟ͓͚ͯ ͦΕͳΓʹใ௫ΊΔɻ w ϑΥϩʔ͓ͯ͘͠ͱ ϑΟʔυʹϑΥϩʔͨ͠ਓͷ ετοΫͨ͠ߘ͕ྲྀΕΔɻ 2BMFJEPTQBDF w 2JJUBΛಠࣗΞϧΰϦζϜͰ ධՁͨ͠αΠτ w 2JJUBͱ߹Θͤͯ͏͜ͱͰ ΑΓྑ͍ใΛ௫ΊΔɻ ͯͳϒοΫϚʔΫ w ςΫϊϩδʔΧςΰϦʔΛ ݟ͓͚ͯྑ͍ɻ w ͨ·ʹ৽ணΛݟΔͱ ྑ͍ใ͋Δɻ 4MBDL w ༷ʑͳίϛϡχςΟʔͷ 4MBDLνʔϜ͕͋Δɻ w ࣭͢ΔͱͰ͖Δ
PWAの実装をしてみた - 技術探し
一年以上前の記事なので、コードが古いです。気をつけて読んでください。 PWAとは？ 目的 技術スタック Service Worker PWAのview App Shell Content キャッシュ戦略 読み込みフロー Web App Manifest デザイン FirefoxとChromeしかService Workerないけどどうするの？ ネットワーク 実装 ライブラリ webpack-offline 構成 ファイル ルーティング アセットのインストール API周り SSR 資料 さいごに そういえばPWAの実装したことがなかったなと思ったので少し触ってみた。 PWAとは？ PWA(Progressive Web Apps) インストールが不要で、不安定なネットワークでも素早く起動し、プッシュ通知を可能にします。 また、ホーム画面にアイコンも表示でき、アプリと同様の扱いをすることが可能
この素晴らしい Vue.js に祝福を！
Vue.js Tokyo v-meetup="#3" での発表資料です。
ES2015の現在とESNextの未来
HTML Party in 鹿児島 で発表した ES2015 の話です。
ElectronでWebviewの簡易ブラウザをつくってみたメモ - Qiita
var app = require('app'); var BrowserWindow = require('browser-window'); require('crash-reporter').start(); var mainWindow = null; app.on('window-all-closed', function () { //if (process.platform != 'darwin') app.quit(); }); app.on('ready', function () { // ブラウザ(Chromium)の起動, 初期画面のロード mainWindow = new BrowserWindow({ width: 1000, height: 600 }); mainWindow.loadUrl('file://' + __dirname + '/index.h
Reactがなぜ素晴らしいのか
詳しくはこちらへ → https://www.facebook.com/groups/toretatech/
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フロントエンドエンジニアが伝えたい最近の事情
GatsbyJSで爆速PWAサイト/ Gatsby Super Fast
加速するフロントエンドとPWA
日経電子版 サイト高速化とPWA対応 / nikkei-high-performance-pwa
Universal JavaScript
Webアプリケーションで 60fpsを(極力)目指す
フロントエンドに秩序を取り戻す方法 〜はてなブログ編集画面をリニューアルするためにやったこと〜 // Speaker Deck
JavaScript/CSS 2015 Autumn