2023.08.25 WEBアクセシビリティ ウェブ担当者は必読！ 無料で読める「ウェブアクセシビリティ導⼊ガイドブック」 webに携わったことがある方なら「ウェブアクセシビリティ」という言葉を一度は耳にしたことがあるのではないでしょうか。 ただ、その意味や具体的な配慮点について明確に答えられる方は一握りだと思います。 そんな皆さんにおすすめしたいのが、デジタル庁が無料で公開している「ウェブアクセシビリティ導入ガイドブ [...]
2023.08.23 WEBWebデザイン Canva Proって何ができるの？Canvaの有料プランで利用できる8つのおすすめ機能をご紹介！ Canvaは「おしゃれなデザインを誰でも簡単に作れる」無料のデザイン作成ツールです。 ダウンロード不要でブラウザ上で作業ができ、ドラッグ&ドロップの操作により、誰でも直感的に操作が可能です。 世界190ヵ国で利用されており、多くのユーザーに支持されています。 関連記事：ダウンロード不要！無 [...]
2023.08.22 WEBシステム開発 VSCodeのGUI上からGit操作ができる拡張機能「GitHistory」が便利だった Git管理されているプロジェクトでGit操作を行う際、CLI上でgitコマンドを用いて操作する方が多いと思います。筆者もその一人です。 今回はそんなGit操作をVSCodeのGUI上から行える拡張機能を紹介していきます。 筆者の環境 php 8.1.20 git 2.25.1 導入方法 各種拡 [...]
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プ [...]
