「phina.js」を使って毛を抜くアクションを作ってみよう【いろんな動きを作ってみようシリーズ】

こんにちは、フロントエンドエンジニアのはっちゃんです。最近は抜け毛を気にすることもなくなりました。 突然ですが今回は、canvas用ライブラリを使って「canvasに頭皮と一本の毛をおいて、ドラッグして引っ張って抜く」ア […]

JavaScriptのArrayを知る。大きな目標への小さな一歩 〜Array.prototype.find編〜

過去の記憶が断片的になってきたと感じる、脳筋フロントエンドエンジニアのザワです。地道な積み重ねでなんとかカバーしていきたいものです。 さて、よちよち進んでいますArrayシリーズ。今回は、Array.prototype. […]

「Google Fonts」にfont-displayを適用する方法

こんにちは。フロントエンドエンジニアのつっちーです。 以前の記事で、「Google Fontsへのリクエストは、Google Fontsから提供されるlinkタグをそのまま使用するのがベスト」とまとめました。実際、ブラウ […]

Howler.js+audioSpriteで「BGMのON/OFF切り替え」「BGM切り替え 」「 イコライザー」の機能をつくってみよう

こんにちは、フロントエンドエンジニアのはっちゃんです。 最近はブラウザでさまざまなことが再現できるようになりました。たとえば、WebサイトにBGMを入れたくなるときってありますよね? その場合は、当然サウンドのON/OF […]

After Effects+Photoshopでスプライトシートを作ってみる

※この記事はLIGアドベントカレンダー2018の23日目です。 こんにちは、フロントエンドエンジニアのはっちゃんです。 アニメーションを作る手法のひとつにスプライトアニメーションがあります。今回は、Adobe After […]

数学の時間はいつも寝ていたフロントエンドエンジニアが使うささやかなスニペット

どうも、フロントエンドエンジニアのヒガです。 中学生のころまでは数学が好きでした。しかし、気づけば高校に入学した年の夏以降、数学の授業はだいたい寝るようになっていました。それ以外もですが。あまりの眠気に2問だけ解いた数学 […]

自作の3Dモデルを「A-Frame」で読み込んで「AR.js」上に表示させてみた

こんにちは、フロントエンドエンジニアのハルです。最近アイドルにハマりすぎて困っていますいや困っていません。幸せです。 以前の記事で、気軽にVR・AR表現を実装できる「A-Frame」や「AR.js」を紹介をしました。 今 […]

エンジニア研修ってどうしているのか知りたい!あの大手企業にリアルを聞いた結果……。

こんにちは、LIGの取締役兼CTOのづやです。 突然ですが、企業の責任者として会社を大きくしていくために、採用と教育って大事ですよね。即戦力として活躍できるエンジニアは欲しいけど、実際優秀なエンジニアの採用ってなかなか大 […]

Nuxtに「serverMiddleware」を設定して、API サーバ的な動きをさせてみた

こんにちは、フロントエンドエンジニアのライダーです。 2018年秋、Nuxt 2がリリースされましたね。しかも、イベント中のライブリリースだったとのこと。公式のTwitterアカウントに発表の様子がアップされていました。 […]

上野・池袋のプログラミングスクールで未経験からWebエンジニアを目指す!IT人材になって将来の可能性を広げよう

こんにちは! デジタルハリウッドSTUDIO by LIGのキャリアコンサルタント・白井エリーです。 2020年から小学校でプログラミング教育が義務化するなど、いまや「プログラミング」は子どもから大人まで求められるスキル […]