

#React のタグが付いた記事一覧
-
Webアプリケーション開発
Visual Studio CodeでできるReactアプリの便利なデバッグ方法
はじめに アプリケーション開発部の田村です。自社で運営するサービス開発を担当しています。 今、担当しているサービスはReactで開発し運用しています。 今回はVisual Studio Codeを使ったReactアプリケーションのデバッグについて私が便利だと感じた機能を紹介します。 本記事を実施する上での要件 …
Webアプリケーション開発
Visual Studio CodeでできるReactアプリの便利なデバッグ方法
-
セキュリティ・暗号化
Reactコードが丸見え?急ぎ対策を講じる
はじめに アプリケーション開発部の田村です。自社で運営するサービス開発を担当しています。 今、担当しているサービスはReactで開発し運用しています。 Reactで開発したアプリケーションを公開する際に、注意しないと誰でも開発時のコード(後述しますがMinify前のコード)を閲覧出来てしまう恐れがあります。 今回…
セキュリティ・暗号化
Reactコードが丸見え?急ぎ対策を講じる
-
環境構築・ログ・CI/ CD
React_TypeScriptの開発環境をVisualStudioCodeで構築する
はじめに アプリケーション開発部の田村です。自社で運営するサービス開発を担当しています。 そのサービスのフロントエンドをReact×TypeScriptで開発しています。今回はその開発効率の向上に役立つ情報を紹介します。 この記事を読むことで、React×TypeScriptをVisual Studio Codeを…
環境構築・ログ・CI/ CD
React_TypeScriptの開発環境をVisualStudioCodeで構築する
-
Webアプリケーション開発
フロントエンドはサービス開発リファレンスを使って、バックエンドは自前で作成してみた
はじめに こんにちは。西日本テクノロジー&イノベーション室の樋尻です。 私の所属する西日本テクノロジー&イノベーション室では、2020年9月末に「SPA + REST API構成のサービス開発リファレンス(以下サービス開発リファレンス)」を公開しました。こちらは、シングルページアプリケーション(以下SPA)とRE…
Webアプリケーション開発
フロントエンドはサービス開発リファレンスを使って、バックエンドは自前で作成してみた
-
エンジニア育成・学習
React×Firebase ハンズオンキット
はじめに 社外への技術発信活動として、Web開発の初学者向けのハンズオンイベントを開催しました。 本記事ではその際のコンテンツを公開します。 このイベントは ・JavaScriptプログラミングの経験があるが、新しい技術に触れてみたい ・Webアプリケーション型のサービス開発イメージをつかみたい という方々を対象…
エンジニア育成・学習
React×Firebase ハンズオンキット
-
Webアプリケーション開発
サービス開発リファレンスを使ってCSRF対策をしてみよう
はじめに こんにちは。西日本テクノロジー&イノベーション室の齊藤です。 私の所属する西日本テクノロジー&イノベーション室では、2020年9月末に「SPA + REST API構成のサービス開発リファレンス(以下サービス開発リファレンス)」を公開しました。こちらは、シングルページアプリケーション(以下SPA)とRE…
Webアプリケーション開発
サービス開発リファレンスを使ってCSRF対策をしてみよう
-
Webアプリケーション開発
サービス開発リファレンスを使ってファイルダウンロードを実装してみよう
はじめに こんにちは。西日本テクノロジー&イノベーション室の樋尻です。 私の所属する西日本テクノロジー&イノベーション室では、2020年9月末に「SPA + REST API構成のサービス開発リファレンス(以下サービス開発リファレンス)」を公開しました。こちらは、シングルページアプリケーション(以下SPA)とRE…
Webアプリケーション開発
サービス開発リファレンスを使ってファイルダウンロードを実装してみよう
-
Webアプリケーション開発
サービス開発リファレンスを使ってバリデーションしてみよう
はじめに こんにちは。西日本テクノロジー&イノベーション室の齊藤です。 私の所属する西日本テクノロジー&イノベーション室では、2020年9月末に「SPA + REST API構成のサービス開発リファレンス(以下サービス開発リファレンス)」を公開しました。こちらは、シングルページアプリケーション(以下SPA)とRE…
Webアプリケーション開発
サービス開発リファレンスを使ってバリデーションしてみよう
-
Webアプリケーション開発
サービス開発リファレンスを使ってREST APIを1つ作成してみよう
はじめに こんにちは。西日本テクノロジー&イノベーション室の齊藤です。 私の所属する西日本テクノロジー&イノベーション室では、2020年9月末に「SPA + REST API構成のサービス開発リファレンス(以下サービス開発リファレンス)」を公開しました。こちらは、シングルページアプリケーション(以下SPA)とRE…
Webアプリケーション開発
サービス開発リファレンスを使ってREST APIを1つ作成してみよう
-
Webアプリケーション開発
サービス開発リファレンスを使って1画面作成してみよう
はじめに こんにちは。西日本テクノロジー&イノベーション室の齊藤です。 私の所属する西日本テクノロジー&イノベーション室では、2020年9月末に「SPA + REST API構成のサービス開発リファレンス(以下サービス開発リファレンス)」を公開しました。こちらは、シングルページアプリケーション(以下SPA)とRE…
Webアプリケーション開発
サービス開発リファレンスを使って1画面作成してみよう
-
Webアプリケーション開発
サービス開発リファレンスを使ってWebアプリケーションを作成してみよう<導入編>
はじめに こんにちは。西日本テクノロジー&イノベーション室の齊藤です。 私の所属する西日本テクノロジー&イノベーション室では、2020年9月末に「SPA + REST API構成のサービス開発リファレンス(以下サービス開発リファレンス)」を公開しました。こちらは、シングルページアプリケーション(以下SPA)とRE…
Webアプリケーション開発
サービス開発リファレンスを使ってWebアプリケーションを作成してみよう<導入編>
-
Webアプリケーション開発
SPA + REST API構成のサービス開発リファレンス
はじめに SPA(シングルページアプリケーション)とREST APIで構成されるウェブアプリケーションを開発する際にリファレンスとして活用して頂ける方式設計のガイドと、アプリケーションのコード例を提供します。 このコンテンツのねらい SI型のプロジェクトとサービス型のプロジェクトを比較すると、サービス型のプロジェク…
Webアプリケーション開発
SPA + REST API構成のサービス開発リファレンス
-
Webアプリケーション開発
サービス開発リファレンスを利用してWebサービスのプロトタイプを開発しました
はじめに Webサービスを含めシステム開発では、フレームワークやライブラリを利用するだけでなく、サンプルやリファレンスを参考に効率的に開発を進めることが通例となっています。 筆者の所属する西日本テクノロジー&イノベーション室では、2020年9月末にSPA + REST API構成のサービス開発リファレンス(以下サ…
Webアプリケーション開発
サービス開発リファレンスを利用してWebサービスのプロトタイプを開発しました
-
Webアプリケーション開発
React Queryを用いた開発事例の紹介
はじめに 本ドキュメントは、 React Queryを用いた開発事例の紹介です。 React Queryは、Reactで非同期データをフェッチ、キャッシング、更新するためのフックを提供するライブラリです。 React Queryを用いることで、効率的なバックエンド連携が実現できます。 本ドキュメントでは、このライブラリ…
Webアプリケーション開発
React Queryを用いた開発事例の紹介
-
Webアプリケーション開発
iPhoneでバーチャルキーボード表示時に固定要素が画面外に消える問題を解決する
こんにちは。西日本テクノロジー&イノベーション室の高谷です。 TIS入社4年目です。 3月末まで、とあるサービスのPoCに用いるMVP(Minimum Viable Product)として、スマホ向けWebアプリを開発していました。 今回はその開発中に発生したバーチャルキーボードの挙動によって意図しない画面表示になる…
Webアプリケーション開発
iPhoneでバーチャルキーボード表示時に固定要素が画面外に消える問題を解決する
-
Webアプリケーション開発
ReactとTab機能を利用したアプリへGoogle Analyticsを導入する
スタートアップと協業してサービス開発を推進する中で、Google Analytics(以下GA)を利用してユーザー動向を解析するニーズがありました。ここではその際に必要とした実装に関して記載します。 GAをアプリケーションに導入するには アプリの開発が得意な開発チーム と サービス運用に長けているスタートアップ企業…
Webアプリケーション開発
ReactとTab機能を利用したアプリへGoogle Analyticsを導入する
/* News */ お知らせ
-
解きながら学ぶ学習コンテンツ git-practice を公開しました。
-
解きながら学ぶ学習コンテンツ docker-practice を公開しました。
-
【学生向け】新人SEが仕事の中でどのように学びを得ているのかを公開しました。
-
「新規事業開発のためのステージ・ゲートプロセス」に、サービス開発を行う上で重要となるユーザーストーリーマッピングの重要性、および、画面遷移図のサンプルを公開しました。
-
Cordaを用いたNonFungibleTokenの実装を公開しました。
-
データ作成に使うActive Learningの時間と性能を両立するベストプラクティスを公開しました。
-
ECSでGitHub Actionsのセルフホストrunnerを動かすを公開しました。
-
新規事業開発のためのステージ・ゲートプロセスを更新しました。
-
量子近似最適化アルゴリズム(QAOA)におけるゲート操作と量子アニーリングを公開しました。
-
360度カメラとUnityで作ったバーチャル空間の舞台裏を公開しました。
-
配色が苦手なエンジニア向け配色実践講座を公開しました。
-
性能テスト計画書サンプルを公開しました。
/* About Fintan */ Fintanとは
Fintanは、TISインテックグループのノウハウを集約したサイトです。
研究成果や、PJ推進のプラクティス、要件定義/設計/プログラミング/テストといった作業のプラクティス、
成果物のテンプレート/サンプル、各種開発ツールを提供します。
Fintanは、どなたでも無償でご利用いただけます。