何となく分かるけど、自分で書いてって言われると少し困っちゃうのでちゃんと調べた。 文字列はシングルコーテーションではなく、ダブルコーテーションで囲むのが正しいのね。 今日読んだのは下記のサイトです。 JSON/ja - Free Pascal wiki
例えば、jsファイルはこんな感じ。 var data = { x_A:['0101','0102','0103','0104','0105','0106','0107','0108','0109','0110','0111','0112'], x_Z:['0101','0102','0103','0104','0105','0106','0107','0108','0109','0110','0111','0112','0213','0313'…
jsファイルは下記の通り var rank = ['A', 'B', 'C', 'D'] var data = { name: ['I', 'You', 'He', 'She'], A: [10, 11, 14, 19], B: [20, 22, 26, 32], C: [30, 28, 24, 18], D: [40, 39, 36, 31] } var chart = c3.generate({ bindto: '#chart', data: { /…
<div class="chart"></div> <div class="chart2"></div> var data = [{"name": "Class", A: 5, B: 20, C: 25, D: 20, E: 30}] var group = ["A","B","C","D","E"] var chart = c3.generate({ bindto: '.chart', data: { json: data, // specify that our above json is the data keys: { x: 'name', // specify t…
<div id="chart"></div> var data = [{ "name": "Class", A: 5, B: 20, C: 25, D: 20, E: 30, }, { "name": "Level", S: 50000, A: 20000, B1: 50000, B2: 20000,C: 50000, }] var group = ["A","B","C","D","E","S","A","B1","B2","C" ] var chart = c3.generate({ bindto: '#char…
全体的にお世話になったサイト グラフの縦横を入れ替える ページ内での表示位置 ソート順 軸の値を非表示にする 軸線と軸の値の両方を非表示にする 凡例を非表示にする チャートの色を指定する チャートの全体の大きさを指定する サンプルソース 全体的にお…
Scrum開発にRedmineを使う場合、こちらの記事が参考になりそうです。 blog.scimpr.com
帯グラフを描きたいなと思い、まずはGoogle検索を掛けているのだが、帯グラフではなく、横棒グラフとか、積み上げ横棒グラフという単語で調べる方が検索結果が多そう。 小学校で「帯グラフ」という名称を習ったはずなのに、みんなExcelに汚染されすぎ。 さら…
アコーディオン形式の見せ方をしたい時、slideDownやslideUpを使うことも多いが、tr要素にこれらは使えない。 なので、trの中にdivを入れ込んで対応してやること。 stackoverflow.com
Rails3.1以降はデフォルトで入っていたjQueryが、Rails5からはありません。Rails5にjQueryを入れるには、jquery-railsを入れれば良いのですが、方法は後日まとめます。ちなみに、「rails generate jquery:install」は不要です。 www.wantedly.com jQuery - -…
Rails環境を導入するには、大きく4つのことをしなくてはなりません。 Gitをインストールする rbenvをインストールする rubyをインストールする Railsをインストールする ここでは、Gitとrbenvとrubyのインストール手順を記載します。 Gitクライアントをイン…
CentOS7でスーパーユーザーになったらよく分からないメッセージが出たのでメモ。 これ、どうすればいいの？ [user@localhost ~]$ su パスワード: ABRT により 1 件の問題が検出されました。次を実行して詳細を確認してください: abrt-cli list --since 15028…
約1週間ぶりにVirtualBoxに入れたCentOS7を起動したところ、下の画像のように、「初期セットアップ」画面が立ち上がってしまった。どういうことだろう？過去の記事（MacBookに入れたVirtualBoxにCentOSを入れる方法）を確認すると、VirtualBoxに初めてCentOS…
要素セレクター 特徴など # idセレクター . クラスセレクター 親セレクター 子セレクター 子孫セレクター 特定の要素の内側にある要素を指定 * ユニバーサルセレクター セレクター1,セレクター2 グループセレクター 親要素>子要素 子セレクター 特定の要素の…
このサイト、かなり使える！めっちゃ参考になる！ rfs.jp
型宣言のいらないJavaScriptだけど、データ自体にはデータ型があるようで。 10進数、8進数、16進数、浮動小数、論理値、文字列、未定義、NULL。 data.js>|javascript| |
9つだけなんだ！全部、"on"で始まるんだね。
型宣言のいらないJavaScriptだけど、データ自体にはデータ型があるようで。 10進数 8進数 16進数 浮動小数 論理値 文字列 未定義 NULL
HTML5以降はscript要素のTYPE属性はデフォルトが"text/javascript"なのであえて書く必要はないそうです。 でも、私はこういう時は念のために書いておく派。 あと5年も経てば書かなくなるかな。
WindowsのIEだとF12キーを押すと出てくる開発者ツール。あれをMacのSafariだとどう出すのか調べました。 目次 Safariの開発メニューを表示するように設定する Webインスペクタを開く WebインスペクタでJavaScriptをデバッグする 参考サイト Safariの開発メニ…
CentOS7にGUI環境を導入しました。 GUI環境(GNOME Desktop)をグループインストール Xウィンドウを起動 システム起動時にGUI環境が立ち上がるようにする 参考 GUI環境(GNOME Desktop)をグループインストール root権限で以下を実行。 # yum groupinstall "GNOM…
WindowsだとF5キーですが、MacだとF5キーはキーボードのライト調整ボタンになっている… 「command(⌘) + r」だそうです。
IE11からはconst宣言に対応しているが、IE10までは未対応とのこと。 個人端末はIE11が増えてきているのではないかと思いますが、企業・法人だとまだIE10以下も多いだろうし、constは使わない方が良さそうだなぁ。 また、Internet Explorerではconstに対応し…
Mac初心者あるあるだと思うのですが、『Windowsでの「delete」キーに当たるキーがなくて不便』。 でも、きっと方法があるはずよねということでいくつか試した結果、見つけました。次の通りです。 Windows Mac 「backspace」 「delete」 「delete」 「fn + de…
少し読み辛かったので。 JavaScriptの文法上の変数名のルール 半角英数字とアンダースコア「_」を使える。 1文字目に数字は使えない。 JavaScriptの命令語は使えない。 大文字と小文字は別扱いされる。(hogeとHogeは別の変数。) 参考 変数－その１-JavaScrip…
自分用メモ。 ブログの画像サイズの修正 CentOS7にGUI環境を入れる JavaScriptの勉強 →基本編終了。 スマホの写真の整理(不要な写真を捨てる) →2017/08/15、106枚削除。 ガラケーの写真を吸い上げる CentOSのrootパスワードを変更する CentOSのユーザーの権…
コピペレベルではやったことがあったのですが、ちゃんと勉強したことがなかったので、やりたいなと。 かなり年季の入ってそうなサイトですが、基本の「き」を学べそうなこちらで勉強しています。 JavaScript入門 基本編の5.文字表示まで終えましたよ。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Le</title></meta></head></html>…
Atomで初めてファイルを作成する Atomで初めてファイルを保存する Atomで作成したファイルを初めて保存する Command Line Toolをインストールする 前記事でAtomを入れてメニューを日本語表示にできたものの、で、どうやって使うの？ パパッとググった感じで…
Atomをインストール https://atom.io にアクセス Atomのダウンロードファイルを取得 Atomのアプリケーションファイルを開く Atomに日本語化パッケージを入れる 設定タブを開く インストールメニューを開く japanease-menuパッケージを検索 japanease-menuパ…
Windowsだとエクスプローラーの設定をいじってやったり、ファイル1つ1つを選んで右クリックのプロパティを確認したり、といった方法が考えられるのですが、Macには右クリックがない…ということで、調べました。 Finderの表示設定を変更すると、ぱっと見で画…
