Tips

ヒアドキュメント と Nowdoc

PHPでヒアドキュメントは頻繁に見かけますが、Nowdocはあまり見ないですね。 使う機会も少ないかもしれませんが、知っておいて損はないでしょう。 ヒアドキュメントがダブルクォーテーションと同じ扱いで変数を展開するなら、  >>続きを読む

以上・以下・未満・超える

「以上」、「以下」、「未満」、「超える」の使い分けを明確にしておきましょう。以下の用語は法律用語として使われているようですから、これを使えば問題はなさそうです。 以上 「以上」は対象の値を含めた数より大きい数 PHPの例  >>続きを読む

デザインカンプからコーディングで重宝するツール

デザインカンプと1pxも違わないコーディングを行うには細かな確認が必要になります。 そんな時に役立つツールの紹介です。ただし、MAC専用です。 LayerX psd形式を含めた画像ファイルを透明化してコーディングしたペー  >>続きを読む

MAMP設定〜2018年版 Claud機能が追加されたが設定はどこで?

2018年にMAMPのCloud機能が追加されました。共同作業をMAMPで行う場合は便利かと思いますが、PHPやWordPressの学習のためには必要無いものです。 MAMP(旧バージョン)の新規インストールの方法はこち  >>続きを読む

Twitterユーザータイムラインを自分のホームページに表示

Twitterのユーザータイムラインを自分のホームページに表示する方法は他のSNSに比較して簡単です。 Twitterのユーザータイムラインとは自分がツイートした内容を表示するものです。 まず、PCでTwitterの管理  >>続きを読む

Instagramの「accessToken」と「userid」を取得する方法〜2018年4月版

InstagramのAPI使用方法 Instagramの投稿内容を自分のホームページで表示するには、面倒な手続きが必要です。 それは「accessToken」と「userid」を取得することから始めます。 なお、2018  >>続きを読む

inline要素のpaddingを使う場合の注意点

display:inlineに設定された要素にpaddingをつけた場合の注意点です。padding-leftの指定を行っても、行の終端でインライン要素が折り返された場合には、次の行の先頭にはpadding-leftが付  >>続きを読む

Illustratorで作成したオブジェクトをPhotoshopで使う

Illustratorで作成したオブジェクトをPhotoshopで使うにはIllustratorで作成したオブジェクトをコピーしてPhotoshopの画像にペーストするだけです。 ペーストする際に次のようなboxが表示さ  >>続きを読む

Illustrator環境設定〜角度の制限

Illustratorの環境設定から「一般」の中に「角度の制限」は通常「0」になっています。 この値を変更するとテキストを挿入したりオブジェクトを作成した場合に指定した角度になります。 角度の制限を30度にした例 よっぽ  >>続きを読む

OSXを10.13(macOS High Sierra)にアップデートしてSASSのコンパイルがうまくいかない時の対処法

MAC OS High SierraにアップデートしたらDreamweaverのSASSのコンパイルに失敗するようになりました。 対処方法として下記リンクの通りで動きました。どうやらXCodeコマンドラインツールのアップ  >>続きを読む

AngularJSのDirectiveについて(2)

AngularJSのよく使うdirectiveの紹介です。 今回は「ng-if」、「ng-class」、「ng-repeat」、「ng-click」、「ng-cloak」を紹介していますが、他にも便利なdirective  >>続きを読む

AngularJSのDirectiveについて(1)

AngularJSのDirectiveは、HTMLでどのようにDOMを組み立てるか命令するものです。Directiveは例えば「ng-app」のようにHTMLのカスタム属性を使って記述していきます。 ここでは、「ng-m  >>続きを読む

AngularJSのインターポレーションについて

インターポレーション(interpolation)とは、書き入れ、書き入れられた語句、補間法などの意味があります。 プログラムにおけるインターポレーションとは文字列補完を行うことで、もっと簡単に言うと変数展開になります。  >>続きを読む

AngularJSにおけるminify化の問題点

minify化(ファイル圧縮)とは、改行や空白、コメントなどを取り除きファイルサイズを削減することです。一般的にはminify化でファイルのダウンロードを高速化するねらいで活用されるものです。 minify化は色々なサイ  >>続きを読む

Dependency Injection〜依存性の注入

Dependency Injection(依存性の注入)とは関数(コンストラクターを含む)にオブジェクトを渡すことです。 関数の中にオブジェクトを生成するとその関数は生成したオブジェクトに依存してしまい、大規模なプロジェ  >>続きを読む

Adobe Character Animatorの使い方

Adobe Character Animatorでキャラクターにアニメーションを設定します。 Adobeが用意しているサンプルを自分が作成したキャラクターに入れ替える方法で、できるだけ簡単にとりあえず動けば良いというかな  >>続きを読む

変数宣言の巻き上げ〜JavaScriptの不思議な決まりごと

JavaScriptには変数宣言の巻き上げ(hoisting)という決まりごとがあります。これはグローバル変数、ローカル変数どちらにもあてはまる決まりごとです。 他の多くの言語はプログラムは上から順に解釈されていき、変数  >>続きを読む

WordPressの子テーマ編集でfunctions.phpを上書きする方法

WordPressで既存のテンプレートを使う場合は、子テーマを作成して子テーマにカスタマイズを施します。 子テーマの作り方はこちらのページを参考にしてください。 さて、子テーマを作成していて困る点は親テーマのfuncti  >>続きを読む

jQuery〜マウスの移動が終わったら何か行う:mousemoveの応用

「マウスを動かしている間だけ何かを実行して、マウスの移動が終了すると何かの実行を止めたい」 例えば、マウスを移動している時だけ背景を「青色」にしてマウスを止めたら「ピンク色」にするということです。 この案件、簡単に実現で  >>続きを読む

Macショートカットキーについて

Mac使い始めの頃ショートカットキーの記号で?となることがあります。?となるものをまとめておきます。 ちなみに、optionキーの変なマークは電気回路のスイッチらしい。スイッチを切り替えるをoptionキーにあてはめたよ  >>続きを読む

safariで自動再生の動画が再生しない場合の対処方法

自動再生されるはずの動画が、safariで自動再生されない場合はsafariの設定が必要です。 環境設定から「webサイト」タブを選択して左のメニューから「自動再生」を選択します。 特定のサイトを許可する場合はそのサイト  >>続きを読む

WordPress固定ページにカテゴリを設定する

WordPressの固定ページの編集画面にはカテゴリの設定がありません。 固定ページにもカテゴリを設定したい場合は別途functions.phpに記述が必要です。 functions.phpに下記の記述で固定ページ編集  >>続きを読む

リクルート A3RT Image Search APIを活用した画像検索

リクルート A3RT Image Search APIを活用した画像検索を作成しました。 あまり精度はよくないと思いますが、遊んで見てください。 Image Search APIを活用した画像検索

NTT docomoの雑談対話APIを使ったAI Bot

NTT docomoの雑談対話APIを使ったAI Botを作りました。 AI Bot 雑談(NTT Docomo API) 投げかけた言葉に返事が返ってきます。ピント外れな内容もありますが、普通の雑談のように時々話題を変  >>続きを読む

NTT docomoの知識Q&A APIを使ったbot作りました。

サンプル置き場にNTT docomoの知識Q&A APIを使ったbotのサンプルを置いておきます。 遊んでみてください。 デモ

jQueryで動的に高さを取得するときにハマる問題点

jQueryでブラウザのスクロール量を取得するには、スクロールすると発生する「scrollイベント」と「scrollTop()メソッド」を使うことで値を取得することができます。 また、ある要素の位置を動的に取得することは  >>続きを読む

WordPress子テーマ作成のポイント

WordPressのテーマには様々なものが無料、有料を問わず存在します。これらを上手に活用してサイトを作成することはそのサイトの成功に繋がるでしょう。なぜなら、デザインをあれこれ迷ってテーマを一から作ることは時間の無駄で  >>続きを読む

slickの使い方〜jQuery

レスポンシブ対応のカルーセルを導入したい場合にjQueryのプラグインでslickがあります。 受講生の作品づくりにも人気のものですが、なぜか導入が上手くいかないという質問が多いので導入方法を書いておきます。 上手くいか  >>続きを読む

DreamweaverCCのFTP機能でファイルサイズや修正日が表示されない時の対処

DreamweaverCC(2017.5)のFTP機能ではファイル名とフォルダ名しか表示されてなく、ファイルサイズや修正日が表示されていません。 旧来のようにこれらの情報を表示させる方法です。 次の画像がDreamwea  >>続きを読む

リクルートA3RTを使ったAI Bot

リクルートA3RTを使った簡単なAI Botを作成しました。サンプル Sample置き場に置いていますので、暇なとき会話してみてください。