2024.07.09 BUSINESS仕事効率化ツール 時間管理をするための便利なツール「Windows アラーム & クロック」をご紹介！ 仕事中に時間を図ったり、管理したりする状況がよくあります。 そんなときに便利な機能が、「Windows アラーム & クロック」（以下、クロック）という機能です。こちらはWindowsPCであればデフォルトで備わっている機能です。 このアプリは下記機能が1つのアプリにまとまっているので、複 [...]
2024.07.02 WEBWebデザイン 【Canvaの使い方】チラシやポスター、プレゼン資料のデザインを自動生成！マジックデザイン機能の使い方 プレゼン資料やポスター、チラシなどのデザイン作成に苦手意識はありませんか？ そんな方に、今回ご紹介するCanvaの「マジックデザイン機能」がおすすめです。 「マジックデザイン機能」は画像やテキストからAIが自動的にデザインを生成してくれる機能で、2023年のアップデートにて実装されました。この記事 [...]
2024.07.02 WEBWebデザイン 【流行デザイン】XD・Photoshopでニューモーフィズムデザインを作ってみよう！ 2020年頃から、一部のwebデザインで取り入れられている「ニューモーフィズム（Neumorphism）」。 ニューモーフィズムは色数が少なく、シャドウで要素の境界を表現するため、洗練された近代的なデザインを作り上げることができます。 今回は、そんなニューモーフィズムを、Adobe XD・Phot [...]
2024.06.28 WEBシステム開発 .envファイルを使わずにCodeIgniter4で環境変数を設定する方法 業務で、CodeIgniter4を使用して環境変数を設定する際に、.envファイルを使わずに環境変数を管理する方法に挑戦しました。 自身の学習も兼ねて、まとめてみました。 前提 ubuntu v22.04 PHP v8.1.2 CodeIgniter v4.5.1 Twig v3.10.3 環 [...]
2024.06.27 WEBサイト構築・リニューアル 【中小企業】製造業のコーポレートサイトで参考にしたいコンテンツを紹介 コーポレートサイトを通して、自社の魅力を効果的に伝えたいけど、どんなコンテンツを作ればいいのか分からない。一般的にどんなコンテンツがあるのか知りたい。このようなお悩みを抱える方も少なくはないと思います。 今回はそんな方の参考となるように、「中小企業の製造業」を対象としてコーポレートサイトのコンテン [...]
2024.06.27 WEBアクセシビリティ ウェブアクセシビリティに配慮した画像の代替テキスト（alt属性）の書き方を紹介！ webアクセシビリティの世界標準規程である「WCAG」や日本規格「JIS X 8341-3」では、webサイトを閲覧するユーザーに年齢や環境、身体的負担などのハンディがあっても、等しく情報が取得できるよう、基準を設定しています。 その基準の1つに「ロゴ・イラスト・グラフ・写真などの画像に、その画像 [...]
2024.06.26 WEBWebデザイン 【CSS】CSSで画像をクリッピング！clip-pathの使い方を解説！ コーディングに要求されるハードルが年々上がってきていますが、その一つにデザインの複雑化が挙げられます。 単純な四角形だけではなく斜め線や三角形、正円や角丸など、様々な図形を使用したデザインが、近年では見られるようになりました。 画像で書き出すと何かと融通の利かない図形ですが、CSSで切り抜いてしま [...]
2024.06.26 WEBシステム開発 【Go】最近のリリースで追加された新しい機能について調べてみた（min関数,max関数、clear関数、rangeを使ったforループの新機能） 以前記事にした機能の他にも最近のリリースで実装された新しい機能があるため、そちらについても調べてみました。 以前の記事 Go1.21で追加された「slicesパッケージ」とは？実際にパッケージ内の関数を使うコードを書いてみた。 Go1.21で追加された「mapsパッケージ」とは？実際にパッケー [...]
2024.06.18 BUSINESS仕事効率化ツール 【パワーポイント】SmartArtってなに？簡単！早い！リストやピラミッド・手順などの図を作成しよう みなさんはPowerPoint（以下、パワポ）のSmartArtを使用したことはありますか？ SmartArtは、形状が複雑で自分で作るには難しい図表などを簡単に作ることができる機能です。 下記のようなフロー図などの図表を簡単に作成できます。 今回は、そんなSmartArtのご紹介と、活用方法を [...]
2024.06.11 WEBWebデザイン 【Canvaの使い方】重なった素材を簡単に編集！レイヤー機能の使い方 Canvaは、豊富なテンプレートと直感的な操作で、誰でも簡単にバナーやチラシなどを作成できるデザインツールです。 2023年のアップデートで素材の「重なり順」を簡単に編集できるレイヤー機能が実装されました。 Canvaのレイヤー機能では、オーバーラップというレイヤーの絞り込みのような機能も追加され [...]
2024.06.11 WEBシステム開発 Storybook の「play 関数＋ composeStories」を使用したテストで、MSW のハンドラを通らないケースの原因について 今回は Storybook に play 関数を定義して API コールをしている Story があり、その Story を composeStories 関数で再利用したテストで、時折テストが失敗する不安定なテストの原因とその対策についてです。 Storybook と MSW のバージョン S [...]
2024.06.04 WEBWebデザイン 【Photoshopシャドウシリーズ②】写真から被写体と影を残して背景のみを合成する方法 デザインをしているとき、商品写真などから、被写体を切り抜き、別の背景に合成したい！そんなことがたまにあります。 切り抜き画像に影を付けたい場合、被写体のみを選択して切り抜き、後から被写体に対してドロップシャドウをかける方法が一般的かと思います。 右のメガネにドロップシャドウをかけた画像も、悪くは [...]
2024.05.29 WEBアクセス解析 【初心者向け】Googleアナリティクス4（GA4）でwebサイトに訪問するユーザーの情報を知ろう！ Googleアナリティクス4（GA4）を使用すると、webサイトやアプリに関する多様なデータを計測でき、戦略の立案や改善に役立てることができます。しかし、取得できる情報が多すぎて、どのデータを見てどのように活用すればよいか分からず、解析を諦めてしまう方も多いのではないでしょうか。 まずは、「web [...]
2024.05.28 BUSINESS仕事効率化ツール Excelでタイトルや行列番号を固定して印刷する方法（複数のページでタイトルや行列番号を表示して印刷） 「Excelでウィンドウ枠を固定する方法」の記事で、行や列を固定してスクロールする方法をご紹介しました。 しかし、「ウィンドウ枠の固定」をしたからと言って、それが印刷に反映されるという訳ではございません。 行列を固定して印刷したい（複数ページにわたって印刷される場合に、指定の行列は印刷されるどのペ [...]
2024.05.28 BUSINESS仕事効率化ツール Excelでウィンドウ枠を固定する方法（行や列を固定してスクロールする方法） Excelで資料作成するとき、表の行や列が多くなることにより、見出しとなる行や列を固定したくなる時はありませんか。 私が初めてこの設定を行おうと思った時、やり方を調べて実践してみてもなかなかうまくできず、理解するまで時間がかかった記憶があります。 とは言っても、操作方法は全く難しくないのでご安心 [...]
2024.05.28 WEBシステム開発 Laravel×Inertia×Vue3でファイルアップロード機能を作ってみた 5月も後半となり初夏の訪れを感じる時期となりましたが、みなさまはいかがお過ごしでしょうか？ 私は、相変わらずバックエンドとフロントエンドを行き来するせわしない日々を送っています。 今回は、Laravel×Inertia×Vue3でファイルアップロードの機能を作ってみます。 前提 ubuntu v [...]
2024.05.23 WEBWebデザイン 脱Sassへの第一歩！CSSでネスト機能（Nested Rules）を使う方法 CSSコーディングを行う際にプリプロセッサのSassを利用しているコーダーは多いと思いますが、Sassの基本機能の中でも特によく使われているのは「ネスト機能（Nested Rules）」ではないでしょうか。 普段Sassを使ってコーディングを行っていると、Sassが導入されていない作業を担当したと [...]
