admin

React MUI の Material Icons には、アプリケーション UI 開発でよく用いられるアイコンが提供されています。React MUI のコンポーネントと組み合わせることで、まとまりの ...

以前、AppBar と Drawer を組み合わせた開閉メニューを含む画面レイアウトを紹介しておりました。 React: MUI AppBar と Drawer を組み合わせた開閉メニューの作成 (サ ...

みなさんは、英語でまとまりのある分量の文書を書く機会はありますか？もしくは、英語で長文を書いてみたいけど、どんなふうに書いていいのか分からないと感じている方もいるかもしれません。本稿では、「パラグラフ ...

React コンテキストを利用して、アプリケーション全体でステートを管理する方法を紹介します。コンテキストの作成は createContext メソッドで行い、コンテキストの取得は useContex ...

MUI の Grid コンポーネントを利用した、レスポンシブレイアウト作成方法を紹介します。MUI のレスポンシブレイアウトでは、画面を横方向に１２分割（１２列）して認識します。画面サイズに応じて G ...

MUI のコンポーネントを組み合わせて作成した、ダッシュボードを紹介します。サンプルアプリケーションは下記よりダウンロード可能です。 mui-dashboardダウンロード 利用している主な MUI ...

React MUI の Drawer にリンクを設定し、画面遷移する機能を紹介します。ダウンロード可能なサンプルもありますので、是非活用してください。 MUI と react-router-dom を ...

MUI では、CSS ユーティリティを提供しており、簡単にレスポンシブレイアウトを実現することができます。ここでは、flexbox を適用し、画面サイズによって flexDirection プロパティ ...

ログイン画面はシステム開発で多くの場合作成することになると思います。今回は、React MUI の TextField と react-form-hook を組み合わせた、ログイン画面の入力検証機能を ...

React TypeScript アプリケーションに、MUI AppBar と Drawer コンポーネントを組み合わせて、開閉可能メニューを作成していきます。Drawer 開閉時に、App Bar ...

技術コンサルの提案内容の作成、提案活動、コンサルの提供、コンサルの終了という、IT コンサルテーションの一連の流れについてお伝えします。これから技術コンサルを提供する IT コンサルタントや PM の ...

SONY のテレビを外部モニターとしてパソコンと接続すると、画面の端が見切れてしまうことがあります。そのような場合、次の手順で画面の端がはみ出る問題を解消しましょう。 ホーム > 設定 > ...

Node.js のインストール方法を紹介します。ここでは Windows でのインストール方法を紹介します。 インストーラーのダウンロード Node.js 本家のウェブサイトから、インストーラーをダウ ...

データベースの接続文字列はなかなか覚えにくく、空で書くのは難しいと思います。環境構築時にはデータベースとの接続設定を行う必要があり、接続文字列をどのように紐解けばよいのか悩むこともあります。 データベ ...

ASP.NET においてクライアントサイドから明示的にポストバックを呼び出す方法として __doPostBack という関数があります。関数の使い方はJavaScript からポストバックをご覧下さい ...

職場で仕事を使って業務を遂行する必要があるが、英語での発言がなかなか難しいと感じている方は結構いらっしゃると思います。私自身、職場のミーティングで英語を話す必要に迫られた時に、とても難しい思いをしまし ...

エンジニア職で、ミーティングの司会進行を依頼され、ミーティングの司会がうまく行かない、どんなふうにミーティングを進行すればよいのかが分からない、という方は結構多いのではないでしょうか。私自身、初めの頃 ...

本ブログの管理人は、外資系 IT 企業に 10 年以上勤務しております。その経験をもとに、入りやすい外資系企業の見つけ方と、入社の可能性を高める方法を紹介します。 「外資系企業への就職が難しそう」、「 ...

functions.php に次のコードを追加します。

WordPress で複数ユーザーがログイン・記事執筆をする運用をしている場合、他ユーザーのメディアを非表示にしたい状況はよくあります。今回は、そのような状況で使える、便利なプラグインのご紹介です。 ...