1
/
5
Wantedly
About 株式会社FLAT
株式会社FLAT
http://wd-flat.com

東京都

FLAT月次レポート vol.7 2024年11月号

西條 輝
西條 輝
ディレクター
on 2024-12-02


目次

  • 制作実績を公開しました💎

  • 制作事例

  • 社内勉強会を実施しました💻

  • 第3回読書会は12月に延期になりました

  • 10月に書いた技術記事🖋️

  • CMSクライアントの実装にクラスを使ってみる

  • 【フロントエンド】表示周りのコードの書き方を考える

  • React Ariaで学ぶRender Propsパターン

  • おわりに

こんにちは、FLATの西條です。

FLATの1ヶ月の活動をご紹介する月次レポート11月号をお送りします！
FLATの活動や日常をぎゅっとまとめてご紹介するので、ぜひお楽しみください🐈

制作実績を公開しました💎

https://wd-flat.com/works/all/1

制作事例

様々なプロジェクト事例が更新されているので、興味がある方はぜひお問い合わせください。私たちの取り組みや成果を直接お話しできるのを楽しみにしています！

社内勉強会を実施しました💻

今月はヘッドレスCMSをテーマに社内勉強会を実施しました🔥

  • 「Newt」の特性や使用感
  • 「ヘッドレスCMSの選択肢、使い分け」
  • microCMSへの記事移行に関して

今月はヘッドレスCMSをテーマに、特に「Newt」の特性や使用感、ヘッドレスCMSの選択肢とその使い分けについて深掘りしました。また、別CMSからmicroCMSへの記事移行に関する話題も取り上げました🔥

第3回読書会は12月に延期になりました

FLATのCXチームでは月1で読書会を実施していますが、
第3回読書会は12/6（金）に延期になりました🙇

次回は『プロセス・オブ・UI/UX［UIデザイン編］』を予定しています。

10月に書いた技術記事🖋️

CMSクライアントの実装にクラスを使ってみる

CMSクライアントの実装にクラスを使ってみる
microCMS をはじめとしたヘッドレスCMSを利用する場合、サービスが提供しているSDKを使うことでAPI周りのコードを簡略化できます。最近はフロントエンド開発におけるクラスの活用に興味があり、CMSクライアントを関数とクラスの両方で実装してみました。 説明のため、以下のライブラリを使用しています。 どう実装するかの前に、解決したい課題として 内部の実装を知らずにロジックのテストがしたい
https://zenn.dev/frontendflat/articles/f64862aebb0644

【フロントエンド】表示周りのコードの書き方を考える

【フロントエンド】表示周りのコードの書き方を考える
フロントエンド開発では「UI上の値がXXのときYYを表示する」といったコードが頻出です。 これをコンポーネントに直接書くとJSXが読みにくくなったり、無限に増殖したりするので一箇所で管理したくなってきます。しかし、色々な書き方が考えられるため、自分の中でも最適解がわからずにいました。 そこで、現時点で考える「こう書きたい」を記事にしてみようと思います。 !
https://zenn.dev/frontendflat/articles/b2dd4e5e56f20d

React Ariaで学ぶRender Propsパターン

React Ariaで学ぶRender Propsパターン
Reactコンポーネントの設計パターンの1つに Render Propsパターンがあります。共通部分を子コンポーネントで横断的に使うテクニックとして紹介されていますが、あまり馴染みがありませんでした。ヘッドレスUIライブラリである React Aria を触っていたところRender Propsがうまく活用されていたので、これをベースに学習した記録を記事としてまとめます。 「Render Props」で実装されたコンポーネントは、 React Elementを返す関数をprop として持ちます。 実態はた
https://zenn.dev/frontendflat/articles/16f8973bb7c5b0

おわりに

FLATの活動や近況をお届けする月次レポート11月号をお届けしました。今年も残すところあと1ヶ月となりました。12月も業務に励むとともに、FLATの事業に関する様々な活動に全員で楽しく取り組んでいきたいと思います。

Invitation from 株式会社FLAT
If this story triggered your interest, have a chat with the team?
株式会社FLAT's job postings
Webエンジニア フロントエンド ヘッドレスCMS フロントエンド開発 テクニカルSEO
1 Likes
1 Likes

株式会社FLAT

◆会社紹介 FLATはフロントエンド専門で10年活動している受託制作会社です。 フロントエンド技術に特化したチームづくりに参加し、指名されるエンジニアになる。 そんなエンジニアになりたい方とお話したいです。 ◆事業について フロントエンドのスペシャリストチームとして、 数多くのクライアントワークに参加しています。 ◎クライアントプロダクト開発支援 フロントエンドのスペシャリストとしてプロダクト開発に参加しています。 オンライン進行が基本となりチーム内コミュニケーションに力を入れています。 - クライアントのWebプロダクト開発と保守 - 大手企業や大規模なWeb業務アプリケーション全般のフロントエンド開発 - Reactなどのモダン開発 - UI・UXの提案から開発・保守まで - フロントエンド領域を軸にサーバーとバックエンドの領域参加 ◎Webサイトのフロントエンド全般 総合的なエンジニアチームとしてクライアントから指名されています。 - Web制作の基本であるフロントエンド全般（HTML、CSS、JavaScript）の知識を持つチーム - フロントエンドからCMS（ヘッドレスCMS、WordPressなど）の構築 - サーバーやセキュリティの提案と実装全般 - Google推奨がするWeb実装全般。デザインシステムやWebパフォーマンスの実装 - アクセシビリティとユーザビリティの制作実績とナレッジ提供 - UX全般の提案と実装 ◎フロントエンド全般の開発運用支援 クライアントと並走した継続開発に参加しています。 - Webアプリケーション、Webサイトの継続的な技術支援 - CMSとサーバーの保守とセキュリティ全般

フロントエンド

Weekly ranking

Show other rankings
Like 西條 輝's Story
Let 西條 輝's company know you're interested in their content