2021.07.28 WEBWeb全般 404 Not Foundにさようなら！画像のリンク切れチェックもできるWebsite Explorerの使い方 Webサイトを閲覧していてリンクをクリック（タップ）したのに表示されず不満を感じたことがある方は少なくないと思います。 リンク先のページが見られない理由としてはいくつかあるのですが、主に「リンク切れ」と呼ばれる状態が原因です。 リンク切れはユーザーに不満を抱かせるだけでなく、検索エンジンからも評価 [...]
2021.07.19 WEBWebデザイン CSS Grid Layoutを利用して2次元レイアウトを自由自在に操作する ひと昔前はCSSコーディングで段組みのようなレイアウトを実現するにはfloatやtable等を利用するのが主流でした。 CSS3が普及してからはFlexbox Layout（以下Flex Layout）を多用してきましたが、同じくCSS3から利用可能となったCSS Grid Layout（以下Gr [...]
2021.07.16 WEB医療機関ウェブサイト 【2021年度版】集患につなげる病院webサイト運営に必要なこと。コロナ禍だからこそ見直してみよう。 病院Webサイトは、新型コロナウイルス感染症の影響もあり、ユーザーへの情報提供ツールとしてさらに重要な役割を担うようになってきました。 今回は、集患につなげる病院webサイト運営に必要なことをまとめましたので、自院サイトの見直しやリニューアルをお考えの方など是非参考にしてみてください。 INDE [...]
2021.07.07 WEBシステム開発 VueとReactのプロジェクトをHMR（ホットリロード）が爆速と噂の「Vite」を使って構築してみる Vitehttps://vitejs.dev/ Vite（ヴィート）はVue.jsの作者のEvan You氏が開発した次世代フロントエンドツーリングです。 公式では以下のように説明してます。 以下、Google翻訳 On demand file serving over native ESM [...]
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での簡単な使い方をまとめたいと思います。 INDEXRedisとはRedisの準備GoでRedisにアクセスする排他制御についてまとめ Redisとは [...]
2021.06.17 WEBWebデザイン 【Sass実践編】Sassを使いこなす第一歩、「変数」の書き方と使い方！ 今回はSassの機能の一つ、「変数」ついて解説していきます。変数の記述はSassをより便利に使う上で確実に覚えておきたい機能なので、これを機にしっかり理解していきましょう。 Sassのコンパイルに関しては「Sassの利用環境を構築しよう！gulpを使ってCSSにコンパイルする手順を解説」を参照にし [...]
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.25 WEBアクセス解析 Google Analytics 4 プロパティ（GA4）とは？特徴を理解して新しいアクセス解析⽅法を導⼊してみよう。 2020年10月にGoogle Analytics 4 プロパティ（GA4）がリリースされました。 今回はその実態と導入方法を簡単にご紹介いたします。 INDEXGA4とは？ユニバーサルアナリティクス（UA）との違いGA4のイベントGA4を導入するメリット・デメリットメリットデメリットGA4はす [...]
2021.05.24 WEBWebデザイン CSS変数（カスタムプロパティ）を利用してコーディングを効率化しよう（入門編） 2015年にW3Cから勧告されて以来、CSSで変数（CSSカスタムプロパティ）が使えるようになってしばらく経ちました。 CSS Custom Properties for Cascading Variables Module Level 1 一部のレガシーブラウザ（主にIE11）が対応していなかっ [...]
