2023.08.16 WEBWebデザイン CSSのmask-imageプロパティとSVGを利用して簡単にアイコンの色を変えてみよう webデザインを作成するにあたってアイコンの利用は欠かせないものですが、CSSでコーディングを行う際に書き出し形式で悩んだ経験がある方もいるのではないでしょうか？ 大昔はアイコン画像の特性よりもブラウザの対応状況を優先しなければならないことも多々ありましたが、最近では利用用途に合わせてPNG形式、 [...]
2023.08.10 WEBシステム開発 プログラミングにおける並行処理と並列処理の違いとは？真に同時な並列処理はかけるのか？ 今回はプログラミングにおける並行処理と並列処理についてみていきたいと思います。 「プログラミングにおける平行処理と並列処理の違いは何でしょう？」 これらは「同時に処理する」というイメージで、似たような概念のように思えますが、実際には異なるものです。 並行処理は、複数のタスクが同時に一つのCPUコア [...]
2023.08.08 WEBWebデザイン AdobeXDユーザーがFigma（フィグマ）でワイヤーフレームを作ってみた【WF作成編】 前回はFigmaの概要、特徴をご紹介しました。 今回は実際にワイヤーフレーム（WF）を作成しながらFigmaの機能についてご説明します。 前回の記事Adobe XDユーザーがFigma（フィグマ）でWFを作ってみた【Figmaの概要～画面説明編】 フレーム（台紙）の配置 フレームとは、スマホや [...]
2023.07.26 WEBシステム開発 PHPのコード例でSOLID原則を理解する（ISP・DIP編）～保守性の高いソフトウェア開発の実現を目指して～ 今回も前回の「PHPのコード例でSOLID原則を理解する（LSP編）」の続きで、理解しているつもり、使えているつもり、になっているかもしれないSOLID原則をおさらいしていきます。 これまでの記事 前々回の記事：PHPのコード例でSOLID原則を理解する（SRP・OCP編）～保守性の高いソフト [...]
2023.07.25 WEBWebデザイン AdobeXDユーザーがFigma（フィグマ）でワイヤーフレームを作ってみた【Figmaの概要編】 現在、弊社ではWebサイトのワイヤーフレーム（WF）やデザインを作成するときにAdobe XDを使用しています。 しかし、そのAdobe XDの単体プランが2023年1月に突如販売終了しました。今のところ、Adobe Creative Cloud(Adobe CC)では、XDの利用が可能（また単体 [...]
2023.07.25 WEBシステム開発 jotai v2.2.0 で入った atomWithDefault の破壊的変更による影響と対策 jotai v2.2.0 で atomWithDefault に破壊的変更が入った // suppose we have this const asyncAtom = atom(() => Promise.resolve(1)); const countAtom = atomWithD [...]
2023.07.12 WEBシステム開発 PHPのコード例でSOLID原則を理解する（LSP編）～保守性の高いソフトウェア開発の実現を目指して～ ご無沙汰しております。 今回も前回の「PHPのコード例でSOLID原則を理解する（SRP・OCP編）」の続きで、理解しているつもり、使えているつもり、になっているかもしれないSOLID原則をおさらいしていきます。 今回はSOLID原則のうちの、「L」にあたる、 LSP(Liskov Substit [...]
2023.07.12 WEBシステム開発 TypeScript で引数の値によって返り値の型を絞り込みたい!!! やりたいこと 引数に “A” | “B” の Union 型を取る 引数の値が A の時は返り値の型は { readonly type: “A”, readonly foo: striin [...]
2023.07.10 WEBシステム開発 安全性、速度、並行性を兼ね備えた言語と、巷でうわさの「Rust」を覗いてみる（その9：スライス型） みなさまお久しぶりです。 今回は「The Rust Programming Language」を読みながら、 スライス型ついてみていきたいとおもいます。 参考 https://doc.rust-lang.org/book/ https://doc.rust-jp.rs/book-ja/ （日本 [...]
2023.07.06 WEBWebデザイン 【Illustrator】一度作った装飾を保存しておける！「グラフィックスタイル」のご紹介 「グラフィックスタイル」とは？ Illustratorの「アピアランス」で指定した、「塗り」「線」「変形」や「効果」といったオブジェクトの装飾を保存しておくことで、いつでも他のオブジェクトに適用することができる機能です。 アピアランス機能について、詳しくは過去の記事でご紹介しています。 グラフィッ [...]
2023.06.29 WEBWebデザイン 【初心者向け】フレックスボックスとは？display:flexの使い方（基礎編） コーディングをしていて横並びレイアウトを実装する機会は多くあります。 以前であればfloatやtableを使ったりしていましたが、フレックスボックスの登場で、要素のレイアウトが格段にやりやすくなりました。今回はフレックスボックスの使い方について、分かりやすく解説していきます。 フレックスボックスの [...]
2023.06.22 WEB医療機関ウェブサイト 医療機関で実際に行われているSDGsの取り組み事例（SDGs 目標11～17） 医療機関で実際に行われているSDGsの取り組みをSDGs17の目標別にご紹介いたします。 前回は、目標1～10の事例をご紹介しました。下記からご確認ください。 参考記事 医療機関で実際に行われているSDGs取り組みをSDGsゴール別にご紹介します。（1～10編） 今回は、目標11～17の事例を [...]
2023.06.22 WEB医療機関ウェブサイト 医療機関で実際に行われているSDGsの取り組み事例（SDGs 目標1～10編） 前回の記事では、医療機関がSDGsの取り組みを行う理由や掲載目的について紹介しました。詳しくは下記の過去記事をご覧ください。 参考記事 医療機関とSDGs ～持続可能な社会の実現に向けて、どのような取り組みをwebサイトで発信しているのか～ 今回は、医療機関で実際に行われているSDGsの取り [...]
2023.06.20 WEBWebデザイン jQueryプラグイン「bxSlider」の使い方とオプションとカスタマイズまとめ（パブリックメソッド編） jQueryプラグイン「bxSlider」に関する連載も4回目となりました。 前回までの記事 jQueryプラグイン「bxSlider」の使い方とオプションとカスタマイズまとめ（導入編） jQueryプラグイン「bxSlider」の使い方とオプションとカスタマイズまとめ（実践編） jQueryプ [...]
2023.06.06 WEBWebデザイン 【Illustrator新機能】複雑な重なりを簡単に表現できる！「クロスと重なり」機能をご紹介します 2022年10月、Illustrator（ver27.0）に様々な新機能が追加されました。 その中の一つ、「クロスと重なり」機能がとても便利かつ楽しいのでご紹介します！ 「クロスと重なり」とはどんな機能？ 簡単にいうと、複数のオブジェクトのレイヤーを部分的に入れ替えることができる機能です。 （Il [...]
2023.05.31 WEBアクセス解析 なぜUAとGA4でセッション数が異なるのか？GA4の方が少なくなる・多くなる理由を解説します。 Googleアナリティクスのユニバーサルアナリティクス（以下、UA）のデータ収集終了まで、あと1ヶ月となりました。 Googleアナリティクス4（以下、GA4）への移行はお済でしょうか？ 参考：【Googleアナリティクス】GA4にはいつまでに移行すれば良い？ユニバーサルアナリティクスはいつまで使 [...]
2023.05.31 WEB教育機関ウェブサイト 【2023年度版】大学WebサイトのレスポンシブWebデザイン・常時SSL対応状況（関東エリア・東海エリア） 以前のブログで関東エリア（東京・神奈川・千葉・埼玉）と東海エリア（静岡、愛知、岐阜、三重）の大学webサイトにおけるレスポンシブwebデザインと常時SSL対応状況について書きましたが、約2年が経過した現在の状況について再度調査を行いましたので、結果をまとめたいと思います。 参考記事【2021年度 [...]
