【HTML】タイムライン を表示するには...
■ はじめに * タイムライン（Timeline）を表示する方法を考える ■ Google Charts * 商用利用 公式サイトhttps://developers.google.com/chart/interactive/docs/gallery/timeline動画レッスンタイムラインはないがGoogle Chartsの基礎を学べる...
View Article【JS】 Google Charts [2] ～ 棒グラフ編 ～
■ はじめにhttps://blogs.yahoo.co.jp/dk521123/37572608.htmlの続き。 今度は、棒グラフを作成する 公式サイトのサンプルを活用しながらやるといいかも https://developers.google.com/chart/interactive/docs/gallery/barchart#examples■ サンプル<!DOCTYPE...
View Article【JS】 Google Charts [3] ～ 折れ線グラフ編 ～
■ はじめにhttps://blogs.yahoo.co.jp/dk521123/37572608.htmlhttps://blogs.yahoo.co.jp/dk521123/37572794.htmlの続き。 今度は、折れ線グラフを作成する 公式サイトのサンプルを活用しながらやるといいかも...
View Article【JS】 Google Charts [1] ～ 円グラフ編 ～
■ Google Charts * 商用利用 * JavaScriptで記述する => グラフ自体はSVG形式（Scalable Vector Graphics）で記述される ■ 公式サイトhttps://developers.google.com/chart/■ 動画レッスンhttps://dotinstall.com/lessons/basic_chart_tools_v2■...
View Article【JS】 Google Charts [4] ～ タイムライン編 ～
■ はじめにhttps://blogs.yahoo.co.jp/dk521123/37572608.htmlhttps://blogs.yahoo.co.jp/dk521123/37572794.htmlhttps://blogs.yahoo.co.jp/dk521123/37572930.htmlの続き。 今度は、タイムラインを作成する 公式サイトのサンプルを活用しながらやるといいかも...
View Article【Node.js】Node.js ～ 基礎知識編 ～
■ Node.js * 大量のリクエストを捌くことができる ■ スレッドモデル / イベントループ * Node.jsでは、イベントループを採用 スレッドモデル * Apacheで採用 * 1リクエストに対して、1スレッドで対応 => スレッドをたちあげるごとにメモリ消費されるので、大量リクエストには向かない イベントループ * ■ ブロッキング / ノンブロッキング * Node.js では...
View Article【Node.js】Node.js ～ 入門編 / Webサーバ作成 ～
■ はじめにhttps://blogs.yahoo.co.jp/dk521123/37579720.htmlで、設定を行ったので、今回は、簡易的なWebサーバ作成し、 実行してみる 以下の動画が分かりやすい。 https://dotinstall.com/lessons/basic_nodejs/26205■ サンプルhello.js// HTTPモジュールを呼び出す var http =...
View Article【Node.js】Node.js ～ 基本編 / あれこれ ～
■ はじめにhttps://blogs.yahoo.co.jp/dk521123/37579720.htmlhttps://blogs.yahoo.co.jp/dk521123/37587855.htmlの続き。 【１】設定を外部ファイルから取得するには 【２】URLによって処理を変える 【３】HTMLファイルを読み込む 【１】設定を外部ファイルから取得するには...構文外部ファイルの内容...
View Article【トラブル】 VirtualBox でのトラブルシューティング
■ CentOS7インストール時に、画面が真っ黒Windows10上のVirtualBoxでCentOS7のインストールを開始したところ、 画面が真っ黒になり、インストールが一切進まなくなった。 エラー内容なし（これがやっかい） 原因 * 仮想マシン作成の際、OSのバージョンに「Red Hat（32-bit）」を選択していたため 解決策仮想マシンのOSバージョンを「Red...
View Article【Node.js】Node.js ～ 基本編 / npm ～
■ npm npm : Node Package Manager * パッケージ（Package）を管理する（Manager）ツール => テンプレートエンジン「ejs (Embedded JavaScript)」をインストールする...
View Article【Openssl】Opensslを使って、重要データをやり取りする
■ はじめに重要なファイルのやり取りをするのに、ZIPファイルの暗号化だけでは心許ない。 送信者・受信者どちらもOpensslを使えば、よりセキャアにやり取りできるので その方法を記録しておく ■ 手順【０】OpenSSLがインストールされているか確認 【１】受信者側の作業 【１－１】秘密鍵を生成する 【１－２】公開鍵を生成する...
View Article【Node.js】Node.js ～ 基本編 / MongoDB を使う ～
■ 初期設定【１】MongoDB をインストールする 【２】Node.jsの MongoDB ライブラリをインストールする 【１】MongoDBをインストールするhttps://blogs.yahoo.co.jp/dk521123/32984717.htmlを参考に MongoDB をインストールする...
View Article【Node.js】Node.js ～ 基本編 / ファームデータを処理する ～
■ はじめにhttps://blogs.yahoo.co.jp/dk521123/37589593.htmlの続き。 今回は、ファームデータを処理する。 ■ サンプルbbs.ejs<!doctype html> <html lang"ja"> <head> <meta charset="utf-8"> </head>...
View Article【Polymer】 Polymer ～ 初期設定編 ～
■ Polymer * Google製 * 凄く綺麗 * ZIPで解凍して使う方法もあるらしいが、基本インストールが必要 (もっと気軽なのが欲しい) ■ 公式サイトhttps://www.polymer-project.org/■ 初期設定Linux CentOS7 https://www.polymer-project.org/3.0/start/install-3-0を参考に。...
View Article【Polymer】 Polymer ～ Hello World編 ～
■ はじめにhttps://blogs.yahoo.co.jp/dk521123/37597605.htmlの続き。 Hello Worldとして、スタートキットを動かす ■ 前提条件https://blogs.yahoo.co.jp/dk521123/37597605.htmlで、初期設定を行うこと。 ■...
View Article【CSS】 CSS で図形を描く
■ CSSで四角形を描くには... / width・height・background-colorサンプル<!DOCTYPE html> <html lang="jp"> <head> <meta charset="utf-8"> <title>Demo</title> <style type="text/css">...
View Article【トラブル】【Linux】Windows共有フォルダをマウントした際のトラブルシューティング
■ はじめに * 以下の関連記事で起こったトラブルについて、纏める https://blogs.yahoo.co.jp/dk521123/37415363.html【１】 sudo mount -t cifs...した時にエラー * 以下の「エラー内容」がでて、マウントできない エラー内容mount: wrong fs type, bad option, bad superblock on...
View Article【CSS】CSSの基本文法
■ 基本的な文法HTML<h1>Hello World</h1> CSSh1 { color: red; } 構文【セクター】 { 【宣言 (プロパティ: 値)】; } ■ 基本ルール【１】後に記載した方が有効になる 【１】後に記載した方が有効になる後勝ち h1 { color: red; color: blue; /* こっちが有効 */ } ■ コメント文 /*...
View Article【分散リポジトリ】【Git】Git ～ 初期設定編 ～
■ Git (ギット) * 分散型バージョン管理システム 3つの状態【Step1】作業ディレクトリ 【Step2】ステージング・エリア（インデックス） 【Step3】レポジトリ(Gitディレクトリ) 【Step1】作業ディレクトリ * 共有リポジトリ(≒リモート・リポジトリ)から取得したローカル環境のリポジトリ 【Step2】ステージング・エリア（インデックス） *...
View Article【分散リポジトリ】 Git ～ 入門編 ～
■ 基本コマンドgit init * リポジトリを新規作成するときに使うコマンド 構文 git init ([ディレクトリ] [オプション]) 参考文献 https://eng-entrance.com/git-initgit add * ステージング・エリアに変更済みファイルを追加 構文 git add [ファイル] 例 git add hello.txt # 現在のディレクトリ配下のもの全て追加...
View Article