b00k.jp ~積み上げ式読書ノート~

「 月別アーカイブ:2016年06月 」 一覧

保守性、再利用性の高いCSSの設計方法

2016/06/20 | IT ,

CSSは記述の自由度が高い(制約が少ない)ため、ルールやプロットを設けずになんとなくコーディングしていると、非常に複雑で、理解しにくいものとなってしまいます。 そのセレクタはいったい何を意図して作ら

続きを見る

今注目されている「Fintech」とは一体何なのか?

2016/06/20 | IT ,

最近Fintechというワードが注目されています。 これは、金融(Finance)とテクノロジー(Technology)を掛け合わせた造語です。 広義には、「IT技術によって金融サービスを変える」

続きを見る

Canvasを使って動きのある図形を描写する

#clock { width:300px; height:300px; } var ctx, x = 150, y = 150, isKeyDown, isOpe

続きを見る

Canvasを使って図形を描く

Canvasとは ブラウザ上にJavaScriptで図形を表現する技術。 GIFやJPEGなどの画像やFlashやJavaなどのプラグインを使う必要がありません。

続きを見る

JavaScript 配列のサンプル

var colors = ; var index = 0; function changeColor() { document.getElementById("ufo").style.

続きを見る

JavaScript for文のサンプル

function calcTotal() { //入力値のチェック var startVal = document.getElementById("sample_start").val

続きを見る

JavaScriptでリストの要素を追加、削除する

//insertボタン押下時に実行 function insetItem() { var container = document.getElementById("sample_cont

続きを見る

Crayon Syntax Highlighterを使って、WordPressで記事中にソースコードを表示する方法

WordPressでソースコードのサンプルを掲載したい時、記事中に直接書き込むと、改行の位置だったり、文字の大きさだったりのせいで、読みにくくなってしまいます。 そこで、役に立つのが、「Crayon

続きを見る

WordPressで記事内に直接JavaScript、CSSを記述する方法

記事に直接JavaScriptを埋め込む たとえば、JavaScriptのサンプルコードや実際に動くものをWordPressに掲載したい時、記事の更新と同時に、JavaScriptの外部ファイルも更

続きを見る

○×ゲーム(JavaScript)

マスをクリックすると、交互に○×が表示される。 var i=0; var content; function check(element) { if ( element.textC

続きを見る

PAGE TOP ↑