lecture

マークダウンの勧め

マークアップ言語にはHTML言語も含まれるわけですが、そのほかにも様々な記述方法があります。そしてその中の一つにマークダウンという記述方法があります。GitHubの中でもDocumentとして活用されています。 HTML  >>続きを読む

FlexBoxの使い方(7)〜 flex-wrapについて

floatの代わりにdisplay:flexを使用するとレイアウトが簡単になります。けれども、場合によっては思わぬ挙動となり困る場合が出てきます。それは例えば幅の問題です。Flexアイテムに指定した幅はしばしば無視されて  >>続きを読む

TypeScript入門(1)

TypeScriptはJavaScriptの問題点をカバーするためにマイクロソフト社により開発されたJavaScriptの代替言語です。 TypeScriptはコンパイルすることでJavaScriptに変換することができ  >>続きを読む

Node.js入門(4)コマンドライン引数について

Node.js ではコマンドライン引数は process.argv で受け取ることができます。 process.argv はコマンドで指定した引数を配列として格納されます。 process.argv 0: /Users/  >>続きを読む

Node.js入門(3)Node.jsでES2015(ES6) 入門

ECMAScriptはEcma Internationalによって標準化された仕様です。ECMAScript6は2015年に採用されたため、ES2015やES6などと省略されて呼ばれています。ここではES6で特筆すべき  >>続きを読む

全称セレクターと擬似クラス

全称セレクターは簡単なサンプル作成時にmarginやpaddingを初期化する時くらいしかお目にかからないのですが、実はもっと使い方があります。 CSSの仕様書には次のように記述されています。 全称セレクタ * (名前空  >>続きを読む

Pythonの勧め(4)パーセプトロンについて

パーセプトロンとはニューラルネットワークを学習する上でその起源となるものです。パーセプトロンを理解することは機械学習を勉強する上で重要な入り口となるでしょう。 そして神経細胞の仕組みをアルゴリズムに取り入れたのがパーセプ  >>続きを読む

floatの仕組みとoverflowでfloat解除できる理由

HTML&CSSのコーディングで初心者泣かせなのがフロートを使ったレイアウトです。その理由は正しいfloatプロパティの原理原則を勉強してない事と、clearプロパティの正しい使い方を理解してないからです。 また  >>続きを読む

CSS詳説(2)構文と基本データ型について

このカテゴリでは構文と値についての記述されています。 構文 トークン まずはトークンの決まりごとについて。 プログラム言語に置いてトークンとは、コードの最小単位の語句のことで、ここでは字句レベルで、CSSスタイルシートは  >>続きを読む

CSS詳説(1)仕様書を見よう

CSSを本気で勉強するとしたら、仕様書をまず読みましょう。 今回の記事はCSSの仕様書に沿って重要な点をチェックしていきたいと思います。 もしあなたが入門書を勉強したり、ネットで情報を探しながらなんとなくCSSを覚えてい  >>続きを読む

Tableの使い方詳説〜HTML & CSS(2)tableやtdのborderとwidthの関係

セパレートタイプのボーダーの考え方 tableのボーダーは通常のボックスモデルの考え方ではありませんので注意してください。 まず、tableタグにボーダーを設定するとテーブル全体の外枠だけボーダーが引かれます。その際にw  >>続きを読む

Pythonの勧め(3)Pandasについて

Pandasは外部のデータをPythonに取り込み、表として表示してくれたり集計したりと非常に便利なライブラリです。 PandasにはSeriesとDataFrameがありデータ構造を作成するものです。 機械学習やデータ  >>続きを読む

Pythonの勧め(2)NumPyについて

NumPy(ナムパイ)とはPythonの外部ライブラリです。これをインポートすることで配列や行列での計算で便利なメソッドを利用することができます。Deep Learningでもこれらのメソッドは使われます。今回はNumP  >>続きを読む

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部分をスクリプトで作成すると汎用性が上がってくるかもしれません。基本  >>続きを読む

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化は色々なサイ  >>続きを読む

AngularJS入門(1)〜AngularJSで送信フォームの作成でviewの活用

AngularJSはGoogleが開発に携わるJavaScriptのフレームワークです。AngularJSには様々なバージョンがあり、現在(2017/11月)ではバージョン5がリリースされています。 尚、「Angu  >>続きを読む

Bootstrap4でのGrid system変更点〜Flexがポイント

Bootstrapでは12等分のカラムでグリッドを作成するGrid systemが用意されています。また、レスポンシブレイアウトにも柔軟に対応できる仕組みのため、複雑なレイアウトを簡単にコーディングすることができます。   >>続きを読む

Tableの使い方詳説〜HTML & CSS(1)

テーブルの記述はHTMLもCSSも面倒な設定や思う通りに行かない場合があったり、思わぬ落とし穴に悩むこともあります。 今回はテーブルについてしっかりと学習していきます。 HTMLでのテーブル関連タグの使い方 テーブル作成  >>続きを読む