JSDocで型チェックする - Qiita
JavaScriptでも静的な型が求められるようになりTypeScriptやFlowが使われるようになってきました。 しかし、それらが無かったころのJavaScriptのコードやトランスパイラを使わずに開発している人はいてると思います。 この記事はコードの変更なしでJSDocのみで型検査をする方法を紹介します。 TL;DR JSDocの型定義で型チェックをする TypeScriptのallowJsとcheckJsを使う 必要に応じてd.tsをインストールする JSDocの型定義 TypeScriptやFlowが登場するより前からJSDocは存在します。JavadocやPHPDocのJavaScript版のようなものです。 そのJSDocは型定義が書けるようになっています。 エディタによってはJSDocの型定義で型のチェックを行ってくれることもあります。 JSDocについては@use JSD
AMPページをPWA化する。AMPでServiceWorkerを使う方法 - Qiita
AMP縛りでページ作ったけど、やっぱりPWA化もしたいと思いやってみたらあまりにも簡単にできたので手順を残しておきます。 出来上がったページをLighthouseで計測した結果、PWAの点数は100点満点でした。 TL;DR Web App Manifest Generator使ってmanifest.jsonを生成 amp-install-serviceworkerでAMPでもService Worker動く workboxでService Workerコードを簡単に生成 AMP(Accelerated Mobile Pages)とは モバイルページを高速化するためのもの 速くするというより遅くしない 詳しくはampproject.orgを見て下さい PWA(Progressive Web Apps)とは Webとネイティブアプリの良いところを合わせてUXを良くしようとする仕組み オフライ
Web Animations APIを使った波紋アニメーション(ripple effect) - Qiita
CSSアニメーションを調べていたらWeb Animations APIというJavaScriptで同じことができることがわかったので、勉強も兼ねて簡単なライブラリを作ってみました。この記事はその時得た知識のまとめです。 Web Animations APIについて CSSのAnimationsとTransitionsをJavaScriptで実現できるAPIです。 現在は、ChromeとFirefoxで実装が進められています。 Safari(WebKit)とEdgeについてはTodoには入ってますが、まだ実装されていません。 web-animations-jsというpolyfillがあるので、そちらを使うとSafariやEdgeでも使えます。 成果物 今回作成したライブラリはパルス（波紋）のアニメーションです。 CSSアニメーションでも簡単に実装できます。これをJavaScriptでやります
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
