技術戦略部より、tipsやノウハウなど技術的な話題を発信いたします。2019の13日目に参加させていただきました。フロントエンドのパフォーマンスチューニングのシリーズ記事で、今回は2種類のプリロード機能に焦点を当ててリソース読み込みの最適化について解説します。ブラウザが持つ2種類のプリロード機能をおさらいしましょう。<link2019.12.12開発JavaScriptパフォーマンス超簡単!超軽量!LottieでWebアニメーションが捗る今回ご紹介するのはWebアニメーションライブラリ「Lottie」です。今回は「ラクーンでも開発合宿をやってみよう!」というノリと勢いで開発合宿に行ってきたことのレポートになります。”ノリと勢い”とはいえ、勿論目的はあります。心得ふと過去に執筆した記事を振り返ったのですが、フロントエンドのパフォーマンスの話・bashのプロセス置換・Androidアプリのパフォーマンス・DoS攻撃対策などなど、記事の方向性が毎回バラバラすぎて自分は何の専門なんだろう?と疑問に思えてきました。それは気にしないとして、今回もご多分に漏れず今までの記事とは全く異なる領域の話です。考え方2019.11.8開発ウェブエンジニア出身者がデザイナーの業務と出会って得た5つのこと今回は元々はエンジニア出身者の私が、デザイナー部署のマネジメントをするようになったことで得たことをまとめてみたいと思います。私は元々は運用周りなどを好んで担当するエンジニアをしていましたが、ここ最近のキャリアでは開発チームのマネージャ、いわゆるVPoE的な役割を担当してきました。ところがちょっとした大人の事情から2年程前よりデザインチームのマネジメントも担うことになりました。弊社で開催した勉強会"速い"Webアプリケーションの作り方でLTを行いましたので、内容をまとめました。テーマはデザインパターンの一つMVVMパターンです。速いウェブアプリケーションについて調べていくと、MVVMパターンというデザインパターンをよく見ます。代表的なところだと、Vue.jsがMVVMパターンです。SVG形式の画像って、拡大しても荒くならないとか、ロゴとかによく使われているとか、そういったイメージを持っている方が多いかもしれません。良く使われているjpgやpngなどの画像形式との比較を簡単にまとめるとこんな感じになります。カスタムスキルを作成してバイオリズムを読み上げてもらおうと思います。独自にスキルを開発することが可能です。ユーザーが独自に開発したスキルをカスタムスキルと呼びます。知識があればブラウザ上でとても簡単に開発からテストまでできます。2019年10月号に私の執筆した記事が掲載されました。Webアプリケーションの作り方[フロントエンド編]」の第2章を担当しています。コンパスで3Dオブジェクトを操作ARアプリの作り方、最後の記事です。第3回ARアプリの作り方です。第2回ARアプリの作り方です。前回までで環境構築とビルドが出来るように進めてもらったと思いますので、今回は実際にアプリの実装を進めていきます。