Pythonの勧め(1)Jupyter Notebook(IPython Notebook)の使い方

Jupyter Notebookを使うとブラウザで簡単にPythonのプログラムを実行できます。Jupyterは以前IPython Notebookと呼ばれていました。 Python3入門を学習するにも便利に使えます。も  >>続きを読む

Python3入門(7)オブジェクトとクラス

Pythonはオブジェクト指向言語です。classが雛形となりそれをインスタンス化するものです。 オブジェクトとはざっくり言って変数(プロパティ)と関数(メソッド)をまとめたものと考えることもできます。 オブジェクト志向  >>続きを読む

Python3入門(6)関数定義

Pythonの関数定義はfunctionとするのではなく、defとします。defとはdefinitionの事で、定義の意味があります。 処理内容はインデントを入れた後に記述します。インデントは重要で、4つの半角スペースを  >>続きを読む

Python3入門(5)ループ文

while文 if文はある条件が成立したら一度だけブロックで指定した処理を行います。while文はif文によく似ています。 while文はある条件が成立したら、条件が成立している間何度もブロックで指定した処理を繰り返しま  >>続きを読む

Python3入門(4)if文

Pythonにおけるif文はJavaScriptなどと少し記述の方法が違います。 条件式はifのすぐ後に()無しで記述してコロン「:」で終わり、条件が成立した場合の命令文は{}ではなく、インデント(半角スペース4つ)した  >>続きを読む

Python3入門(3)タプル 辞書 集合

タプル型 タプルは一度値を入れると変更できない配列です。使いどころとしては共同作業で開発を行う場合に、リストの値を誤って変更してしまう可能性がある場合などにリストの代わりに使用すると有効です。 タプルの作成方法はリストと  >>続きを読む

Python3入門(2)リストについて

Python3のリスト型は複数の要素をひとまとまりのデータにまとめて扱います。 インデックスが0から始まるつまり配列です。 Pythonの配列関連のものは他にも以下のものがあります。 タプル:変更不可の配列 辞書:KEY  >>続きを読む

AngularJS入門(2)〜AngularJSで送信フォームの作成でモジュールの活用

前回のAngularJS入門(1)ではviewのみでできることでした。けれどもそれだけでは不足する機能があります。 例えばセレクトボックスのoption部分をスクリプトで作成すると汎用性が上がってくるかもしれません。基本  >>続きを読む

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  >>続きを読む

値渡しと参照渡しについて

変数に値を代入する場合にその値のデータ型の種類によって「値渡し」と「参照渡し」があり、その扱われ方が変わってきます。 そして、この考え方は多くのプログラミング言語で使われるものです。このことを知っておかないと思わぬ結果に  >>続きを読む

Python3入門(1)導入と文字列について

Python3入門を連載します。JavaScriptなど何らかのプログラムの基本をマスターしている方がPythonをサクッと学習したい場合の参考になればと思います。 Python導入方法 Pythonのインストール Py  >>続きを読む

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は2018年6月末に廃止されたため、当該サンプルも削除しました。(2018年6月) NTT docomoの雑談対話APIを使ったAI Botを作りました。 AI Bot 雑談(N  >>続きを読む

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  >>続きを読む