技術戦略部より、tipsやノウハウなど技術的な話題を発信いたします。2019の13日目に参加させていただきました。フロントエンドのパフォーマンスチューニングのシリーズ記事で、今回は2種類のプリロード機能に焦点を当ててリソース読み込みの最適化について解説します。ブラウザが持つ2種類のプリロード機能をおさらいしましょう。<link2019.12.12開発JavaScriptパフォーマンス超簡単!超軽量!LottieでWebアニメーションが捗る今回ご紹介するのはWebアニメーションライブラリ「Lottie」です。弊社で開催した勉強会"速い"Webアプリケーションの作り方でLTを行いましたので、内容をまとめました。テーマはデザインパターンの一つMVVMパターンです。速いウェブアプリケーションについて調べていくと、MVVMパターンというデザインパターンをよく見ます。代表的なところだと、Vue.jsがMVVMパターンです。技術評論社様にもご協力いただき開催となったこの企画。多数の方にご参加いただき、無事開催することができました。SVG形式の画像って、拡大しても荒くならないとか、ロゴとかによく使われているとか、そういったイメージを持っている方が多いかもしれません。良く使われているjpgやpngなどの画像形式との比較を簡単にまとめるとこんな感じになります。カスタムスキルを作成してバイオリズムを読み上げてもらおうと思います。独自にスキルを開発することが可能です。ユーザーが独自に開発したスキルをカスタムスキルと呼びます。知識があればブラウザ上でとても簡単に開発からテストまでできます。2019年10月号に私の執筆した記事が掲載されました。Webアプリケーションの作り方[フロントエンド編]」の第2章を担当しています。社外活動Vue.jsプラグイン「v-ajax-form」を作りましたVue.js流行ってますね。弊社でもフロントエンドにVue.jsを使ったサービスが、いくつかリリースされています。非同期通信処理を行うフォームを実装する場面が多々あると思います。(閏年)から1か月前を取得するコードをmoment.jsで書きました。従来の方法で、実装すると結構大2019.7.30開発JavaScriptVue.jsの勉強会開催のお知らせ2019/7/10(水)にVue.js未経験者・初心者の方を対象としたVue.jsの勉強会を開くことになりました。JavaScriptは知っているけど、Vue.jsは触ったことがないという方でも安心して参加していただくことができます。今回はVuePressを使って、記事一覧と前後投稿リンク付きのブログサイトを作成してみましょう。VuePressはVue.jsが使えるなら学習コストが低く、カスタマイズしやすい静的サイトジェネレータです。Hostingを利用します。Codeの拡張機能を作成する記事を書かせて頂きました。Codeの拡張機能+SlackのAPIを使ってメッセージ投稿用の拡張機能を作成したいと思います。Codeには既にいくつかSlackの拡張機能が存在していますが、SlackのAPIの事も学びたいと考え今回拡張機能をDIYしようと思いました。