2023年07月26日 WEBシステム開発 PHPのコード例でSOLID原則を理解する（ISP・DIP編）～保守性の高いソフトウェア開発の実現を目指して～ 今回も前回の「PHPのコード例でSOLID原則を理解する（LSP編）」の続きで、理解しているつもり、使えているつもり、になっているかもしれないSOLID原則をおさらいしていきます。 これまでの記事 前々回の記事：PHPのコード例でSOLID原則を理解する（SRP・OCP編）～保守性の高いソフト [...]
2023年07月12日 WEBシステム開発 PHPのコード例でSOLID原則を理解する（LSP編）～保守性の高いソフトウェア開発の実現を目指して～ ご無沙汰しております。 今回も前回の「PHPのコード例でSOLID原則を理解する（SRP・OCP編）」の続きで、理解しているつもり、使えているつもり、になっているかもしれないSOLID原則をおさらいしていきます。 今回はSOLID原則のうちの、「L」にあたる、 LSP(Liskov Substit [...]
2023年07月06日 WEBWebデザイン 【Illustrator】一度作った装飾を保存しておける！「グラフィックスタイル」のご紹介 「グラフィックスタイル」とは？ Illustratorの「アピアランス」で指定した、「塗り」「線」「変形」や「効果」といったオブジェクトの装飾を保存しておくことで、いつでも他のオブジェクトに適用することができる機能です。 アピアランス機能について、詳しくは過去の記事でご紹介しています。 グラフィッ [...]
2023年06月06日 WEBWebデザイン 【Illustrator新機能】複雑な重なりを簡単に表現できる！「クロスと重なり」機能をご紹介します 2022年10月、Illustrator（ver27.0）に様々な新機能が追加されました。 その中の一つ、「クロスと重なり」機能がとても便利かつ楽しいのでご紹介します！ 「クロスと重なり」とはどんな機能？ 簡単にいうと、複数のオブジェクトのレイヤーを部分的に入れ替えることができる機能です。 （Il [...]
2023年04月13日 WEBWebデザイン 【流行デザイン】XD・Photoshopでグラスモーフィズムデザインを作ってみよう！ INDEXグラスモーフィズムとは？XDでグラスモーフィズムを作ってみるSTEP1：背景画像を用意するSTEP2：すりガラスになるオブジェクトを作成するSTEP3：オブジェクトにアピアランスと効果を設定するSTEP4：完成！Photoshopでグラスモーフィズムを作ってみるSTEP1：背景デザイン [...]
2023年03月17日 BUSINESS仕事術 【無料で綺麗】Google Fontsのダウンロード・インストール方法、使い方を解説します！ INDEXGoogle FontsとはGoogle Fontsをダウンロード・インストールする方法STEP1. フォントを検索STEP2. フォントをダウンロードSTEP3. ダウンロードしたzipファイルを解凍STEP4. フォントをインストールGoogle Fontsの使い方PowerPo [...]
2023年03月17日 WEBシステム開発 PHPのコード例でSOLID原則を理解する（SRP・OCP編）～保守性の高いソフトウェア開発の実現を目指して～ ご無沙汰しております。 前回の記事では「2023年はフロントエンドに関する記事を書きたいな」と言ってたのですが、ちょっと違うことに関する記事を書きたくなってしまいました。技術の移り変わりが激しいと言われる昨今ですが、もしかしたら筆者の関心の移り変わりの方が激しいかもしれません。 話を戻しまして、今 [...]
2023年02月28日 WEBWeb全般 YouTube動画を埋め込みした際に「他のウェブサイトでの再生は、動画の所有者によって無効にされています」が表示されてしまう場合の解決方法 INDEXはじめにwebサイトにYouTube動画を埋め込む方法「他のウェブサイトでの再生は、動画の所有者によって無効にされています」と表示されてしまうときはYouTube動画を管理（YouTube Studio）での埋め込み許可設定方法対象の動画をアップロードしているYouTubeチャンネルに [...]
2023年02月06日 WEBWebデザイン Illustratorでも塗りつぶしができる！ ライブペイントツールの使い方 INDEXIllustratorには「塗りつぶし」ツールがない？ライブペイントツールでクローズパスの中を塗る方法ライブペイントを行う準備ライブペイントを使って塗りつぶす背景色を付けたい場合ライブペイントツールを解除する方法アピアランスパネルを表示・確認ライブペイントを分割・拡張グループ化を解除さ [...]
2023年01月13日 WEBシステム開発 【Vue.js】コンポーネントの基本を理解して使ってみたい 新年あけましておめでとうございます。 前回の記事「【Vue.js】ドラッグ＆ドロップでアップロードした画像をプレビュー表示してみる」で初めてVue.jsに関して書いてみましたが、新年早々、Vue.jsの特徴の1つでもあるコンポーネントの基礎について学習する機会がありました。 使い回しが出来たり、そ [...]
2022年11月28日 WEBWebデザイン Illustratorで「矢印」を作る！ Photoshopへのコピペ方法も解説します。 図解などを作成する際によく使われる矢印。 今回は Illustratorで様々な形の矢印の作り方をご紹介します。 INDEXシンプルな直線矢印＜応用＞曲線の矢印ペンツールで曲線を描く⇒矢印化楕円ツールで円を描き、ダイレクト選択ツールで下半分を選択し、パスを削除⇒矢印化直線の矢印を「オブジェクト」 [...]
2022年11月15日 WEBシステム開発 【Vue.js】ドラッグ＆ドロップでアップロードした画像をプレビュー表示してみる 最近、 input type=”file” を使った画像をアップロードと、アップロードした画像のプレビューを実装する機会がありました。 そこで今後のために、 input type=”file” だけでなく、ドラ [...]
2022年11月07日 WEBWebデザイン デザインでよく見る“あしらい”をIllustratorで簡単に作ってみよう デザインにおいての「あしらい」とは、「装飾」や「ディテール（細部）」のことを意味します。 例えば、見出しのフレームや帯、下線などの飾りや、イラストや文字の加工、背景のテクスチャー等もあしらいに含まれます。絶対に必要なものではないですが、あしらいを施すことによってサイト全体の雰囲気を演出することがで [...]
2022年10月24日 WEBシステム開発 GraphQLサーバを構築するためのGoライブラリ「gqlgen」を使ってGraphQLサーバーを構築してみる こんにちは！ 今回はGoでGraphQLサーバーを作ってみたくなったのでgqlgenを利用してGraphQLサーバーを構築してみます。 INDEXGraphQLとはgqlgenとはGraphQLサーバーを構築してみるプロジェクトをセットアップしますサーバーを構築しますサーバーの実行仕上げ Gra [...]
2022年10月12日 WEBWebデザイン Illustratorのレイヤー整理術！レイヤーを美しくして作業効率を上げよう！ 前回の記事「Photoshopのレイヤー整理術！レイヤーを美しくして作業効率を上げよう！」では、Photoshopのレイヤーを整理することは重要であると解説しました。 Photoshopと同じAdobe製品のIllustratorにも、レイヤーの概念は存在します。 しかし、Photoshopとは少 [...]
2022年09月27日 WEBシステム開発 Webアプリケーションの構造を理解し、dockerを用いた開発環境を構築できるようになる（構築編） 前回の知識編では、webアプリケーションの構造を理解すること、そしてそれを理解した上でdocker・docker-composeとはどんなものかを改めて理解することが目的でした。 今回の構築編では、実際にdockerを利用して弊社で用いる開発環境を構築していきたいと思います。 INDEX前提デ [...]
2022年09月09日 WEBWebデザイン Photoshopのレイヤー整理術！レイヤーを美しくして作業効率を上げよう！ INDEXPhotoshopのレイヤーとはレイヤー整理のポイント3つ1. グループ化する2. レイヤー・グループにわかりやすい名前を付ける【おまけ】画像アセット機能の活用3. 無駄なレイヤーを作らない【おまけ】グループ化 ⇒ レイヤーマスクが便利さいごに Photoshopのレイヤーとは Pho [...]
