レスポンシブウェブデザイン：手法とベストプラクティス
レスポンシブウェブデザイン：手法とベストプラクティス レスポンシブウェブデザインは、ウェブデザインと開発で頻繁に使用される用語です。しかし、それは具体的には何を意味するのでしょうか？このブログ投稿では、レスポンシブウェブデザインの多岐にわたる側面を、より掘り下げて紹介します。 定義 「レスポンシブ Web デザイン（RWD）とユーザーエクスペリエンス 多数のデバイスをサポートするためにレスポンシブデザインのチームが作成するサイトは 1 つだが、ユーザビリティを確実なものにするには、全デバイスでのコンテン...
フロントエンドエンジニアのフルスタック修業 - with Serverless Framework
フロントエンドエンジニアとして、フルスタックエンジニアになることは大変難しい事に思えるかもしれません。しかし、適切なツールと知識を持っていれば、フロントエンドとバックエンドの両方のロジックと機能を組み込んだ、スケーラブルな Web アプリケーションを構築することが可能です。この記事では、Universal JavaScript を使用して、インフラや API 機能のための Serverless Framework、CI/CD のための GitHub Actions を組み合わせて、フルスタックアプリケー...
Flutter on the Webを触ってみた
はじめに こんにちは、モンスターラボでフロントエンドエンジニアとして働いている清水です。 モンスターラボでは最近 Flutter を使用したアプリ開発案件が増えて来ているようです。 私自身 Flutter に興味あったので、Flutter on the Web を使用して簡単な Web アプリを作成してみようと思います。 実際に作ってみたもの 今回は映画情報を表示するアプリケーションを作成してみました。 開発時の主なポイントとしては、以下となります。 The Movie Database APIを使用し...
[NextJS13] Layout RFC発のアップデート機能紹介！
10 月 25 日に第 6 回 Next.js カンファレンスが開催され、Rust ベースのバンドラーであるTurbopack、Server component を実装した app ディレクトリ、既存コンポーネントのアップデート等が紹介されました！ Next.js conference 今回の大型アップデートの一つである app ディレクトリは数年前から議論がなされてきたLayout RFCの一つであり、 Layout RFC には app ディレクトリやそれに合わせて今回のアップデートで紹介された機能が...
Figma Plugin を Solid.js と Viteで作る
初めに この記事は、Figma でプラグイン作りたいがどうやって始めればいいかわからない、SolidJS で何かプロジェクトを始めたいけどアイデアをもらいたい方に向けて記載しています。 Figma のプラグインを自分でも作れることを知っていましたか？ Figma は Javascript で動作しており、プラグインも Javascript で作ることができます。 今回はこの Figma の Plugin の UI 部分を Javascript フレームワークである SolidJS とビルドツールである、V...
React に似ているけど、もっと効率的？モダンフレームワーク Solid
こんにちは、モンスターラボ Front-end の 山下 です。 普段のプロジェクトでは React、Vueで開発していますが、2021年末から急速に成長している Front-end フレームワーク Solid のことを知り、習得していくと、React 開発経験者を考慮した API 設計や Solid のシンプルなソリューションなど React に替わる選択肢として興味深いものでした。この記事では React の経験者目線で書きたいと思いますので、同じく React 開発経験があり、これから Solid ...
仮想DOMの時代はもう終わり？
フロントエンドエンジニアや、主流のフロンエンドフレームワークの React と Vue.js を触った経験がある方なら、仮想 DOM という言葉を聞いたことがあると思います。仮想 DOM はフロンエンド開発において、パフォーマンスを向上させるスタンダードになるほど、普及してきました。しかし、その一方で仮想 DOM を使わないトレンドも最近流行っています。この記事では、仮想 DOM について、また仮想 DOM の時代はもう終わりなのかを討論したいと思います。 The DOM 最初に、DOM についてみ...
「コーディングテスト」チートシート電撃公開
初めまして、株式会社モンスターラボ（以降、モンスターラボ）フロントエンドチーム TechLead の安です。 今日はコーディングテストに役立つチートシートを電撃公開します。 もしコーディングテストに恐れを感じているなら、この記事を見たらそのような心配がなくなると思います。 評価項目に適切な時間配分で最高の評価を受けることができるからです！ この記事で説明しているコーディングテストはモンスターラボ東京本社でエンジニア採用の時に使用しているものです。職業の区別や拠点によって、コーディングテストがない場合や異...
Nuxt3 beta arrived 🎉
Vue.js のフレームワークである Nuxt.js の v3 が、2021/10/12 にパブリックベータ版に移行しました 🎉 Monstarlab でのプロジェクトの多くは React.js で開発されることが多いですが、個人的には一番初めに触れた Web Frontend JavaScript フレームワークが Vue.js だったこともあり、Nuxt.js も v1 リリース直後から使っていました。 そんな思い入れがあるフレームワークで、社内でも Vue/Nuxt が好きと公言していますが、最近...
