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.25 BUSINESS仕事効率化ツール ウェブ会議に新たな選択肢!? AndroidとWindowsでFaceTimeを使ってみよう。 新型コロナの影響でウェブ会議が一般的になり、Zoomなどのウェブ会議ツールを使う機会が増えてきました。 みなさんはZoomの無料アカウントを利用してウェブ会議をする際に、人数や時間に制限があって不便に思ったことはありませんでしょうか。 そこで、今回はビデオ電話アプリの「FaceTime」をご紹介し [...]
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について紹介します。 Encoderの定義 Encoderの構造体は以下のように定義されています // An Encoder writes JS [...]
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アニメーションを扱うためのライブラリを紹介していきます。 React-transition-groupとは アニメーションそのものを提供しているのではなく、CSSをDOMに反映するタイミングを管理してアニメーションを実現するライブラリとなっています。そして4つのコンポーネントが [...]
2021.09.29 WEBWebデザイン PowerPointがなくても大丈夫！ Googleスライドを使ってバナーや画像ボタンを作る方法 前回の記事「画像編集ソフト要らず！パワーポイントを使って簡単にバナーや画像ボタンを作る方法」 では、PowerPointを使った基本的なバナーの作り方をご紹介しました。 前回の記事を執筆した後、「そもそもMicrosoft Officeをインストールしていない人はどうしたらいいのだろう」と思い調べ [...]
2021.09.28 WEBWeb全般医療機関ウェブサイト 採用サイトにはどんなコンテンツが必要︖20サイト調査してみた＜看護師 採用サイト編＞ 前回：病院採⽤サイトにはどんなコンテンツが必要？20サイト調査してみた＜病院 総合採⽤サイト編＞では、病院の総合採用サイトにはどんなコンテンツが必要なのか、その調査結果をご紹介いたしました。 今回は、看護部の採用サイトに焦点を当て、現在看護部採用サイトを運営している病院を20サイトピックアップし、 [...]
2021.09.28 WEBサイト構築・リニューアル webサイトを丸ごとパソコンにダウンロードする方法 ～Website Explorerの使い方～ webサイトのリニューアルを行う際、お客様から「元のサイトも手元に残しておきたいのだけれど・・・」という相談をいただくことが、しばしばあります。 旧サイトのデータを残しておくことで、過去のコンテンツ確認や、旧サイトの構造の見直しを容易に行うことが出来ますが、リニューアルの際には、旧サイトをサーバか [...]
2021.09.22 WEBシステム開発 コマンド一発でソースコードを本環境に！PHP製のDeployツール「Deployer」を使ってみた 本番環境へのソースコードのDeployにも色々な方法があります。 FTPクライアントを用いてアップロード lftpコマンドを用いてアップロード GitHub等のサービスを介して本環境でclone GitHubActionsを用いてアップロード 等々… 弊社ではセキュリティ等の関係 [...]
2021.09.22 WEBWebデザイン CSS mix-blend-modeを利用してブレンドモードをキレイに再現しよう コーディングを行うにあたってPSDやAIで作られたデザインをチェックしている際に、レイヤーに「乗算」や「スクリーン」が使われていて悩んだ経験がある方も多いのではないでしょうか。 今までCSSでコーディングするときには複数のレイヤーをまとめて画像で書き出したりとちょっとひと手間かける必要がありました [...]
