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月09日 BUSINESS仕事効率化ツール ChatGPTの『Code Interpreter』機能を使って、グラフを作成してみる なにかと世間を騒がせてやまないChatGPTですが、日本時間の2023年7月7日に『Code Interpreter』という機能を、有料会員であるChatGPT Plusユーザー向けに公開しました。 これは、Pythonコードの実行機能やファイルのアップロード機能を追加するという拡張機能で、Cha [...]
2023年08月08日 WEBWebデザイン AdobeXDユーザーがFigma（フィグマ）でワイヤーフレームを作ってみた【WF作成編】 前回はFigmaの概要、特徴をご紹介しました。 今回は実際にワイヤーフレーム（WF）を作成しながらFigmaの機能についてご説明します。 前回の記事Adobe XDユーザーがFigma（フィグマ）でWFを作ってみた【Figmaの概要～画面説明編】 フレーム（台紙）の配置 フレームとは、スマホや [...]
2023年08月08日 BUSINESS仕事効率化ツール ＜Google拡張機能＞webページ内の画像をまとめてダウンロードできる「Image Downloader」 webサイトのページ内の画像を一括でダウンロードできたなら、と思ったことはありませんか？ 弊社では、クライアントのwebサイトから二次利用可能な画像をダウンロードし、それらを用いてリニューアルページを作成することがよくあるため、画像のダウンロードは頻繁に行っています。 そのたびに、画像を右クリック [...]
2023年07月31日 BUSINESS仕事術 パワポのテキストを上下中央にしたい！細かい余白調整の仕方を伝授します！ パワーポイントで資料を作るとき、デザインにかかわっている人であれば、体裁・余白を整えることに苦労した経験はありませんか。 PhotoshopやIllustrator・XDなど、Adobeソフトに慣れている方は、やりたいことが上手くいかないことも多いかと思います。 今回は、そんな不満を払拭するべく、 [...]
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月13日 BUSINESS仕事効率化ツール 【実例付き】GPT-4とGPT-3.5の違い・GPT-4へのアップグレード方法 今回はGPT-4を使用できるプラン（ChatGPT Plus）への変更方法と、GPT-4とGPT-3.5の性能の違いについて、生成した内容を基に解説していきます。 ChatGPTとは ChatGPTはOpenAI(※1)が開発した、自然言語生成モデルを使用したウェブサービスです。 こちらの質問（ [...]
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日 BUSINESS仕事効率化ツール 使わなきゃ損！便利ツールがたくさん詰まったGoogle Chromeの拡張機能とは？ 現在日本で一番多く使用されているブラウザがGoogle Chromeです。 Google Chromeでは、GoogleカレンダーやGmail、スプレッドシートなどの様々なGoogleツールが簡単に使用できたり、アカウントを連携させたり、便利なことが多いですよね。 今回はそんなGoogle Chr [...]
