[JavaScript]Chart.jsで簡単にグラフ作成！

2017.03.02 l＠ha

HTMLに簡単に綺麗なグラフを表示したいという時にはChart.jsがオススメです！ Chart.jsとは？ Chart.jsは『デザイナーと開発者のためのシンプルで柔軟なJavaScriptチャート』です…

[初心者向け]JQueryってなに?どんなことができるの？

2017.02.08 l＠ha

この記事はJavaScriptを勉強し始めた人に向けて書いています。 JavaScript自体に触れたことがない方にはまずJavaScriptの基礎だけでも勉強してから見ることをお勧めします。個人的な意見としてはJav…

[JavaScript]QRコードの作成[Googl APIの使用]

2017.02.05 l＠ha

Google APIを使用して指定したURLや文章のQRコードを作成してみます。 QR Codes | Infographics | Google Developers [crayon-674f7f…

[JavaScript]if文の条件式の省略した書き方

2017.02.03 l＠ha

JavaScriptのif文の省略した書き方についてのメモです。単純な条件分岐の場合です。

var val=10;

//例
if(val > 5){
	cocole.log("5以下です。");
}else{
	cocole.log("5以上です。");
}

//以下のような書き方が可能
val > 5 ? console.log("5以下です") : console.log("5以上です");

cocole.log("5以下です。");

}else{

cocole.log("5以上です。");

}

//以下のような書き方が可能

val > 5 ? console.log("5以下です") : console.log("5以上です");

条件式が複数の場合です。 [crayon-67…

[JavaScript]中級者への第一歩 bindメソッド

2017.02.02 l＠ha

bindは他のオブジェクトが保持している状態を使用することができるメソッドです。 bindメソッドを調べてみると「thisの束縛」という風に表現されています。以下、サンプルコードです。 [crayon-674f7f1b…

[JavaScript]中級者への第一歩 callメソッド

2017.02.01 l＠ha

JavaScript特有のcallメソッドについてです。一言で言うと、「自分の持っていない関数を使用するための関数です」自分の持っていない関数とは、他のオブジェクトが持っている関数を示しています。 [crayon-…

[JavaScript,JQuery]CSSを動的に変更する

2017.01.24 l＠ha

CSSを動的に変更する方法のメモです。

//設定している外部CSSのリンク
<link id="css_link" href="####" rel="stylesheet" type="text/css">

//素のJavaScriptの場合
var css_link = document.getElementById("#css_link");
css_link.href="@@@@";　　//リンク先を@@@@に変更

//JQueryの場合
$("#css_link").attr("href", "@@@@");　　　//リンク先を@@@@に変更