2022.06.21 WEBシステム開発 Go WebAssemblyでブラウザ上でGoを実行する その2 Go側からJavascriptを操作する 前回の記事「GoのコードをWebAssenblyにコンパイルしてブラウザ上でGoを実行する」では、コンパイル済みのGoのプログラムをブラウザ上で実行しただけでした。 今回は、さらにGoのプログラム側からJavascriptを操作してみようと思います。 INDEXsyscall/jsGo側からJa [...]
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サイトマップを作成できますので、ぜひお試しください。 INDEXXMLサイトマップとは︖＜作成⽅ [...]
2022.06.15 WEBSEO・SEM 【SEOの基本】Googleの検索結果で上位を狙うために、クローラビリティを向上しよう！ クローラビリティ向上・最適化の対策はしていますか？ どんなに良いコンテンツを公開したからといって検索結果に表示されるわけではありません。検索結果に表示されるには、クローラビリティ向上の施策を行うことが重要です。 この記事では、下記項目を解説します。 INDEXクローラビリティとは？検索結果に表 [...]
2022.05.31 WEBWebデザイン Photoshopでくもり空を青くしよう！～空の置き換え機能を使わない方法も紹介します～ Adobe Photoshop CC 2021のアップデートにより搭載された「空を置き換え」機能。 Adobe Sensei という人工知能が画像のマスクと合成を自動で行ってくれるという、画期的な機能です。 今回はそんな空の置き換え機能の使い方を、解説していきます。 また、「空を置き換え」機能のな [...]
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に関する基本的なことを、前々回の基本編、前回の実務編を通して紹介しました。しかし、 [...]
2022.05.18 WEB医療機関ウェブサイト 病院のwebサイト制作で気を付けなければならないこととは？ 病院サイトには気を付けなければならないポイントや守らなければいけないルールがあることをご存じでしょうか？病院サイトを制作する制作会社はもちろん、webサイトを更新する病院内のweb担当者や関係者も注意が必要です。 どんなところに注意をするべきか、今までのノウハウからポイントをまとめましたので是非参 [...]
2022.05.13 WEBWebデザイン gulpで画像を軽量化、gulp-imageminを使ってコマンドラインから画像を圧縮する（オプション・プラグイン編） 以前の記事「Sassの利用環境を構築しよう！gulpを使ってCSSにコンパイルする手順を解説」では、「gulp-imagemin」パッケージのv8、v7系をそれぞれインストールして実行するところまで紹介しました。 画像の圧縮は問題なく行えましたが、gulp-imageminのデフォルトの設定では圧 [...]
2022.05.13 WEBシステム開発 プロダクトにReact Testing Library（RTL）を導入してみてハマったこと みなさんテスト書いてますか。 恥ずかしながら、筆者が開発中のプロダクトでは、現状ではお世辞にもテストがあるとは言えない状況です。 今回は開発中プロダクトにReact Testing Library（RTL）を導入してハマったことについてご紹介したいと思います。 INDEXReact Testin [...]
2022.05.07 WEB教育機関ウェブサイト ⼤学サイトにおいて、どんなコンテンツを掲載して他⼤学との差別化をしているのか〜関西編 part2〜 大学サイトではどんなコンテンツを掲載して受験生獲得に誘導しているのか、調査してみました。 今回は関西編 part2です。 これまでの関東編、関西編Part1と同様に、調査の条件は大学サイトもしくは受験生サイトのトップページから直接導線があり、受験生を対象としたコンテンツです。同テーマの過去記事は下 [...]
2022.05.07 WEBWebデザイン Illustratorのブレンドツールを使って、飛び出す文字を作ってみよう！ Illustratorのブレンドツールとは、 2つのオブジェクト間に形状を作成して、均等に分布させることができます。2つのオープンパスをブレンドしてオブジェクト間を滑らかに変化させたり、カラーのブレンドとオブジェクトを組み合わせて、オブジェクトの形状内にカラーの変化を付けたりすることもできます。A [...]
2022.04.28 WEBWebデザイン 【初心者向け】Canvaを使ってバナーやチラシを作成してみよう！（テキスト/図形/画像の配置と編集方法） 前回の記事「サイズの指定方法・テンプレートの探し方」に続き、今回は、Canvaの基本的も下記の操作方法についてわかりやすく解説いたします。 INDEXテキストの配置と編集方法テキストの配置テキストの編集図形の配置と編集方法図形の配置図形の拡大縮小図形の色を変更画像素材のアップロード方法画像の編集 [...]
2022.04.28 WEBWebデザイン 【初心者向け】Canvaを使ってバナーやチラシを作成してみよう！（サイズの指定方法・テンプレートの探し方） 前回の記事「ダウンロード不要！無料で画像編集やバナー作成が簡単にできるCanva（キャンバ）とは？」では、無料デザイン作成ツール、Canvaの特長と簡単な操作方法について解説しました。 今回は、Canvaの基本的な下記の操作方法についてわかりやすく解説いたします。 INDEX制作物のデザインサイ [...]
2022.04.25 WEBWeb全般 無料で利用できるデジタルパンフレット（電子カタログ）サービス、ActiBookの使い方 ホームページの制作業務に携わっていると、「デジタルパンフレットを公開したい」というご要望をいただくことがあります。 基本的にお客様のニーズに合わせて紹介するサービスを変えるようにしていますが、最近はActiBookを紹介することが多いです。 せっかくなので今回の記事ではActiBookの魅力と使い [...]
2022.04.25 WEBシステム開発 GoのコードをWebAssenblyにコンパイルしてブラウザ上でGoを実行する 今回は、GoのコードをWebAssenblyにコンパイルしてブラウザで動かす方法を試してみたいと思います。 INDEXWebAssemblyとはGoのコードをWebAssembly形式にコンパイルするブラウザで実行するHTMLファイルを作成するHTTPサーバを起動するさいごに WebAssemb [...]
