Adobe Photoshop グラデーションとパターン
グラデーションやパターンは、オリジナルで登録することができ、背景を塗りつぶしたり、画像の上にグラデーションやパターンを重ねた画像を作成することができます。グラデーションの描画２色以上の色相が変化するグラデーションは、「グラデーション」ツールを使用します。描画色と背景色を基本として、グラデーションの色数や形状を変更するなど、さまざまな表現ができます。使い方描画色から背景色のグラデーション描画色から背...
Adobe 
Adobe Photoshop シャドウををつける
影によって立方体を演出し、対象物を引き立てます。同じ素材を使っても影の作り方しだいで浮いたり、切り抜かれたりします。浮かせるシャドウ１、背景を白で新規ファイルをRGBモードで作成します。新規レイヤーを作成し（❶）、「長方形選択」ツールを選択し（❷）、斜めにドラッグして画面中央に長方形の選択範囲を作成し（➌）、25％のグレーで塗りつぶします。２、「レイヤー」パネルで「レイヤー1」を選択し、「レイヤー...
Adobe Adobe Illustrator 曲線の描き方の基本
鉛筆や筆があるようにIllustratorでも線を描くためのツールが色々あります。その中でペンツールや図形ツールを使った基本的な描画方法について解説します。主にここでは曲線の描き方について解説しています。曲線の描き方ペンツールで曲線を描く１、「ペンツール」を選択します。線パネルの線幅を「1」pt、線端の形状を「バット線端」にします。カラーパネルの塗りは「なし」、線は「K＝100％」にします。画面上...
Adobe Illustrator 作業画面
Illustratorには便利な機能を持ったメニューやツールが数多くなります。ここでは、Illustratorの作業画面について解説しています。IllustratorのウィンドウIllustratorは、以下の画面で作業を進めていきます。表示されるパネルの種類や位置は、自由に変えることができます。また、ツールバーの機能についてもカスタマイズが可能です。コントロールパネルコントロールパネルは、現在の...
Adobe Adobe Illustrator グラデーション操作の解説
Illustratorで適用できるグラデーションは２種類あります。まずひとつは、グラデーションツールを使った方法で、線形や円形のグラデーションを作成します。もうひとつは、グラデーションメッシュを使った方法で、メッシュ構造を使って、自由な方向にグラデーションを作成します。平面的なイラストにグラデーションを適用すると、奥行きや立体感が生まれイラストの質を簡単に上げることができます。塗りにグラデーション...
Adobe Adobe Illustrator シンボルツールを活用する
シンボルとは、元となるイラストをシンボルパネルに登録し、そのイラストの複製を利用する機能のことです。この機能を使用すると、元となるイラストだけ修正すれば、リンク状態にある複製イラストにも変更が反映されるようになります。シンボルツールは、シンボル化されたイラストをスプレーで吹き付けるように配置・編集する機能のことで、同じイラストを大量に扱いたい時に、シンボル化されたイラストをスプレーで吹き付けるよう...
Adobe Adobe Illustrator 効果を活用する
Illustratorの効果は、オブジェクトの見た目を様々な形に変化させることができます。変化は見た目だけに適用されるので、アピアランスパネルを使用して、いつでもやり直すことができます。オブジェクトに影をつける１、「選択ツール」で傘を選択します。メニューの「効果」→「スタイライズ」→「ドロップシャドウ」を選択します。２、「ドロップシャドウ」ダイアログボックスが表示されますので、X軸オフセット「7」...
Adobe Adobe Illustrator 便利機能のクリッピングマスク
クリッピングマスクとは、イラストや写真をトリミングする機能のことです。例えば、見せたい部分だけくり抜いた紙を写真の上にのせて、フォトスタンドなどに飾るのと同じようなものです。クリッピングマスクは、マスク用のオブジェクトを前面に配置して作成します。オブジェクトの形状を変えることで、どのような形にもトリミングすることができ、表示範囲の修正も簡単に行うことができます。クリッピングマスクを適用する１、「選...
Adobe Adobe Illustrator ブラシを解説
通常、パスに設定することができるのは線幅とカラーだけですが、Illustratorのブラシ機能を使うと、イラストそのものをパスの絵柄として使用できるようになります。イラストを登録できるブラシの種類は、「散布ブラシ」「アートブラシ」「パターンブラシ」の3つで、オリジナルの囲み罫を作成したり、パスの形状に沿った絵柄の変形が簡単に行えるようになります。散布ブラシを作成する１、「選択ツール」で花を選択しま...
Adobe Adobe Illustrator 便利機能 直線の描き方の基本
鉛筆や筆があるようにIllustratorでも線を描くためのツールが色々あります。その中でペンツールや図形ツールを使った基本的な描画方法について解説します。主にここでは直線の描き方について解説しています。直線の描き方ペンツールで直線を描く１、新規ドキュメントを作成し、「ペンツール」を選択します。線パネルの線幅を「10」pt、線端の形状を「バット線端」にします。カラーパネルの塗りは「なし」、線は「K...
Adobe Adobe Illustrator ビットマップ画像の利用とトレース機能
Illustratorは、ベクタ経緯s気のアプリケーションですが、ラスタ形式の画像（ビットマップ画像）も扱うことができます。例えば、風景写真を配置したり、ベクタ形式では表現が難しいぼけた影などをラスタ形式で描画します。トレース機能は、ラスタ画像をベクタ形式に変換する機能です。手書きの絵をスキャン、または写真撮影して取り込んだものを利用すれば、いちからパスで描く必要がなくなります。画像を配置する（リ...
Adobe Adobe Illustrator ライブペイントの解説
ライブペイントを活用するiilustratorの基本的なペイント方法では、２つのオブジェクトを分割して３つのオブジェクトにしなければなりません。ライブペイントを使用した場合、２つのオブジェクトだけで、交差している部分の色を指定でき、位置も変えることができます。ライブペイントは、パスで囲まれている領域を自由にペイントすることができる機能です。オブジェクト同士が交差して閉じた領域であれば、オブジェクト...
Adobe Adobe Illustrator パターン操作の解説
Illustratorのパターンとは、ひとつの絵柄が上下左右に繰り返される機能のことです。繰り返す絵柄の境界を途切れさせることなく、自然な模様を作成します。服の模様や背景などに使用します。パターンを作成する（パターンオプションで作成する場合）１、「選択ツール」でパターン用のオブジェクトを選択します。次に、メニューの「オブジェクト」→「パターン」→「作成」を選択します。オブジェクトが一時的にスウォッ...
Adobe Adobe Illustrator 不透明度解説
Illustratorの不透明度は、レイヤー、オブジェクト、塗りや線、グラデーションの分岐点といった階層ごとで適用することができます。また、オブジェクトのグレースケールを利用した不透明マスクで、複雑な不透明度を適用することができます不透明度は、背景が透けるガラスや水の表現などに使用します。背景にあるオブジェクトのカラーを変更せずに透明感を表現できるので、とても重宝します。レイヤーに不透明度を適用す...
Adobe Adobe Illustrator スポイトツール解説
Illustratorのスポイトツールとは、オブジェクトの属性をコピーして、他のオブジェクトにペーストする機能です。スポイトツールを使用した属性のコピー方法は2つあります。まずひとつは、「抽出」と呼ばれる方法で、選択したオブジェクトに属性をコピーします。複数のオブジェクトに属性をペーストしたい時に使用します。もうひとつは、「運用」と呼ばれる方法で、コピーしたい属性をアピアランスパネルに読み込んでか...
Adobe Adobe Illustrator ブレンドを活用する
Illustratorのブレンドとは、複数のオブジェクトから、中間に位置するオブジェクトを自動的に作成する機能のことです。例えば、正方形オブジェクトと正円オブジェクトにブレンドを適用すると、中間のオブジェクトは角が丸くなった四角になります。オブジェクトは、オブジェクトの形状だけでなく、カラーにも適用されるので、連続するオブジェクトの色をグラデーションのように移行することができます。複数のオブジェク...
Adobe Photoshopで文字の縁取り（輪郭）する方法
画像の上に文字を配置すると、色によっては文字が見づらくなってしまいます。この問題を解決するには文字の縁取りをすると視認性があがります。縁取りの基本Photoshopで新規ドキュメントを開きます。文字ツールを選択して文字（テキスト）を入力します。次のように同系色の文字の色と背景色の場合、文字が認識しづらくなります。そこで、縁取り（文字に輪郭）というテクニックを使います。テキストレイヤーを右クリックし...
Adobe Photoshopでカンバスにガイドを引く
水平方向や垂直方向にガイドを引く方法を解説。また、数値を指定してガイドを引く、ガイドをロックする方法や移動、消去する方法も解説しています。水平方向にガイドを引く水平方向にガイドラインを作成するには、ウィンドウ上部にある定規にポインタを合わせ、目的の位置まで下方向にドラッグします（❶）。ウィンドウに定規が表示されていない場合は、「ビュー」メニュー→「定規」の順にクリックします。垂直方向にガイドライン...
Adobe グリッドの間隔や色を変更する
画像を正確な位置に配置するには、目安となるグリッドラインをあらかじめ整えておく必要があります。グリッドの色や感覚は、自由に変更することができます。「環境設定」ダイアログボックスが表示されます。グリッドの色を変更するには、「グリッド」欄の「カラー」メニューをクリックし、目的の色を選択します。グリッドの間隔を変更するには、「グリッド線」ボックスと「分割数」ボックスに値を入力します。「グリッド線」ではグ...
Adobe Photoshop グリッドやガイドに吸着させる
スナップ機能を使うと、グリッドやガイドなど指定した場所に吸着させて画像を移動したり、選択範囲を作成したりすることができます。吸着機能が働く場所は、ユーザーが自由に選択できます。スナップを有効にする「表示」メニュー→「スナップ」の順にクリックします（❶）。メニューの先頭にチェックマークが付き、スナップ機能が有効になります。スナップを無効にする「表示」メニュー→「スナップ」の順にクリックします（❶）。...
ゲーム開発 Unity 複数シーンを切り替える方法
一般的なゲームではタイトル画面があり、ゲームオーバー画面があったり複数のステージがあったりと複数の画面で構成されています。ここでは、複数のシーンを作る方法とシーンを切り替える方法について解説します。複数シーンを作成する方法1つのプロジェクト内に複数作ることができます。それぞれ別々のゲームオブジェクトを使って作れるので全く異なるシーンとなります。前提プロジェクトとシーンが1つがある状態で解説します。...
php PHP入門 VSCode+PHP Debug拡張によるデバックする方法
VSCodeでPHP Debug拡張することで、デバック作業を効率化できる方法を記載します。デバック機能の有効化VSCodeでPHPのデバックを有効にするには、Xdebug(PHPの拡張ライブラリ)とPHPDebug拡張（VSCodeの拡張機能）をあらかじめインストールする必要があります。１、XdebugのインストールXdebugはデバック機能を提供するPHPの拡張ライブラリです。PHP Debu...
php PHP入門 オブジェクト指向 クラスの自動ローディング
クラスは複数のスクリプトから再利用するというその性質上、１クラスを１ファイルで管理すべきです。１クラス１ファイルなら無駄なクラスを読み込む必要もなく、ファイル管理という観点からも整理しやすくなります。ただ、1クラス１ファイル方式で作成していくと、扱うクラスが増えてきた場合、クラスファイル１つ１つをrequire_once命令を呼び出さなくてはなりません。spl_autoload_register関...
php PHP入門 オブジェクト指向 名前空間
名前空間とは、クラスや関数の苗字や所属のようなものです。たくさんのクラスや関数を定義すると、名前が思わないところで衝突することがあります。そのような場合、従来であれば名前そのものを長くする方法しかありませんでした。名前空間を使えば、クラス名はかなりシンプルなものにすることができます。名前空間の基本名前空間を定義するのは、namespace命令です。構文：namespace命令namespace 名...
php PHP入門 オブジェクト指向 マジックメソッド
PHPのマジックメソッド（__get/__set/__isset/__unset/__call/__callStatic/__toString/__invoke/__clone/__debuginfo）について解説しています。マジックメソッドとはPHPでは、あらかじめ特定の役割を与えられたメソッドとして、マジックメソッドが用意されています。たとえば、__constructや__desctructも...
php PHP入門 オブジェクト指向 オブジェクトの操作
オブジェクトの代入や比較、反復処理について解説しています。オブジェクトの代入変数の代入は値渡しが既定ですが、オブジェクト変数だけは例外的に参照渡しが既定です。<?phprequire_once 'Person.php';$p1 = new Person('太郎','山田');$p2 = $p1; //オブジェクトを代入$p2->firstName = '花子';$p2->lastName = '工...
php PHP入門 オブジェクト指向 トレイト
トレイト（Trait）とは、再利用可能なコード（メソッド/プロパティ）をまとめて切り出しておくための仕組みです。「断片的なクラス」と言ってもよいかもしれません。トレイトとして切り出したコードは、あとから個々のクラスに取り込むことが可能です。トレイトの基本MachineTrait.php<?phptrait MachineTrait{ private string $starting = 'Star...
php PHP入門 オブジェクト指向 ポリモーフィズム
ポリモーフィズムについて解説しています。ポリモーフィズムとはポリモーフィズムとは、同名のメソッドで異なる挙動を実現すること言います。Figure.php<?phpclass Figure{ //プロパティを定義（protected修飾子で制限） protected float $width; protected float $height; //コンストラクター（プロパティを初期化） public...
php PHP入門 オブジェクト指向 継承
継承（Inheritance）とは、基になるクラスの機能（メソッド）を引き継ぎながら、新たな機能を追加したり、元の機能一部だけを修正したりする仕組みです。このとき、継承元となるクラスのことをスーパークラス（親クラス、基底クラス）、継承の結果できたクラスのことをサブクラス（子クラス、派生クラス）と呼びます。継承の基本継承するには、クラス定義の際にextendsキーワードでスーパークラスを指定します。...
php PHP入門 オブジェクト指向 カプセル化
PHPのカプセル化（アクセス修飾子とアクセサーメソッド）について解説しています。カプセル化とはカプセル化（Encapsu-lation）とは、クラスの機能のうち、使い手に必要のない処理を隠してしまうことです。ブラックボックス化とも言います。アクセス修飾子クラスの世界で、不要な機能を隠す役割を担っているはアクセス修飾子です。PHPで利用可能なアクセス修飾子アクセス修飾子概要publicどこからでもア...
php PHP入門 オブジェクト指向 クラス定義
PHPのクラス定義のクラス命名方法、プロパティ定義、メソッド定義、コンストラクター、デストラクター、静的メソッド、静的プロパティ、クラス定数について解説しています。クラスの定義クラスとは、関数や変数/定数を収めるための器です。クラスの構造構文：class命令class クラス名{ ・・・プロパティ/メソッドの定義}中身のない簡単なクラスを定義<?phpclass Person{ }定義したクラスの...
php PHP入門 データベース トランザクション処理
PHPのトランザクション処理について解説します。トランザクション処理トランザクションを有効にするには、beginTransactionメソッドでトランザクション開始をします。また、処理の成否を例外として通知するためにPDO::ATTR_ERRMODEパラメーターをPDO::ERRMODE_EXCEPTIONに設定します。例：トランザクション処理<?phprequire_once './DbMana...
php PHP入門 データベース パラメーター値のバインド
パラメーターのデータ型を宣言する（バイナリデータの操作）bindValueメソッドでは、パラメーターのデータ型を指定することができます。たとえばバイナリ型のパラメータを扱うようなケースでは、データ型を明示的に宣言する必要があります。例：photoテーブルに対してブラウザからアップロードされた画像を登録photoテーブルフィールド名データ型概要idINT写真ID（主キー/自動連番）typeVARCH...
php PHP入門 データベース 結果セットの取得
結果セットとは、SQLのSELECT命令によって、１個または複数のテーブルから取り出されたレコード群を保持するために、メモリ上に用意された仮想テーブルのことを言います。1個のテーブルをまるごと結果セットとして取り出すこともありますが、テーブルの列または行を部分的に取り出したり、複数のテーブルを結合（加工）したりするのが一般的です。結果セットの取得方法例：結果セット取得<?php require_o...
php PHP入門 データベース SQLクエリの発行
データベースにアクセスし、データを登録する方法を解説しています。入力値を元にデータベースに登録する画面の入力フォームで登録した値が、bookテーブルに挿入するサンプルテーブル情報：bookフィールド名データ型概要isbnVARCHEAR(17)ISBNコードtitleVARCHEAR(100)書名priceINT価格publishVARCHEAR(20)出版社publishedDATE刊行日sam...
php PHP入門 データベースへの接続
PHPからデータベースに接続する方法を解説しています。データベース接続PHPアプリからデータベースを操作するには、まずデータベースに対して接続を確立する必要があります。<?php$dsn = 'mysql:dbname=test; host=127.0.0.1; charset=utf8';$usr = 'root';$passwd = 'test';try{ $db = new PDO($dsn...
php PHP入門 リクエスト情報 アップロードの実装（$_FILES）
$_FILESは、アップロードしたファイルに関する情報を取得するためのスーパーグローバル変数です。$_FILESを利用することで、ファイルのアップロード機能も直感的に作成できます。画像ファイルのアップロード例：画像ファイルをサーバーにアップロードするsample1.php<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>ファイルアッ...
php PHP入門 リクエスト情報 セッション情報（$_SESSION）
ユーザーがブラウザを開いている間だけ情報を維持したい場合には、クッキーではなく、セッション（Session）という仕組みを利用します。クッキーの問題点データがクライアント側で保存されるクッキーはクライアント側で管理されるデータです。クライアントの設定によってはそもそもクッキーを受け入れないようにすることも可能ですし、いったん保存されたクッキーをクライアント側で改ざんしたり削除したりすることもできま...
php PHP入門 リクエスト情報 クッキー情報（$_COOKIE）
クッキー（Cookie）とは、クライアント側に保存可能な小さなテキストのことです。通常、Webの世界ではサーバーがクライアント上のファイルを読み書きすることを許可していません。しかし、クッキーだけは唯一例外で、サーバーがクライアントに対して、任意のテキストを保存できます。クッキーを利用することで、クライアント単位で保持したい情報の管理が用意になります。クッキーの基本的な読み書き1度目のアクセスで入...
php PHP入門 リクエスト情報 サーバー環境変数（$_ENV）
$_ENVは、サーバー側に設定されている環境変数を取得するためのスーパーグローバル変数です。環境変数とは、コンピューター上にあらかじめ定義されたパラメーターのことで、プログラムを実行する際に参照するパスやオプション値などを設定します。たとえば、環境変数PATHは、コマンドラインなどでプログラムを呼び出す場合に既定で検索するフォルダを表します。<?phpprint $_ENV;既定の設定では、スーパ...
php PHP入門 リクエスト情報 ヘッダー情報（$_SERVER）
クライアントからサーバーに送信される情報は、クライアントの種類や対応する言語、リンク元のページなど、さまざまな情報が内部的に生成されて、サーバーに送信されています。このような不可視の情報のことをヘッダー情報（リクエストヘッダー情報）と言います。ヘッダー情報の種類chromeブラウザのデベロッパーツールで見たヘッダー情報HTTP通信で利用可能な主なヘッダー種類ヘッダー名概要一般Cache-Contr...
php PHP入門 リクエスト情報 クエリ情報（$_GET）
クエリ情報とは、URLの末尾「~?」以降に「キー名＝値」のセットで付加される簡単な情報です。Yahoo、Googleのような検索エンジンでサイト検索したときに、ブラウザのアドレス欄に次のようなURLが表示されます。nopre_201201_m2cnew?以降がクエリ情報です。パス本体とクエリ情報は「?」で区切られ、複数のキーがある場合には「&」で連結されています。クエリ情報は、ポストデータと並んで...
php PHP入門 リクエスト情報 ポストデータ（$_POST）
ポストデータとは、<from method="POST">タグで定義されたHTMLフォームから送信されるデータの事です。テキストボックスやラジオボタン、選択ボックスなど、おなじみのフォーム要素から入力された情報は、サブミットボタンをクリックすることでサーバーに送信されます。ポストデータを取得するクライアントから送信されたポストデータを取得するのは、$_POSTの役割です。$_POSTの正体は「要素...
php PHP入門 PHPでリクエスト情報の扱いについて
PHPでリクエスト情報を扱うスーパーグローバル変数について解説しています。リクエスト情報とはクライアントからサーバーに送信される情報のことをリクエスト情報と呼びます。また、HTTPとはサーバーとクライアントがお互いに通信する際に利用するプロトコルのことで、クライアントの要求に対してサーバーが応答するときの、情報のやり取りの手段を決めています。HTTPプロトコルのリクエスト/レスポンスは以下の表の部...
php PHP入門 HTTPクライアントGuzzle
Guzzleとは、HTTP経由で外部の情報/サービスにアクセスするための手段を提供するライブラリです。ここでは、Guzzleライブラリの使用方法について解説しています。HTTP通信の基本指定されたアドレスにアクセスして取得したファイルをテキスト表示を例に解説します。例<?phprequire './vendor/autoload.php'; //➊//クライアントを生成$cli = new Guz...
php PHP入門 外部ライブラリ（Composer）
PHPでは、標準であまたの関数/クラスライブラリが用意されているというだけではありません。本家以外の開発者が拡張ライブラリをさまざまに提供しており、目的特化した機能をシンプルなコードで実装できます。Composerは、これら拡張ライブラリ（パッケージ）をインストールするためのパッケージ管理ツールです。PHPライブラリを追加する場合、動作に必要な.phpファイルを手動で配置してもかまいませんが、パッ...
DirectoryIterator PHP入門 DirectoryIteratorクラス
DirectoryInteratorクラスは、指定されたフォルダー配下のファイル情報にアクセスするためのクラスです。構文：DirectoryIteratorクラスnew DirectoryIterator(string $path)$pathフォルダーパスフォルダーを読み込む場合、まず、そのフォルダーを開かなくてはなりません。この行為を表すのが、DirectoryIteratorクラスのインスタン...
Datetimeクラス PHP入門 DateTimeクラス 日付/時刻値の差分を取得する（diffメソッド）
diffメソッドで日付/時刻値の差を求めることができます。構文：diffメソッドDateTime::diff(DateTimeInterface $targetObject ): DateInterval|false$targetObject差分を求める日付/時刻値$absolute差の絶対値を返すかdiffメソッドの戻り値は、DateIntervalオブジェクトです。DateIntervalオブ...
Datetimeクラス PHP入門 DateTimeクラス 日付/時刻値を加算/減算する（add/subメソッド）
add/subメソッドを利用することで、日付/時刻値の加算/減算も直感的に行えます。構文：add/subメソッドDateTime::add(DateInterval $interval): DatetimeDateTime::sub(DateInterval $interval): Datetime$interval日付/時間間隔add/subメソッドで加算/減算する日付/時刻は、DateInte...
Datetimeクラス PHP入門 DateTimeクラス 日付/時刻文字列を解析する（createFromFormatメソッド）
createFromFormat静的メソッドは、指定した書式文字列で日付/時刻文字列を解析（パース）し、DateTimeオブジェクトを生成します。（失敗した場合は、falseを返します）構文：createFromFormatメソッドDateTime::createFromFormat(string $format, string $datetime): Datetime|false$format書...