ブログ

以前、「Vue3をrollupでバンドルする」の記事でVue3をrollupでバンドルする手順を説明しました。その時はTypeScriptは使わずJavaScriptだけでしたが、今回は一部コンポーネントをTypeScript化したので、TypeScriptのSFC(Single File Component)をrollupでバンドルする方法を説明したいと思います。

最近、電子カタログ/漫画ビューアのWebアプリケーションで使っていたVue2をVue3に切り替える作業をしていました。また、今までは<script>タグで読み込んでいたので、ついでにバンドルするように修正しました。

今さらですが、iOS13になってからSafariで画面を連続タップした場合に、touchstartイベントが連続して発生しなくなりました。連続タップしても最初の一回のみtouchstartイベントが発生し、しばらく時間をおいてからでないと次のtouchstartイベントが発生しません。

2019年秋にリリース予定のiOS13ですがiPadではiOSとは別のiPadOSが使われるようになります。このiPadOS上のSafariではユーザエージェントが大きく変更されて、macOS上のSafariと見分けがつかなくなってしまいました。今回はWebアプリケーション内でiPadOSを識別するための方法を説明します。

スマートフォンで動作するWebアプリケーションを開発していると、様々なジェスチャー動作を検出したい時があります。ただ、JavaScriptでマルチタッチを扱おうとすると、iOS/Androidでイベントの動作が異なっていたりと意外と面倒だったりします。

3月末にiOS12.2がリリースされました。弊社ではブラウザ上で動作するデジタルカタログ等のWebアプリケーションの開発をしていますが、iOSやAndroidのバージョンが変わるとブラウザの動作も結構変わるので、アプリケーションの修正作業が必要になることが多くあります。

Webブラウザ上でデザイン作業を可能にするJavaScriptライブラリdraggable.jsのスマートフォン対応版デモを作成しました。