-
React MUI: Drawer の開閉を useContext でステート管理する(サンプルあり)
2023/5/16
以前、AppBar と Drawer を組み合わせた開閉メニューを含む画面レイアウトを紹介しておりました。 React: MUI AppBar と Drawer を組み合わせた開閉メニューの作成 (サ ...
-
【英語ライティング】パラグラフを理解してライティングのレベルアップを図ろう!
2022/8/7
みなさんは、英語でまとまりのある分量の文書を書く機会はありますか?もしくは、英語で長文を書いてみたいけど、どんなふうに書いていいのか分からないと感じている方もいるかもしれません。本稿では、「パラグラフ ...
-
React: createContext と useState によるステート管理(サンプルあり)
2022/5/5
React コンテキストを利用して、アプリケーション全体でステートを管理する方法を紹介します。コンテキストの作成は createContext メソッドで行い、コンテキストの取得は useContex ...
-
React MUI: Grid によるレスポンシブレイアウト(サンプルあり)
2023/5/16
MUI の Grid コンポーネントを利用した、レスポンシブレイアウト作成方法を紹介します。MUI のレスポンシブレイアウトでは、画面を横方向に12分割(12列)して認識します。画面サイズに応じて G ...
-
React MUI: ダッシュボードアプリケーション(サンプルあり)
2022/5/4
MUI のコンポーネントを組み合わせて作成した、ダッシュボードを紹介します。サンプルアプリケーションは下記よりダウンロード可能です。 mui-dashboardダウンロード 利用している主な MUI ...
-
React MUI: Drawer と react-router-dom による画面遷移
2022/5/4
React MUI の Drawer にリンクを設定し、画面遷移する機能を紹介します。ダウンロード可能なサンプルもありますので、是非活用してください。 MUI と react-router-dom を ...
-
React MUI: CSS ユーティリティによるレスポンシブレイアウト(サンプルあり)
2022/5/3
MUI では、CSS ユーティリティを提供しており、簡単にレスポンシブレイアウトを実現することができます。ここでは、flexbox を適用し、画面サイズによって flexDirection プロパティ ...
-
React MUI: TextField と react-form-hook による入力検証(ログイン画面サンプル)
2022/5/3
ログイン画面はシステム開発で多くの場合作成することになると思います。今回は、React MUI の TextField と react-form-hook を組み合わせた、ログイン画面の入力検証機能を ...
-
React: MUI AppBar と Drawer を組み合わせた開閉メニューの作成 (サンプルあり)
2023/5/16
React TypeScript アプリケーションに、MUI AppBar と Drawer コンポーネントを組み合わせて、開閉可能メニューを作成していきます。Drawer 開閉時に、App Bar ...
-
【IT コンサルタント・PM 向け】技術コンサルテーション提案~提供の進め方
2022/5/1
技術コンサルの提案内容の作成、提案活動、コンサルの提供、コンサルの終了という、IT コンサルテーションの一連の流れについてお伝えします。これから技術コンサルを提供する IT コンサルタントや PM の ...