2021年07月28日 WEBシステム開発 React Hook Form(V7)を使って簡単にバリデーションを実装しよう！ 現在担当しているプロジェクトで、フロントエンドのバリデーションを実装することとなり「React Hook Form」を採用しました。 Version7 が最近出たばかりであまり情報が出回っておらずつまずいたので使い方や仕様について紹介していきます。 コードは React と Typescript [...]
2021年06月29日 WEBユーザビリティ・UX・UI アプリ・Webサイトを専門家が評価する「ヒューリスティック評価」とは？【目的・調査・評価方法】 前回のブログにて、ユーザビリティテストについて解説しました。 今回は、ユーザビリティテストと同様に、ユーザーにとって使いやすいWebサイト・アプリを作るのに有効な「ヒューリスティック評価」をご紹介します。 数多く存在するWebサイト・アプリにとって、使い勝手のよさは重要なポイントです。ヒューリステ [...]
2021年06月23日 WEBシステム開発 インメモリで高速に！GoでRedisを扱う方法と排他制御の実装について 業務でRedisを扱うこととなり、Redisはどんなときに使うべき？というところから学習しました。 バックエンドではGoを使用しているので、Goでの簡単な使い方をまとめたいと思います。 INDEXRedisとはRedisの準備GoでRedisにアクセスする排他制御についてまとめ Redisとは [...]
2021年06月16日 WEBシステム開発 goでデータベースから取得したデータをcsvにして出力する 最近業務で大量のデータをcsvに出力する必要があり、goでのcsv出力方法を調べたのでまとめます。 INDEXgoでcsv出力のサンプルencoding/csvで指定できるパラメータデータベースから取得したデータをcsvに出力してみるおわりに goでcsv出力のサンプル goでcsvを出力するた [...]
2021年06月04日 WEBWebデザイン IllustratorデータをPhotoshopで開く！ レイヤーを保持したままaiをpsdに変換する方法 Illustratorでの制作物にPhotoshopで効果を付けたいときや、 aiデータをpsdデータに変換する必要があるとき、ただIllustrator上でpsdデータを「開く」をしても、レイヤーは統合されてしまいます。 今回はIllustratorで作成したデータのレイヤーを保持しながら、Ph [...]
2021年05月28日 WEBシステム開発 超簡単！1時間でできるFireBaseを使ったログイン機能の実装！（実装編） FireBaseのドロップイン認証の実装を全２回に分けて解説します。 今回は実装編として、htmlにスクリプトを埋め込みログイン機能を実装していきます。 前回の記事超簡単！1時間でできるFireBaseを使ったログイン機能の実装！（準備編） INDEXFireBaseを使ってログイン機能を実装 [...]
2021年05月19日 BUSINESS仕事効率化ツール 意外と知られていない？Google Chromeのショートカットキーを活用して「調べもの」を効率化しよう みなさんは普段知りたい情報がある時や分からないことがある時はどうしていますか？ 多くの方は、インターネット検索で知りたい情報を得ているのではないでしょうか。 私も営業活動でお客様の情報を調べる時や、分からないことがあった時にインターネット検索をよく使います。 今回は、そんなインターネット検索やブラ [...]
2021年05月14日 WEBユーザビリティ・UX・UI webサービスやwebサイトの開発・改善に役立つ、ユーザビリティテストとは？【準備から実施・分析までの流れ】 自社のwebサイト・webサービスが、果たしてユーザーのニーズに応えられているのかと不安になったことはありませんか？ ユーザビリティテスト（UT）とは、サイトの改善において、実際にサイトのターゲットユーザーに利用してもらい、操作感やサイトの構成に関する課題を発見する手法のことです。開発・制作者の視 [...]
2021年04月27日 WEBWeb全般 自分だけの地図を作って共有できる！Googleマイマップ ～データインポート編～ 過去2回に分けて、Googleマイマップの作成・共有の方法をご紹介しました。 自分だけの地図を作って共有できる！Googleマイマップ ～オリジナルMap作成編～ 自分だけの地図を作って共有できる！Googleマイマップ ～オリジナルMap共有編～ 今回は、大量の住所を一括でマイマップに登録できる [...]
2021年04月21日 WEBシステム開発 ブロックチェーンって何？Go言語で簡単なブロックチェーンを作成してみる ビットコインやイーサリアムなど、仮想通貨についてのニュースを耳にすることが多くなりました。 今回は、これらの仮想通貨に主に使用されている「ブロックチェーン」技術について、Go言語で簡単なプロトタイプを作成してみます。 ちなみに、「仮想通貨」の他に「暗号資産」という言葉もよく使われています。 「仮想 [...]
2021年04月15日 WEBシステム開発 【React.js入門】関数コンポーネントで百マス計算を生成してみる 現在進行中のプロジェクトの為、goに入門して半年以上が経ちました。 goには多少なれてきたのですがこのプロジェクトでのフロントエンドにはReact.jsを採用することが決まっています。 vue.jsなどは多少触ったことがありますが、React.jsは初めての挑戦です。 React.j [...]
2021年04月13日 LIFEIT活用 記事内の広告を非表示にできる！ webサイトの閲覧を快適にするSafari「リーダー表示機能」 iPhoneの標準webブラウザである「Safari」。iPhoneユーザであれば、日ごろからよく利用するアプリだと思います。 このモバイル版Safariの左上に表示されている「ぁあ」のアイコンって、皆さん何か知っていますか？ 実はそのアイコンはwebサイトの表示を高速化して文字を読みやすくする便 [...]
2021年03月26日 WEBシステム開発 超簡単！1時間でできるFireBaseを使ったログイン機能の実装！（準備編） FireBaseのドロップイン認証の実装を全2回に分けて解説していきます。 今回は準備編として、FireBaseのコンソール上での準備を行っていきます。 FireBaseは2011年にFireBase社が開発したモバイル・Webアプリケーション開発プラットフォームで、2014年にGoogleに買収 [...]
2021年03月03日 WEBWebデザイン パスファインダーよりも手軽！Illustrator消しゴム・はさみ・ナイフツールの使い方 前回のブログで、パスファインダー機能を使って画像を分割したり、合体したりする方法をご紹介しました。 前回記事「オブジェクトを組み合わせて複雑な図形をつくる！Illustratorのパスファインダー機能をご紹介」 今回は、そんなパスファインダー機能を使わずとも図形を加工できる、消しゴムツール・は [...]
2021年02月18日 WEBシステム開発 gomockでGoのインターフェースのmockを作成してテストを実行する 今回はGoのmockフレームワークであるgomockの使い方を紹介したいと思います。 gomockとは、Go言語用のmockフレームワークで、組み込みのテストパッケージと合わせて利用するライブラリです。 golang/mock ドキュメント INDEXインストール方法テスト対象のサン [...]
2021年01月27日 WEBWebデザイン 光って目立つ！Illustratorのアピアランス機能で「光る文字」を作ろう サイトのバナーやアイキャッチを作っていると、文字に光沢を持たせて重厚な感じを出したいときや、文字が光って浮かび上がるような表現をしたい、と思うことがあります。 以前、Illustratorのアピアランス機能を使って袋文字の作り方をご紹介しました。 YouTube動画のサムネイル作成に！Photos [...]
2020年12月25日 WEBWebデザイン オブジェクトを組み合わせて複雑な図形をつくる！Illustratorのパスファインダー機能をご紹介 今回は、Illustratorの機能の一つ「パスファインダー」機能についてご紹介します。 パスファインダーはオブジェクト同士の合体、分割、型抜きなどができ、知っておくと複雑な図形を簡単につくることができます。手作業でパスを使ってかたどることが難しい図形も、工夫すれば簡単に作ることができます。 I [...]
