2022.07.12 WEBWebデザイン VSCodeにEditorConfigプラグインを導入してコードフォーマットを統一する HTMLのインデントはスペース2つ、CSSのインデントはスペース4つ、改行コードはLF派の著者です。 インデントにスペースを使うかタブを使うか、スペースなら2つ分か4つ分か。所説あるので深く言及はしませんが、コーディングを担当する人によって好みがわかれることが多い問題？だと思います。 1人で完結す [...]
2022.07.11 WEBシステム開発 Reactのレンダリング、差分検出処理の仕組みを学ぶ 恥ずかしながらReactのレンダリングとは何か、差分検出処理とは何かをよく分からずに、 再レンダリングを回避するため雰囲気でReact.memoを使ってきました。 今回はReactのレンダリングと差分検出処理について調べました。 Reactの差分検出処理とは 参照https://ja.reac [...]
2022.06.30 WEBアクセス解析 【Googleアナリティクス】GA4のコンバージョン設定をして、サンクスページ到達のコンバージョンを計測しよう！ 2022年3月にGoogleからアナウンスされたユニバーサルアナリティクス（以下、UA）の計測停止計画を見据えて、まだ活用方法が分からないけど、とりあえずGA4の導入を始めている方も多いかと思います。 今回は、アクセス解析に欠かせない「コンバージョン設定」について解説していきます。 UAとは設定方 [...]
2022.06.30 WEBWebデザイン Photoshopのトーンカーブの役割と効果を理解して、画像補正をマスターしよう！【基本編】 Adobe Photoshopを使って画像の色調補正を行う際、使用する頻度が高い「トーンカーブ」。 対角にある2つの点を繋いだ線をドラック＆ドロップでカーブさせることで、画像の明るさやコントラストが変化します。 皆さんはトーンカーブがなぜこのような形状をしているのか、考えたことはあるでしょうか。 [...]
2022.06.29 WEBアクセス解析 【Googleアナリティクス】GA4導入時に一緒にやっておきたい5つの初期設定 2022年3月にGoogleからアナウンスされたユニバーサルアナリティクス（UA）の計測停止計画を見据えて、まだ活用方法が分からないけど、とりあえずGA4の導入を始めている方も多いかと思います。 今回は、GA4導入時に一緒に行っておきたい5つの初期設定をご紹介します。 いざデータ分析するときに困ら [...]
2022.06.29 WEBシステム開発 安全性、速度、並行性を兼ね備えた言語と、巷でうわさの「Rust」を覗いてみる（その3：所有権） “うわさの「Rust」を覗いてみる”第三弾となる今回は、「The Rust Programming Language」を読みながら所有権の部分を覗いていきたいと思います。 参照 https://doc.rust-lang.org/book/ https://doc.rust-jp.rs/boo [...]
2022.06.28 WEBアクセス解析 【Googleアナリティクス】GA4にはいつまでに移行すれば良い？ユニバーサルアナリティクスはいつまで使える？ 既にご存じの方も多いかと思いますが、2022年3月17日にGoogleはユニバーサルアナリティクスサポート終了の計画を発表しました。 参考：ユニバーサル アナリティクスのサポートは終了します（アナリティクスヘルプ）https://support.google.com/analytics/answ [...]
2022.06.21 WEBシステム開発 Go WebAssemblyでブラウザ上でGoを実行する その2 Go側からJavascriptを操作する 前回の記事「GoのコードをWebAssenblyにコンパイルしてブラウザ上でGoを実行する」では、コンパイル済みのGoのプログラムをブラウザ上で実行しただけでした。 今回は、さらにGoのプログラム側からJavascriptを操作してみようと思います。 syscall/js Goのプログラム側から [...]
2022.06.16 BUSINESS仕事効率化ツール 画像編集もできて便利！無料で使える高機能画面キャプチャソフト「Screenpresso」（Windows専用） 今回ご紹介する「Screenpresso」は、画像編集機能を備えた高機能画面キャプチャソフトです。 Windowsに標準で搭載されているキャプチャ（スクリーンショット）機能は、キャプチャした画像の簡単な編集は可能ですが、画像の中にテキストを入れたり、図形を入れたりするには、別のソフトで作業をする必 [...]
2022.06.16 WEBWebデザイン canvas要素とは？HTMLとJavaScriptを使って図形を描いてみよう！ HTMLで図形を表現する場合img要素が一般的ですが、HTML5からcanvas要素で描画処理を行うことが可能となりました。 しかしJavaScriptを使うためハードルが高いと感じている方も多いのではないでしょうか。 今回はcanvas要素の設置の仕方と簡単な図形の描き方についてご紹介します。 [...]
2022.06.16 WEBSEO・SEM XMLサイトマップ（sitemap.xml）の作成⽅法を2種類ご紹介します︕ XMLサイトマップを作成する時、なぜかうまく作成できなかったりすることがあります。 そんなとき、私がいつも使用している2つの作成方法がありますので、今回はこちらをみなさんにご紹介します！ 簡単にXMLサイトマップを作成できますので、ぜひお試しください。 XMLサイトマップとは︖ XMLサイトマッ [...]
2022.06.15 WEBSEO・SEM 【SEOの基本】Googleの検索結果で上位を狙うために、クローラビリティを向上しよう！ クローラビリティ向上・最適化の対策はしていますか？ どんなに良いコンテンツを公開したからといって検索結果に表示されるわけではありません。検索結果に表示されるには、クローラビリティ向上の施策を行うことが重要です。 この記事では、下記項目を解説します。 クローラビリティとは？検索結果に表示されるま [...]
2022.05.31 WEBWebデザイン Photoshopでくもり空を青くしよう！～空の置き換え機能を使わない方法も紹介します～ Adobe Photoshop CC 2021のアップデートにより搭載された「空を置き換え」機能。 Adobe Sensei という人工知能が画像のマスクと合成を自動で行ってくれるという、画期的な機能です。 今回はそんな空の置き換え機能の使い方を、解説していきます。 また、「空を置き換え」機能のな [...]
2022.05.30 BUSINESS仕事効率化ツール ブラウザのタブをまとめて保存・復元できる便利なchrome拡張機能「TabCloud」 パソコンで作業や調べものをしていると、気づいたら大量のタブを開いてしまい、PCの電源を切るのを躊躇してしまう事はありませんか？また、別の日に続きから作業をしたい場合、ブックマークしてあるサイトを開くのは時間がかかりますし、事前にすべてのページをブックマークしておくのにも時間がかかります。 今回ご紹 [...]
2022.05.30 WEBアクセス解析 GTMでの設定は不要︖GA4でクロスドメイントラッキングを設定する⽅法とは ユニバーサルアナリティクス（UA）のサポートが2023年の7月に終了されることが発表され、Googleアナリティクス4（GA4）への移行作業を進めている企業も多いかと思います。 移行する際、UAでの様々な設定も引き継ぐ必要があります。 今回は、そのUAで設定していたことの一つとして挙げられるクロス [...]
2022.05.18 WEBWebデザイン 無料の高品質デザイン作成ツールCanvaの基本機能紹介【Part１】 前回は、無料デザイン作成ツールCanvaの操作方法について解説しました。 今回は、前回紹介しきれなかった基本操作についてご紹介します。 アカウントの作成方法、Canvaの特長などを知りたい方は下記の記事からご確認ください。 ダウンロード不要！無料で画像編集やバナー作成が簡単にできるCanva（ [...]
2022.05.18 WEBシステム開発 初心者が「Git」を実務で使えるようになったら、どうしても知っておいて欲しいコマンド3選 弊社ソリューション事業部ではほとんど全ての案件でgitを導入してプロジェクトの管理をしております。そこでエンジニア歴間もない筆者が、具体的に実務ではどのように使っているかをお伝えしたく、この記事を書きました。 gitに関する基本的なことを、前々回の基本編、前回の実務編を通して紹介しました。しかし、 [...]
