JavaScript

はじめに背景そもそもJSXとはJSX記法いろいろアロー関数(ES6){}(波括弧)変数や式の展開を行うコメントアウトはHTML準拠ではないスプレッド構文(...)オブジェクト、配列を展開するPr... Read more

円安の悲劇..... 海外旅行に行きたい衝動に駆られて、為替換算アプリを作ってみました。JavaScriptとTypeScriptの学習の一環として、React + TypeScriptを使用し... Read more

最近のプロジェクトでは、クライアントサイトに埋め込む <script> タグ経由でデータの取得（GET）とイベントの記録（POST）を行う仕組みを実装しました。公開APIをそのまま外部にさらすと... Read more

先日手がけたサイトにて「スマートフォンレイアウト時は地図をピンチインピンチアウトで拡大縮小してほしい」という要望をいただき実装したので使用したパッケージのお話をしようと思います。Panzoomパ... Read more

Web制作やCMSの移行作業をしていると、「もうこのサイト編集できないけど、内容は残したい」「WordPressをやめたいけど、静的に残したい」といった場面がありますよね。そんなときに役立つ、N... Read more

さて、Swiperで無限に流れ続けるモーダルスライダーを作りたい！でも・・・モーダルを開いたらスライダーが止まってほしい・・・！しかも！閉じたあとに“どこにいたっけ？”ってならずに、ちゃんと開い... Read more

1. Biome.js とは？Biome.js は、JavaScript/TypeScript の開発を超高速化するオールインワンツールです。✅ 特徴まとめRust 製で超高速 → ESLint... Read more

Gear8のエンジニアたちにアニメーションのアイディアについて聞いてみたいと思います。普段何気なく見ているサイトで、ポン！と文字がでてきたりシュッと写真が切り替わったりすることがありますよね。こ... Read more

入社半年経過後、勉強として0からHP制作をさせていただきました！「無償だけどやってみない？」に飛びついたはいいものの、もちろん知識も経験も0。chatgptや書籍を購入してちみちみ勉強しました。... Read more

さて、最近の私はというと、kintone案件に勤しむ日々を送っています。そんな中、「関連レコード一覧にある値を文字列フィールドにも反映できたら便利なのでは？」と思い立ち、JavaScriptでカ... Read more

はじめウェブパックとterserを使用してビルドする時のJS容量の変化測定テスト環境React 18webpack 5.97.1webpack-bundle-analyzer 4.10.21番設... Read more

🎉 AIを活用した語学学習ポッドキャストアプリ「Dotes」を開発した経験をご紹介します！Le Wagon Tokyoでの学びの一環として、このアプリの開発を主導しました。このアプリは、語学学習... Read more

現代の🌐ウェブ開発において、二つの名前がよく話題に上がります。ReactとNext.jsです。どちらもデベロッパーに🛠️愛用され、動的なウェブアプリを構築するために使用されていますが、目的は違い... Read more

画像やリスト、カードの表示などで使えるかなと思います。調べると似たような記事もありますが、こちらはメインのフェードインにkeyframesを使用していないため、keyframesを別途付けたい場... Read more

さて、今回はVite×ReactでPWAの環境を作ってみようと思います。PWAとは？環境構築構築手順スマホ実機で確認してみるおわりPWAとは？簡単に言うとWebサイトをネイティブアプリっぽく利用... Read more