2025年02月20日 WEBセキュリティ Basic認証で使用できる4種類のハッシュアルゴリズムとは？ ～crypt・bcrypt・MD5(APR)・SHA1～ 弊社では、ステージング環境や特定のディレクトリを限定公開する際に、Basic認証を用いて認証機能を実装することがあります。 その際に必要となるのが、.htpasswdファイルを使用したユーザー名とパスワードの管理です。 .htpasswdでは、パスワードのハッシュ化方式として、crypt・bcry [...]
2025年02月20日 BUSINESS仕事効率化ツール PowerPoint（パワポ）のルーラーを使いこなそう！文字の位置を揃えて綺麗なスライドを作る方法 皆さんは、PowerPoint（以下パワポ）のルーラー機能をご存知でしょうか。 意外とこの機能に気付いていない方も多いのではないでしょうか。 この機能は、以下のような「文字を揃える」ことについて、簡単に操作ができる優れものです。 今回は、そんな「ルーラーの機能」についてご紹介します。 ルーラーの [...]
2025年02月12日 WEBWebデザイン コーディングやプログラミングのネーミングに便利！codicの使い方 コーディングをするとき、クラス名やメソッド名などの命名に悩む方は多いと思います。 英語で命名する場合がほとんどだと思いますが、筆者も毎回英語を調べてコーディングにあてはめる作業に結構時間を使ってしまいます。 今回はそんな命名に役立つサービス「codic」をご紹介します。 codicとは codic [...]
2025年02月12日 WEBシステム開発 2024年末にアルファ版が発表されたヘッドレス UI ライブラリ Base UI を触ってみる Base UIは、Radix UI, Material UI, Floating UI の作成者によるスタイルなしの React コンポーネントライブラリです。 特徴として以下 3点をあげています。 Headless Accessible Composable 参照：About Base U [...]
2025年02月12日 WEBアクセシビリティ ウェブアクセシビリティを理解するために、参考になった資料をご紹介します！ 突然ですが、「ウェブアクセシビリティ」について勉強しようと思っているけれど、難しそうだからあと回しになっている…ということはありませんか？ 私も『ウェブアクセシビリティ難しそう…』という印象から、勉強することを避けていたうちの一人でした。しかし、社内スタッフとの話し合いや、とっても分かりやすいさま [...]
2025年01月20日 BUSINESS仕事効率化ツール PowerPoint（パワポ）で目次を作成しよう！目次リンク設定方法や効率のよい作成方法を伝授 PowerPoint（以下、パワポ）で目次を作成する際、面倒に思ったことはありませんか？ 綺麗に作りたいと思っても、なかなかうまくいかないこともあるかと思います。 今回は、そんなパワポでの目次づくりについて、おすすめの作り方をご紹介します。 目次は、スライドテーマの中から「タイトルとコンテンツ」の [...]
2025年01月20日 WEBWebデザイン webpよりもさらに軽量？新しい画像フォーマット「AVIF」を使ってみよう！ webサイトを制作するにあたって画像ファイルの圧縮形式の主流が「webp（ウェッピー）」になってしばらく立ちました。 全てのモダンブラウザがサポートするようになってからは弊社でも積極的に利用しており、当ブログでも複数回にわたって紹介して参りました。 次世代画像フォーマット「WebP」に変換して、 [...]
2025年01月20日 WEBアクセス解析 【Googleアナリティクス4】「お問い合わせの送信」をキーイベントに設定し、webサイトの改善に役立てよう！～計測・活用編～ 前回は、キーイベントの設定方法について解説しました。 今回は、取得したキーイベントのデータを確認する方法を紹介します。 今回紹介するデータの確認方法は以下の5種類です。 過去30分以内に発生したキーイベントを確認する キーイベントの発生数を確認する キーイベントを発生させたユーザーの参照元（流入 [...]
2025年01月16日 WEBアクセス解析 【Googleアナリティクス4】「お問い合わせの送信」をキーイベントに設定し、webサイトの改善に役立てよう！～設定編～ 突然ですが、Googleアナリティクス4（以下、GA4）で「キーイベント」を設定していますか？ お問い合わせフォームや資料請求フォームを運用しているようであれば、webサイトの目標達成率が分かるキーイベントの計測結果はとても大事なデータとなります。 今回は、GA4のキーイベントとはなにか？から設定 [...]
2025年01月16日 WEBシステム開発 PHP7.4にアップグレードしたらTwigのエラーが大量発生！その原因と対処方法について 弊社では、PHPフレームワーク「CodeIgniter」とテンプレートエンジン「Twig」を活用し、アプリケーション開発を行うことが多々あります。 過去にCodeIgniterとTwigの連携方法を紹介しています。 CodeIgniter3にTwigを連携して使う CodeIgniter4にテン [...]
2024年12月26日 BUSINESS仕事効率化ツール 【Zoom】複数回開催されるミーティングで、同じミーティングIDを使用する方法 コロナ禍以降、オンラインミーティングが主流となりました。会議や面接などさまざまな形でオンラインミーティングを活用していると思います。 その中で、複数回同じメンバーでオンラインミーティングをすることはないでしょうか？ そんなときは、Zoomの「定期的なミーティング」を設定するのが便利です。 この記事 [...]
2024年12月26日 WEBシステム開発 Go言語の標準ライブラリstringsパッケージについて調べてみた ～その1～ 今回は、標準ライブラリについて理解を深めようと思いstringsパッケージについて調べてみました。 stringsパッケージは、文字列操作を簡単かつ効率的に行うための豊富な機能を提供しているようです。文字列を操作する機会は多いと思うので、良い勉強になりそうです。 stringsパッケージ内の機能と [...]
2024年12月24日 LIFEIT活用 【Suno AI】日本語で簡単にオリジナル曲を生成できる！SunoAIの使い方や料金プランを紹介 みなさんは最近話題の生成AI「Suno AI」をご存じでしょうか？ 日本語で単語を入力するだけで簡単にオリジナルの楽曲が作れる、今話題のAIツールです。 生成したいオリジナル曲のテーマを入力するだけで、AIが作詞・作曲してくれるので、音楽や作曲の知識が全く無くてもプロ級の音楽を生成することができま [...]
2024年12月23日 WEBWebデザイン 【Photoshop】アニメーション画像を作ってみよう！（APNG・WebP）【後編・書き出しまで】 前編では、Photoshopのタイムライン機能を使って、ツリー上のスターの飾りを拡大・縮小する方法をご紹介しました。 APNG・WebPアニメーションについても下記ブログで解説しています。 【Photoshop】アニメーション画像を作ってみよう！（APNG・WebP）【前編】 続いて中編では、 [...]
2024年12月23日 WEBシステム開発 Google Chromeの拡張機能を作ってみよう！【入門編】 日本においてトップシェアを誇るブラウザと言えば Chrome ですが、その Chrome の拡張機能を皆様使っていますでしょうか。 私もいくつかインストールして活用しているのですが、時々こういう拡張機能があったらなぁと思うことがあります。 でもなかなか、自分のニーズに合っていなかったり、日本語に対 [...]
2024年12月18日 WEBアクセス解析 【Googleアナリティクス4】webサイトへの海外からのアクセス状況や検索キーワードを調べる方法 突然ですが、自サイトに海外からどのくらいのアクセスがあるのか知りたくはありませんか？ Google アナリティクス 4（以下GA4）では、国内だけでなく、海外からのアクセス状況も調べることができます。 海外に拠点があったり、これから海外へ市場を展開していこうと考えていたりする方は、今回ご紹介する記 [...]
2024年12月18日 WEBシステム開発 WebSocketライブラリを使用して、シンプルなリアルタイム通知アプリを作成する方法 ふと、リアルタイム通信ってどうやって行っているのだろうと気になってしまいました。 リアルタイム通信の仕組みを理解するために、今回はWebSocketライブラリを使用して簡単なアプリケーションを作成してみます。 前提 Ubuntu 22.04 PHP 8.1.2 CodeIgniter 4.5.1 [...]
