2021.11.08 WEBシステム開発 Reactのprops drilling（バケツリレー）とhooksに我々はどう立ち向かっていけばよいのか 最近Reactに入門しました。 アプリケーションの規模が大きくなってくると問題になってくる一つにprops drilling（バケツリレー）と呼ばれるものがあります。 今回はprops drilling（バケツリレー）が“つらい”と思ってから、どのように立ち向かっていったのか一例をご紹介します。 [...]
2021.11.02 WEBサイト構築・リニューアル ホームページ（HP）とランディングページ（LP）の違いは？ランディングページのメリット・デメリットを解説します。 新型コロナの影響もあり、店舗に行くよりもネット上で買い物を済ますケースが増えてきています。 検索エンジンで商品やサービスを検索すると、検索結果の上位に出てくるのは広告であるケースが多いのですが、その広告をクリックした際に移動するページは、ランディングページであることが少なくありません。 ランディン [...]
2021.10.29 WEBWeb全般医療機関ウェブサイト 採用サイトにはどんなコンテンツが必要︖10サイト調査してみた＜研修医 採用サイト編＞ 前回：採⽤サイトにはどんなコンテンツが必要︖20サイト調査してみた＜看護師 採⽤サイト編＞は、看護師の採用サイトにはどんなコンテンツが必要なのか、その調査結果をご紹介いたしました。 今回は、研修医の採用サイトに焦点を当て、現在研修医採用サイトを運営している病院を10サイトピックアップし、どんなコン [...]
2021.10.27 WEBWebデザイン WebP形式の画像をPhotoshopで読み込み・編集・書き出しができる！プラグイン「WebPShop」の導入方法をご紹介 WebPとはJPEGやPNG・GIFなど代表的な3種類の形式と比べて画像の圧縮率が高く、アルファチャンネル（透過）にも対応している汎用性が高い画像フォーマットです。 iOS 14/iPadOS 14およびmacOS 11のSafari14で、WebP形式画像が正式にサポートされ、WebPを導入する [...]
2021.10.26 WEB医療機関ウェブサイト 医療機関ウェブサイト広告規制 〜厚労省のウェブサイト事例解説書を説明します〜 以前の記事「医療機関ウェブサイト広告規制 ～医療広告ガイドラインに関するＱ＆Ａ発出～」で、医療広告ガイドラインに関するQ&A資料を紹介しましたが、より具体的な事例をまとめた「医療広告規制におけるウェブサイトの事例解説書」が、2021年7月26日に厚生労働省より示されました。 この記事では、 [...]
2021.10.26 WEBSEO・SEM 次世代画像フォーマット「WebP」に変換して、webサイトの表示速度を改善しよう！ WebP（ウェッピー）とは、Googleが開発したwebサイト向けの新しい画像フォーマットです。ファイルサイズの軽量化が特長で、webサイトの表示速度の改善やトラフィック量の軽減が期待でき、最近では多くのwebサイトで利用されるようになりました。 今回は一般的な画像形式（JPEG・GIF・PNG） [...]
2021.10.19 WEBWeb全般 意外と知らない、他社サイトのホームページ更新状況（クリニック編） よく、お客様から「他の会社やクリニックではどのようなwebサイト運用をされているのか？」という質問をいただくことがあります。たしかに、他社の運用やどのような更新をしているのかという点は気になるところですね。 そこで、弊社にて取引をさせていただいているお客様が実際にどのような更新体制・更新運用をされ [...]
2021.10.19 WEBWebデザイン 【Sass実践編】「ミックスイン」を使って効率的にスタイルを管理しよう！使い方と利点を紹介！ CSSを書いていると、同じ形でも色が違うだけのボタンや、線の太さが違うだけの見出しなど、似たようなスタイルを一括で管理したいと思ったり、 ブレイクポイントを記述する際に、いちいち「@media screen～」と書くのが面倒だと思った経験などあるかと思います。 Sassではそんな使いまわしたいスタ [...]
2021.10.17 WEBシステム開発 【Go言語】jsonデータをstreamで扱うEncoder、Decoder型を試してみる goのjsonパッケージには、jsonデータをstreamで扱うEncoder、Decoder型があります。 今回はこのEncoder、Decoderについて紹介します。 INDEXEncoderの定義Encoderの使い方Decoderの定義Decoderの使い方さいごに Encoderの定義 [...]
2021.10.08 WEBWebデザイン CSSのfilterプロパティを利用して簡単なフィルターを画像に追加しよう CSS3から新たに filter というプロパティが利用可能になりました。 今までは一部のレガシーブラウザ（主にIE11）でポリフィルが必要となるため導入を控えてきましたが、IE11をサポート対象外にする案件が増えてきましたので今後のために基本的な使い方をまとめておきたいと [...]
2021.10.08 WEBシステム開発 goroutineリークを排除して安全に並行処理を行う方法 goroutineはgoキーワードを関数の前に書くことで簡単に起動することができます。 しかしながら、goroutineはランタイムによってガベージコレクションされないため、正常に終了させていない場合はリークしていきます。 野放しになったgoroutineたちによってプロセスごと停止にならないよう [...]
2021.10.07 WEBシステム開発 Golangでデッドロックを作って遊んでみる～並行処理でデッドロックを起こさないために～ Goではgoroutineと呼ばれるGoで管理された軽量なスレッドを使って、並行処理を書くことができます。 手軽に並行処理を書けるところがGoの魅力の一つだと思いますが、並行処理ならではの問題が発生することがあります。 今回は起こりやすい問題の一つである「デッドロック」で遊んでみたいと思います。 [...]
2021.10.01 WEB医療機関ウェブサイト 病院サイトにおけるCMS導入時の注意点 弊社では多くの病院サイトリニューアルをお手伝いしていますが、院内で簡単に更新作業を行う事ができるCMS(※1)を提案・導入しており、その導入率はここ数年ずっと100％です。 病院サイトは更新頻度が高いですから、迅速な情報配信を実現できるCMSの導入は非常に大きなメリットがありますが、「どんなCMS [...]
2021.09.30 WEBシステム開発 React-transition-groupでモーダルアニメーションを実装する! ReactでCSSアニメーションを扱うためのライブラリを紹介していきます。 INDEXReact-transition-groupとはインストールモーダルを実装まとめ React-transition-groupとは アニメーションそのものを提供しているのではなく、CSSをDOMに反映するタイミ [...]
2021.09.29 WEBWebデザイン PowerPointがなくても大丈夫！ Googleスライドを使ってバナーや画像ボタンを作る方法 前回の記事「画像編集ソフト要らず！パワーポイントを使って簡単にバナーや画像ボタンを作る方法」 では、PowerPointを使った基本的なバナーの作り方をご紹介しました。 前回の記事を執筆した後、「そもそもMicrosoft Officeをインストールしていない人はどうしたらいいのだろう」と思い調べ [...]
2021.09.28 WEBWeb全般医療機関ウェブサイト 採用サイトにはどんなコンテンツが必要︖20サイト調査してみた＜看護師 採用サイト編＞ 前回：病院採⽤サイトにはどんなコンテンツが必要？20サイト調査してみた＜病院 総合採⽤サイト編＞では、病院の総合採用サイトにはどんなコンテンツが必要なのか、その調査結果をご紹介いたしました。 今回は、看護部の採用サイトに焦点を当て、現在看護部採用サイトを運営している病院を20サイトピックアップし、 [...]
2021.09.28 WEBサイト構築・リニューアル webサイトを丸ごとパソコンにダウンロードする方法 ～Website Explorerの使い方～ webサイトのリニューアルを行う際、お客様から「元のサイトも手元に残しておきたいのだけれど・・・」という相談をいただくことが、しばしばあります。 旧サイトのデータを残しておくことで、過去のコンテンツ確認や、旧サイトの構造の見直しを容易に行うことが出来ますが、リニューアルの際には、旧サイトをサーバか [...]
