2021.07.05 WEB医療機関ウェブサイト 【2021年度版】病院WebサイトのレスポンシブWebデザイン・常時SSL対応状況(関東エリア・東海エリア) この記事は、2021年度版の対応状況です。2023年度版については、下記ページをご覧ください。 【2023年度版】病院WebサイトのレスポンシブWebデザイン・常時SSL対応状況(関東エリア・東海エリア) 以前のブログで関東エリア(東京・神奈川・千葉・埼玉)と東海エリア(静岡、愛知、岐阜、三重 [...]
2021.07.04 WEBWeb全般 web担当者におすすめする「GoogleChrome拡張機能」7選 web担当者の皆さんは、普段どのブラウザを使用していますか? 国内ブラウザシェアトップのGoogleChromeを使用される方が多いかと思います。 GoogleChromeの魅力の一つとして挙げられるのが、豊富な拡張機能(アドオン)です。拡張機能を活用することで、作業効率を高めることができます [...]
2021.06.29 WEBユーザビリティ・UX・UI アプリ・Webサイトを専門家が評価する「ヒューリスティック評価」とは?【目的・調査・評価方法】 前回のブログにて、ユーザビリティテストについて解説しました。 今回は、ユーザビリティテストと同様に、ユーザーにとって使いやすいWebサイト・アプリを作るのに有効な「ヒューリスティック評価」をご紹介します。 数多く存在するWebサイト・アプリにとって、使い勝手のよさは重要なポイントです。ヒューリステ [...]
2021.06.25 WEBユーザビリティ・UX・UI スマートフォン・PCで読みやすいフォントサイズ&行間とは?国内のメディアサイトを調べてみた。 過去記事「可読性の高い文章をデザインするポイント」でも紹介しましたように、webサイトに限らず文章の読みやすさを左右する要素に「フォントサイズ(文字サイズ)」「行間」があります。 フォントサイズが小さく、行間が詰まった文章は視認性や可読性が低く、ユーザにストレスを与えてしまいます。 では、webコ [...]
2021.06.24 WEBWebデザイン 印刷すると⾊が変わる︖RGBとCMYKを理解して、正しくIllustratorの設定を使い分けよう(基礎編) 皆さんは、「印刷してみたら思っていた色より暗くなってしまった」「写真データを書き出したら色が変わってしまった」などの経験はございませんか。それらは恐らく、RGBとCMYKの違いによってもたらされるものが原因です。 今回は、RGBとCMYKそれぞれの特長と、Illustratorを使用する際に使い分 [...]
2021.06.23 WEBユーザビリティ・UX・UI モバイルサイトに最適なボタンサイズは?使いやすいモバイルサイトを目指して ここ最近、モバイル向けのUI設計をする機会が多くなりました。 モバイルデバイスは、直接画面を指で操作しますのでデスクトップのようにマウスを使って繊細な操作をすることができません。特に小さいボタンは、タップしづらく正確性にも欠けます。 そこで今回は、モバイルサイトにおける最適なボタンサイズ(縦幅)を [...]
2021.06.23 WEBシステム開発 インメモリで高速に!GoでRedisを扱う方法と排他制御の実装について 業務でRedisを扱うこととなり、Redisはどんなときに使うべき?というところから学習しました。 バックエンドではGoを使用しているので、Goでの簡単な使い方をまとめたいと思います。 Redisとは Redisとは、Key-Value型のNoSQL(Not only SQL)データベースです。 [...]
2021.06.17 WEBWebデザイン 【Sass実践編】Sassを使いこなす第一歩、「変数」の書き方と使い方! 今回はSassの機能の一つ、「変数」ついて解説していきます。変数の記述はSassをより便利に使う上で確実に覚えておきたい機能なので、これを機にしっかり理解していきましょう。 Sassのコンパイルに関しては「Sassの利用環境を構築しよう!gulpを使ってCSSにコンパイルする手順を解説」を参照にし [...]
2021.06.16 WEBシステム開発 goでデータベースから取得したデータをcsvにして出力する 最近業務で大量のデータをcsvに出力する必要があり、goでのcsv出力方法を調べたのでまとめます。 goでcsv出力のサンプル goでcsvを出力するために「encoding/csv」が用意されています。 参考:Package csv 「encoding/csv」を使って簡単なcsvを出力する公 [...]
2021.06.08 BUSINESS仕事効率化ツール Googleアカウントを複数お持ちの方必見!Chromeで複数のGoogleアカウントに同時ログインして作業する方法 用途に応じてGoogleアカウントを使い分けていませんか?私も仕事用・プライベート用など複数のアカウントを持っています。 同一ブラウザで複数のアカウントを使い分けていると、アカウントを行き来する際にログイン・ログアウトを都度行う必要があり、アカウントの切り替えに手間がかかります。 しかし、Goog [...]
2021.06.04 WEBWebデザイン IllustratorデータをPhotoshopで開く! レイヤーを保持したままaiをpsdに変換する方法 Illustratorでの制作物にPhotoshopで効果を付けたいときや、 aiデータをpsdデータに変換する必要があるとき、ただIllustrator上でpsdデータを「開く」をしても、レイヤーは統合されてしまいます。 今回はIllustratorで作成したデータのレイヤーを保持しながら、Ph [...]
2021.05.28 WEBシステム開発 超簡単!1時間でできるFireBaseを使ったログイン機能の実装!(実装編) FireBaseのドロップイン認証の実装を全2回に分けて解説します。 今回は実装編として、htmlにスクリプトを埋め込みログイン機能を実装していきます。 前回の記事超簡単!1時間でできるFireBaseを使ったログイン機能の実装!(準備編) FireBaseを使ってログイン機能を実装するフロー [...]
2021.05.25 WEBアクセス解析 Google Analytics 4 プロパティ(GA4)とは?特徴を理解して新しいアクセス解析⽅法を導⼊してみよう。 2020年10月にGoogle Analytics 4 プロパティ(GA4)がリリースされました。 今回はその実態と導入方法を簡単にご紹介いたします。 GA4とは?ユニバーサルアナリティクス(UA)との違い GA4とは、2019年に導入された「アプリ+ウェブ プロパティ(ベータ版)」の改良版です [...]
2021.05.24 WEBWebデザイン CSS変数(カスタムプロパティ)を利用してコーディングを効率化しよう(入門編) 2015年にW3Cから勧告されて以来、CSSで変数(CSSカスタムプロパティ)が使えるようになってしばらく経ちました。 CSS Custom Properties for Cascading Variables Module Level 1 一部のレガシーブラウザ(主にIE11)が対応していなかっ [...]
2021.05.20 LIFEIT活用 【2021年度版】iPhoneの読み上げ機能を使ってkindle本を読んでみよう! 本記事は2021年5月4日にリリースされた、iPhone14.5.1の内容でご説明しています。 移動中や家事の間など、iPhoneの画面を見られない状態でも本を読みたいと思ったことは無いでしょうか? 実はiPhoneには画面内の文字を読み上げる機能が標準搭載されているので、kindleなどの電子 [...]
2021.05.19 BUSINESS仕事効率化ツール 意外と知られていない?Google Chromeのショートカットキーを活用して「調べもの」を効率化しよう みなさんは普段知りたい情報がある時や分からないことがある時はどうしていますか? 多くの方は、インターネット検索で知りたい情報を得ているのではないでしょうか。 私も営業活動でお客様の情報を調べる時や、分からないことがあった時にインターネット検索をよく使います。 今回は、そんなインターネット検索やブラ [...]
2021.05.19 WEBシステム開発 【PHP初心者向け】配列関数(array関数)を使って配列操作をスマートに書こう! みなさん、配列関数(array関数)、使っていますか? 配列操作と聞くと、なんとなくループ処理で書いてしまっている方もいるかもしれません。 ですが、多くの場合ループ処理より配列関数の方がスマートに書くことができ、可視性の向上、コーディング効率のアップに繋がります。 そんな配列関数の中でも、筆者がよ [...]