2021.09.22 WEBシステム開発 コマンド一発でソースコードを本環境に!PHP製のDeployツール「Deployer」を使ってみた 本番環境へのソースコードのDeployにも色々な方法があります。 FTPクライアントを用いてアップロード lftpコマンドを用いてアップロード GitHub等のサービスを介して本環境でclone GitHubActionsを用いてアップロード 等々… 弊社ではセキュリティ等の関係 [...]
2021.09.22 WEBWebデザイン CSS mix-blend-modeを利用してブレンドモードをキレイに再現しよう コーディングを行うにあたってPSDやAIで作られたデザインをチェックしている際に、レイヤーに「乗算」や「スクリーン」が使われていて悩んだ経験がある方も多いのではないでしょうか。 今までCSSでコーディングするときには複数のレイヤーをまとめて画像で書き出したりとちょっとひと手間かける必要がありました [...]
2021.09.21 WEBSEO・SEM SEO対策についてよくある質問をまとめてみました!(ディスクリプション・コンテンツ・被リンクについて) Webサイト制作において、SEO(検索エンジン最適化)は切っても切り離せない施策です。Webサイト制作中にお客さまからSEOについて質問を頂くことがたくさんあります。 そこで今回は、お客さまからいただく質問の中で特に多かった下記3つのご質問と、それに対する回答をご紹介します。 INDEX【質問1 [...]
2021.09.09 WEBシステム開発 Windowsで至高のターミナル生活を求めて(番外編:ArchLinux on WSL2) 以前の記事「Windowsで至高のターミナル生活を求めて(Windows Terminal編)」 ではWindows Terminal + Ubuntu-20.04 on WSL2をご紹介しました。 Ubuntu-20.04もとてもいいLinuxディストリビューションだと思いますが、MSYS2を使 [...]
2021.08.31 WEBWebデザイン 画像編集ソフト要らず!パワーポイントを使って簡単にバナーや画像ボタンを作る方法 ホームページに掲載したり、web広告に利用したりと、なにかと必要な機会の多いバナー。 ホームページの更新でちょっとしたバナーの文言変更や写真の差し替えがしたいとき、 制作会社に頼むのは面倒だし、費用がかさむ… でもIllustratorやPhotoshopなどの画像編集ソフトは持っていないし、持 [...]
2021.08.30 WEBセキュリティ お問い合わせフォームのスパム対策とは?Google reCAPTCHAをフォームに設置してみよう webサイトを通じてユーザからのお問い合わせを受け取る手段として、お問い合わせフォームを設置しているケース多いかと思いますが、実際のお問い合わせとは関係のない「スパム投稿(メール)」が大量に送られて困っているという声も少なくはありません。 今回は、スパム投稿を防ぐ方法について解説していきます。 [...]
2021.08.25 WEB医療機関ウェブサイト 病院採用サイトにはどんなコンテンツが必要?20サイト調査してみた<病院 総合採用サイト編> 病院の採用サイトを作るならば、募集要項の他に働くメリットや環境等、求職者が働く姿をイメージできる内容が好まれます。 今回は、実際に採用サイトを運営している病院を20サイトピックアップし、どんなコンテンツを作成しているのか調査してみました。 INDEX調査対象サイト一覧コンテンツ人気ランキング先輩 [...]
2021.08.25 WEBアクセス解析 Googleアナリティクスのアカウント構造を理解してアクセス解析業務を効率化!(アカウント・プロパティ・ビュー) Googleアナリティクスには「アカウント」「プロパティ」「ビュー(もしくはデータストリーム)」という階層構造があることをご存じでしょうか?Googleアナリティクスでは、アカウントの階層構造を自社のWebサイト運営に合わせて設定することで、複雑なデータをよりシンプルにすることができます。 今回は [...]
2021.08.20 WEB教育機関ウェブサイト 【2021年度版】大学WebサイトのレスポンシブWebデザイン・常時SSL対応状況(関東エリア・東海エリア) 以前のブログで関東エリア(東京・神奈川・千葉・埼玉)と東海エリア(静岡、愛知、岐阜、三重)の大学webサイトにおけるレスポンシブwebデザインと常時SSL対応状況について書きましたが、1年以上が経過した現在の状況について再度調査を行いましたので、結果をまとめたいと思います。 参考ブログ 大学W [...]
2021.08.19 WEBシステム開発 goでデータ形式を識別するためのMIMEタイプを判定する方法 業務でアップロードされた画像ファイルのMIMEタイプを判別する必要があったので調査しました。 INDEXhttpパッケージのDetectContentType説明動作のサンプルファイルを読み込んでMIME判別さいごに httpパッケージのDetectContentType 調べてみるとgoのht [...]
2021.08.16 WEBWebデザイン 【Sass実践編】Sassの条件分岐と繰り返し処理とは?Sassでの制御構文の書き方を紹介! 今回はSassの制御構文について解説していきます。 制御構文が使えるようになると、条件によってスタイルを振り分けたり、繰り返し指定するスタイルの記述を短縮できたりするので、理解しておきたい機能です。 INDEX制御構文とは@ifを使った条件分岐@forを使った繰り返し処理@whileを使った繰り [...]
2021.08.03 WEBWebデザイン SVGってなに?PhotoshopやIllustratorでSVG画像を書き出す方法を解説します。 JPGやGIFといった画像拡張子のほかに、「SVG」という拡張子を目にしたことがあると思います。 JPGやGIF等の「ビットマップデータ」とは違い、SVGは「ベクターデータ」に分類されます。ベクターデータには拡大しても画質が落ちないという特徴があり、昨今のwebサイトでは、レスポンシブやRetin [...]
2021.08.02 WEBシステム開発 MySQLのJSON型に含まれる値でソートをかける方法 (数値・文字列・Goのtime.Time型) MySQLのJSON型に含まれている中の値で、ソートをかける方法についてまとめたいと思います。 JSON型に変換したGoのtime.Time型をソートする方法も後半でご紹介します。 INDEX準備JSON_EXTRACTを使用する方法「->」演算子を使用する方法Goのtime.Time型を [...]
2021.07.28 WEBシステム開発 React Hook Form(V7)を使って簡単にバリデーションを実装しよう! 現在担当しているプロジェクトで、フロントエンドのバリデーションを実装することとなり「React Hook Form」を採用しました。 Version7 が最近出たばかりであまり情報が出回っておらずつまずいたので使い方や仕様について紹介していきます。 コードは React と Typescript [...]
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 [...]