2024.05.21 WEBアクセス解析 Googleアナリティクス4（GA4）の「ユーザー」「アクティブユーザー数」「総ユーザー数」とは？ Googleアナリティクス4（以下GA4）では、ユーザーに関する値を取得することができます。 ユーザーに関する値は、アクセス解析の基本指標ですが、Googleアナリティクス4の画面を見てみると、「ユーザー」「アクティブユーザー数」「総ユーザー数」というさまざまな表記があります。混乱されている方や間 [...]
2024.05.21 LIFEその他 人気のキーボード「Wooting 60HE+」を触ってみた 全国のキーボード好きの皆様、こんにちは。 昨今のキーボードの進化は著しく、ここ一年であればキーストロークを認識して高速の反応を可能にしたラピッドトリガー機能が台頭し始めましたよね。 そして、そのラピッドトリガーを世に広めたのは、かのWooting社のキーボード「Wooting 60HE」です。 恥 [...]
2024.05.20 WEBWebデザイン 【Canvaの使い方】新機能「グラデーション機能」の使い方！色・向きの変更、応用まで徹底解説 Canvaは、豊富なテンプレートと直感的な操作で、誰でも簡単にバナーやチラシなどのデザインを作成できるツールです。 2023年のアップデートでグラデーション機能が実装され、より自由度の高いデザインが可能となりました。 この記事では、アップデートで追加されたグラデーション機能の使い方を解説します。 [...]
2024.05.13 WEBシステム開発 安全性、速度、並行性を兼ね備えた言語と、巷でうわさのRustを覗いてみる（スレッド編 その2） みなさまお久しぶりです。 今回も「The Rust Programming Language」を読みながら、スレッドについて見ていきたいと思います。 前回の「前回のスレッド編 その1」はこちらからご覧いただけます。 参照 https://doc.rust-lang.org/book/ http [...]
2024.05.02 WEBWebデザイン 【CSS】比較関数を使ってみよう！min()、max()、clamp()の使い方を解説！ CSSには様々な関数があります。transformプロパティで使用するtranslate()や、算術演算を行うcalc()などがなじみ深いかと思いますが、その中で複数の値を比較して値を計算する比較関数というものがあります。 今回はこの比較関数であるmin()、max()、clamp()の3つについ [...]
2024.05.02 WEBシステム開発 【Go】embedで作成した文字列を利用する機能のテストで改行に苦しめられた件 embedパッケージを使って作成した文字列を利用する機能のテストを書いていた際にテストが通らず苦しめられたので、備忘録も兼ねて記事にしました。 問題の概要 embedパッケージを利用してテキストファイルに書かれた文章を文字列として利用し、その文字列を text/template を使って加工してメ [...]
2024.05.02 WEBWebデザイン 【Photoshopシャドウシリーズ①】ドロップシャドウの使い方 「キレイに見せるコツも解説！」 Photoshopなどで文字や画像・オブジェクトに影を付けたいときによく使われる、ドロップシャドウ。 ドロップシャドウを使うと、下記のように、オブジェクトが浮き出ているように見せることができます。 一口にドロップシャドウといっても、効果のかけ方で印象がかなり変わります。 下のイメージ画像を見て [...]
2024.04.25 WEBシステム開発 Reactでフォーカス可能な要素にフォーカスを当てる方法 入力要素にフォーカスしたい 編集ボタンを押すと入力要素を表示するフォームを無性に作りたくなる時ってありますよね。 例えばこんな感じのフォームです。 キーボード操作の時に使いづらい 筆者はキーボード操作でフォームの入力を行うことが多いのですが、この場合キーボード操作だけだと使いづらいと感じます。 [...]
2024.04.18 BUSINESS仕事効率化ツール デザインセンスが無くても大丈夫！パワーポイントで分かりやすい資料を作成する4つのポイント パワポの資料作成に苦手意識はありませんか。 実は、少し意識を変えたりルールを守ったりするだけで、劇的に分かりやすい資料へ生まれ変わります。 今回は、デザインセンスが無くても分かりやすい資料を作るための、最低限守りたいポイントを4つご紹介いたします。 1. 絞る 文字を絞る まずは文字を「絞り」ま [...]
2024.04.17 WEBWebデザイン 【Canva Pro】写真の不要な部分を一瞬で消去！Magic Eraser（消しゴムマジック）機能の使い方 前回の記事「Magic Designなど新機能が続々登場！Canva2023年アップデートで追加されたおすすめの新機能10選」で、2023年のCanvaの大型アップデートで追加された新機能をご紹介しました。 今回は、前回の記事の中でご紹介した「Magic Eraser（消しゴムマジック）」の使い方 [...]
2024.04.15 WEBシステム開発 Laravel×Inertia×Vue3でCRUD機能を持つSPAを作ってみた 春雨に寒さを忘れる今日この頃、みなさまはいかがお過ごしでしょうか？ 私は、相変わらずバックエンドとフロントエンドを行き来するせわしない日々を送っています。 今回は、LaravelとVue3の繋ぎ役としてSPAを作る際に良きに働いてくれるInertiaをご紹介します。 Inertiaとは 公式による [...]
2024.04.15 WEBWebデザイン 【Illustratorの生成AI機能】テキストからベクターデータを生成！イラスト・アイコン・パターンを素早く作る！ 先日、弊社ブログ記事「【新機能】Photoshopの生成AI機能「生成塗りつぶし・生成拡張」がすごすぎる！使い方をご紹介します。」を公開しましたが、Photoshopの「生成塗りつぶし・生成拡張」機能と同時期に、Adobe Fireflyを活用した生成AI機能が、Illustratorにも実装され [...]
2024.03.27 WEBWebデザイン 情報を視覚的に伝える！インフォグラフィックスの使い方・作り方 突然ですが、PDCAの4つのプロセスを表す上で、どちらが分かりやすいでしょうか？ テキストを羅列しているだけのAよりも、Bのほうが、4つあるプロセスが循環している、という情報が目に入りやすいかと思います。 このことから、情報伝達において、ビジュアルという要素は重要であることがわかります。 このよ [...]
2024.03.27 WEBシステム開発 Zodを使用したバリデーション実装ではまったこと【メールアドレス必須エラー 編】 フォームを作る際のスキーマをZodを使って実装しています。 最近、メールアドレスを入力するフォームを作るにあたって、痒い所に手が届かないなと感じた点がありましたので、備忘録として残しておこうかと思います。 実際に感じたむず痒い箇所 実際にスキーマ例を作るうえで、メールアドレス入力フォームの要件を以 [...]
2024.03.25 WEBWebデザイン Google Chromeのデベロッパーツールでリアルタイム修正をしよう（HTML・CSS編） web制作において、ブラウザでコーディングを確認、修正できるデベロッパーツールは欠かせない存在です。 デベロッパーツールとはブラウザに標準で搭載しているデバッグツールで、リアルタイムでのコード編集・確認や、コンソールエラーのチェック、スマーフォンなどの携帯端末の表示をチェックできたりとその機能は多 [...]
2024.03.21 WEBアクセシビリティ 便利な文章校正ツールを使って、webサイトで読みやすい文章を実現しよう！ webサイトの原稿を、Wordなど印刷用のデータでもらってそのまま貼り付けしていませんか？ 紙媒体での読みやすさと、web媒体での読みやすさは異なります。 印刷用の原稿をそのままwebサイトに掲載すると、ウェブアクセシビリティが損なわれたり、SEOへ悪影響が出たりする可能性があります。 弊社では「 [...]
2024.03.21 WEBシステム開発 安全性、速度、並行性を兼ね備えた言語と、巷でうわさのRustを覗いてみる（スレッド編 その1） みなさまお久しぶりです。 今回も「The Rust Programming Language」を読みながら、 スレッドについて見ていきたいと思います。 参照 https://doc.rust-lang.org/book/ https://doc.rust-jp.rs/book-ja/ （日本語 [...]
