2022年03月23日 WEBシステム開発 「Git」の基本を押さえて、実務で使えるようになるまで（実務編） 弊社ソリューション事業部ではほとんど全ての案件でgitを導入してプロジェクトの管理をしております。そこでエンジニア歴間もない筆者が、具体的に実務ではどのように使っているかをお伝えしたく、この記事を書きました。 今回は実務編ということで、前回「基本編」で紹介したコマンドを使用して、実務ではどのように [...]
2022年03月22日 WEBWebデザイン これを知れば色使いの迷いを解決する！デザインのクオリティーが上がる配色法 デザインを作る時に大きな要素の中でひとつが「色」です。色使いによってデザインのイメージや印象、雰囲気が左右されます。配色によっては、強い印象を与えることで相手の記憶に残したり、優しい雰囲気で癒しを与えたりすることができます。今回は、デザインに大きな影響を与える色の選び方について解説していきたいと思 [...]
2022年03月18日 WEB教育機関ウェブサイト ⼤学サイトにおいて、どんなコンテンツを掲載して他⼤学との差別化をしているのか〜関東編 part2〜 大学サイトではどんなコンテンツを掲載して受験生獲得に誘導しているのか、調査してみました。今回は関東編 part2です。 前回同様、調査の条件は、大学サイトもしくは受験生サイトのトップページから直接導線があり、受験生を対象としたコンテンツを対象としています。 関東編Part1は下記よりご覧ください。 [...]
2022年03月17日 WEBシステム開発 Reactのerror boundaryでキャッチされないエラーをキャッチできるようにする Reactのerror boundary error boundary は自身の子コンポーネントツリーで発生した JavaScript エラーをキャッチし、エラーを記録し、クラッシュしたコンポーネントツリーの代わりにフォールバック用の UI を表示する React コンポーネントです。error [...]
2022年03月17日 WEBシステム開発 Google Workload identity federationでGitHub Actionsを設定してみた 現在開発中のプロジェクトでReactで構築したSPAのアプリケーションを開発しています。 提供方法はビルドしたReactのアプリケーションをGoogle Cloud Storage（GCS）に配置する方式でしたので、継続的なデプロイを円滑に進めるためにGitHub ActionsによるCI/CDを [...]
2022年03月16日 WEBWebデザイン gulpで画像を軽量化、gulp-imageminを使ってコマンドラインから画像を圧縮する（インストール編） 先日、「WebPへの変換をもっと簡単に、gulp-webpを使ってWebP画像を生成する方法」では、gulpを使ってWebP形式に画像を変換する方法をご紹介しました。 IE（Internet Explorer）11がサポート対象外になり画像の圧縮形式にWebPを利用する機会が増えたとお伝えしました [...]
2022年03月16日 BUSINESS仕事効率化ツール スケジュール・タスク管理にはGoogleカレンダーが便利！シーン別に使い方や機能をご紹介します。 仕事のスケジュール管理に欠かせない「Googleカレンダー」。そんなGoogleカレンダーには、予定を登録する以外の機能も充実していることをご存じでしょうか？ 実は、スケジュール登録する内容にプラスするだけで、よりGoogleカレンダーをより便利に使うことができます。 今回は仕事のシーン別で、私が [...]
2022年03月08日 WEBシステム開発 安全性、速度、並行性を兼ね備えた言語と、巷でうわさの「Rust」を覗いてみる（その1） 今回は巷で話題になっている言語「Rust」を覗いていきたいと思います。 私が業務に利用している言語はGoです。 Goはガベージコレクション（以下、GC）があるのですが、RustはGCがありません。 GCのおかげで安全にメモリを利用できるわけですが、RustはGCが無くても安全にメモリを利用できるら [...]
2022年03月03日 WEBWebデザイン ダウンロード不要！無料で画像編集やバナー作成が簡単にできるCanva（キャンバ）とは？ ブログで使用するアイキャッチ画像、簡単なバナーなどを自分でデザインしてみたいと思う方は多いと思います。 しかし、本格的な画像編集ソフトを導入しようとすると「費用が掛かる」「操作方法が難しい」「パソコンのスペックが足りず思うように動かない」等の壁にぶつかり、思うようにできない方も多いのではないでしょ [...]
2022年03月02日 LIFEIT活用 暗号資産を使うための準備をしよう！「仮想通貨ウォレットMetaMaskのインストール&初期設定」 最近、ビットコインやイーサリアムなど、暗号資産について広告やニュースでよく見るようになりました。 よく見るようにはなりましたが、まだ触ったことが無い方も多いのではないでしょうか？ 今回はそんな方のために、ブロックチェーンゲームやNFTの取引に必要不可欠な「MetaMask」の導入方法を紹介していき [...]
2022年02月25日 WEB教育機関ウェブサイト ⼤学サイトにおいて、どんなコンテンツを掲載して他⼤学との差別化をしているのか〜関東編 part1〜 大学サイト制作をお手伝いする際、受験生獲得のために新たな取り組みを試みたり、受験生向けの面白いコンテンツを既に展開されている大学が見受けられます。 そこで今回は、受験生獲得のためにどんなコンテンツを掲載しているのか？を調査してみました。今回は関東編 part1です。 調査の対象は、大学サイト、もし [...]
2022年02月22日 WEBシステム開発 【Go】go.modのreplaceでローカルのモジュールを参照する goで複数のモジュールを組み合わせて機能を実装する場合にgo.modでモジュールをimportして使うのですが、importしたモジュール側に実際にどんな値が渡されてきているのかを調べたい場合にモジュールにデバッグコードを追加してpushし、利用側で変更したモジュールを更新する必要があります。 1 [...]
2022年02月22日 WEBWebデザイン 【jQuery】スクロールすると出てきてフッター直前で止まるフローティングボタンの実装 webサイトを作成しているとフローティングボタンを設置することがよくあります。 フローティングボタンとは、ページの先頭へ戻るボタンやお問い合わせボタンなど、画面の右下などに表示され、スクロールしてもその位置で追従してくるボタンのことを言います。 今回はjQueryを使って、フローティングボタンの挙 [...]
2022年01月31日 WEBWebデザイン 【Photoshop】ブラシ機能の基本的な使い方から活用方法まで Photoshopのブラシは、サイズやエッジの柔らかさ、デザインを変えて画面内を自由にペイントできるほか、選択範囲を調整するなどペイント以外の用途でも役立ちます。 今回はブラシ機能の基本から活用方法までをご紹介します。 ※説明には、Adobe Photoshop CC2021（Windows10版 [...]
2022年01月31日 BUSINESS仕事効率化ツール 画像や写真から文章を簡単に書き出す方法 ～誤字脱字の防止と仕事効率化～ 「資料が画像しかなくて文章を書き出さないといけないが、手打ち入力が苦手で時間がかかる」 「サイトリニューアルの際に原稿を用意しないといけないが、画像が多く使われていてコピー&ペーストできない」 こんな時、Googleが提供している、GoogleドライブとGoogleドキュメントを活用するこ [...]
2022年01月28日 WEBシステム開発 Chromatic で Visual Regression Testingを導入する方法 Visual Regression Testing とは 日本語で画像回帰テストといい、画像の差分を検出するスナップショットテストの一つです。 このテストを導入する理由は改修による予期せぬ UI の崩れを見つけることです。 今回は、Storybook用のツール「Chromatic」で Visual [...]
2022年01月28日 WEBシステム開発 「Git」の基本を押さえて、実務で使えるようになるまで（基本編） 弊社ソリューション事業部では、ほとんど全ての案件でgitを導入してプロジェクトの管理をしております。そこでエンジニア歴間もない筆者が、具体的に実務ではどのように使っているかをお伝えしたく、この記事を書きました。 gitが便利なのは知っていて使ってみたいけど、具体的にどうやって使えばいいのか、また実 [...]
