「React」に関連する技術ブログ
企業やコミュニティが発信する「React」に関連する技術ブログの一覧です。
全480件中 271 - 285件目
【ラクスMeetup】開発速度向上のためのリファクタリング術 〜負債をきっちり返済しよう〜
2022/09/09
ブックマーク
技術広報の yayawowo です。 いつも ラク スのエンジニアブログをお読みいただき、ありがとうございます！ 今年度3回目となる ラク スMeetupは、 『 開発速度向上のためのリファクタリング術 〜負債をきっちり返済しよう〜 』 でした！ テーマは『技術的負債・生産性向上』です。 ローンチ5年〜20年を迎える3プロダクトを支える、弊社のバックエンドエンジニアの3名が登壇
SvelteKit + Svelte を1年間くらい使ってみた知見など
2022/09/06
ブックマーク
前置きと自己紹介 今回はKINTOテクノロジーズでフロントエンドを担当しているイケダがお送り致します。最近はKINTO ONEの開発運用や新規サービス・プロジェクトの立ち上げなどをしています。 自己紹介もそこそこに前置きへ。 前置き 昨今、React / Vue.js / AngularJS / Preact / Ember など様々なJSフレームワークが台頭しています。ここ最近ですとSvelteとSolidの勢いがありますね。(
フロントエンド開発のモックにMSWという選択肢
2022/09/01
ブックマーク
こんにちはこんばんわ！積ん読が増え続けている佐々木です！ ここ最近フロントエンド開発時にモックをつかうことがあり、そこではモックにjson-serverを使っていました。 ですが、個人的にはあまり使い勝手が良くなかったので「もっと便利なのあるだろ〜」と思って調べてみたら「MSW（Mock Server Woker）」という結構イケてるライブラリがあったので実際に使ってみまし
Reactにおける責務（UI/ロジック）の切り分け
2022/08/31
ブックマーク
はじめに 初めまして、レバレジーズ株式会社FEエンジニアの森山です。 今回は、React開発におけるコンポーネントの定義方法の１つの解をご紹介します。 結論 結論を簡潔に記載すると以下です。 ロジックをUIロジックと業務ロジックに切り分ける。 UIとUIロジックは密結合させて再利用性を高める。 UIと業務ロジックは疎結合にして再利用性を高める。 背景や具体的な例
新規プロジェクトのフロントエンドにSvelteKitを採用しました
2022/08/30
ブックマーク
こんにちは、こんばんは、kubotakです。（@kubotak_public） 今回の記事は、M＆Aクラウドの新しいプロジェクトのフロントエンドにSvelteKitを採用したよ！という内容です。 なぜSvelteKitを採用したのか、他のフレームワークと検討してなぜ採用に至ったのかなどを紹介したいと思います。 SvelteKitってなに？SvelteKit気になってる！な方はぜひお付き合いください。 SvelteKitってなに
BASEのノーコードはどのように実現されているのか？
2022/08/24
ブックマーク
基盤チームの右京です。 BASE ではショップのデザインを誰でも簡単にできるような、いわゆるノーコードな機能を提供しています。 デザイン | BASE (ベイス) ネットショップを無料で簡単に作成 この記事では、そんなノーコードなシステムの裏側について、簡単にですが解説しています。 ショップページ配信の基盤システム ノーコードの前にまず BASE のショップページ(Shop
React Hook FormとYupでフォームを実装する方法
2022/08/22
ブックマーク
本記事は WebアプリWeek 1日目の記事です。 🌊 イベント告知 ▶▶ 本記事 ▶▶ 2日目 💻 はじめに React Hook Formとは Yupとは 使用するライブラリ スキーマ定義 コンポーネント テキストボックス セレクトボックス チェックボックス ラジオボタン 注意 フォーム実装 おわりに 参考 はじめに はじめまして、NTシステム事業部の法地です！ 今年の4月頃からReact（TypeScript）でWeb開
フロントエンド未経験のSREエンジニアが挑んだ技術選定のリアル体験
2022/08/18
ブックマーク
こんにちは！株式会社 ラク スの@kzak_24と申します。 インフラ開発部 SRE課に所属しております。 さて今回は、 現在 アサイ ンされている新規システムの開発プロジェクトにて、フロントエンドの技術選定を担当した時の経験 をまとめようと思います。 フロントエンドは未経験だった為、色々と試行錯誤を行いました。 未経験なりにどのような基準を設けて技術選定を行
【テックヒルズイベントレポート】SHOPLISTアプリを1年かけてFlutterアプリとしてリニューアルした話
2022/08/17
ブックマーク
こんにちは。クルーズ株式会社CTOの鈴木です。 今回は、SHOPIST.com by CROOZの iOS / Android アプリをFlutterでリニューアルした話について書こうと思います。先日の7月27日に当社主催にて開催したテックカンファレンス「テック ヒル ズ」でもお話させていただきましたが、約1年間をかけ検証・機能移行を行い、現在公開に至りました。 過去記事と重複する部分などあります
共通UIコンポーネントで速くクオリティの高いプロダクトを開発をしたい。
2022/08/16
ブックマーク
目次 はじめに 共通UIコンポーネント とは 共通UIコンポーネント を作り、運用することのメリット デザインの一貫性やクオリティが保たれる 開発コスト&デザインコストを削減できる 実装時に考慮すると良いこと スタイルを適切なpropsで操作可能か コンポーネントのトップの要素にmarginをつけない 親や子の要素をお互いが知っている前提の実装をしない おわりに は
ImageFlux Live Streaming APIオプションを使って配信サイトを作ってみた
2022/08/09
ブックマーク
はじめに 近年、リモートワークの普及や実況配信等による配信プラットフォームの需要が高まっています。 今回は、バックエンド開発が不要で高品質なライブ配信環境を手軽に構築できる ImageFlux Live Streamin […]
中途入社者へオリエン研修を実施するべき理由と4つのアプローチ
2022/08/02
ブックマーク
はじめに こんにちは、KINTOテクノロジーズでフロントエンドを担当している渡邊です。普段はKINTO開発グループの一員として、国内向けKINTO ONEサービスをReact.jsなどのフレームワークを用いて開発しています。エンジニア集団であるKINTO開発グループでは、毎月数名の新メンバーを受け入れていますが、規模の大きなシステムで業務領域全体を理解することは複雑であると
21 年新卒入社エンジニアと座談会で振り返る新卒研修
2022/07/22
ブックマーク
はじめに みなさん、こんにちは。エンジニアの新居です。 今回は 2021 年新卒入社のエンジニア 5 人に対し、 新卒研修 を終えてからこれまでにプロダクト開発業務を進めている中で、どのように新卒研修が活きているのかを振り返ってもらおうという座談会の様子をお送りしようと思います。 今までブログでお伝えしてきた新卒研修はメンター側の立場で書かれていまし
主催した社内勉強会の課題でアクセシビリティ的に優れているTODOリストの課題を出した話
2022/07/20
ブックマーク
初めに 最近全てのシステムは人間というシステムの運用開発であるという考えを持ち始めた, 会員システムグループの2年目社員の関です. システムにおいて最も重要なことは人間がいかに使いやすいかである と考えてアクセシビリティに興味関心を持ち, 社内に広げたいと考えています. TechDayという社内イベントのLTでアクセシビリティに関して話したりもしました. 今回
Looker Extension Frameworkでアプリケーションを作成してみた
2022/07/11
ブックマーク
こんにちは。ISID CIT事業部の熊倉です。 昨年7月、 Google が提供しているBIツール「Looker」でExtension Frameworkという新しい機能が追加されました。 今回の記事ではExtension Frameworkの開発方法について検証する目的で作成したアプリケーションについて紹介していきます。 本記事がExtension Frameworkの開発イメージやメリットについての理解の手助けになれば幸いです。 1. Lookerとは