2018-06-01から1ヶ月間の記事一覧

【Git】Git ~ 基本編 / ブランチ ~

Git

■ はじめに Gitのブランチについて、学ぶ 目次 コマンド一覧 【1】ブランチの一覧表示 【2】ブランチ作成 【3】ブランチへ移動 【4】ブランチを取り込む 【5】マージ済/未処理のブランチ一覧を表示 【6】ブランチの削除 【7】変更の状態を確認 応用 …

【Git】Git ~ 入門編 ~

Git

■ はじめに Git に関するはじめの一歩について記す 目次 【1】動画 【2】Gitのファイル管理状態 1)状態遷移 【3】基本コマンド 1)git init 2)git add 3)git commit 4)git status 5)git diff 6)git cherry-pick 【4】サンプル 1)準備 2…

【Git】Git ~ 初期設定 / Linux 編 ~

Git

【1】Git (ギット) * 分散型バージョン管理システム 【2】3つの状態 Step1:作業ディレクトリ Step2:ステージング・エリア(インデックス) Step3:レポジトリ(Gitディレクトリ) Step1:作業ディレクトリ * 共有リポジトリ(≒リモート・リポジトリ)から取…

【Git】 Git ~ 基本編 / 共有リポジトリ ~

Git

■ はじめに リポジトリ について、メモ。 目次 【1】共有リポジトリ 【2】通信プロトコル 【3】サンプル 【1】共有リポジトリ git init --bare * 共有リポジトリ設定 git remote add [リポジトリ名] [リポジトリ場所] * 共有リポジトリ追加 * ex. git re…

【プロジェクト管理ツール】WeKan

■ WeKan * WeKan(ウィカン) = Web Kanban * トヨタが採用した生産方式であるカンバン方式のタスク管理ツール * MIT License (無料で利用可能) 特徴 * 自社内でインストール出来る => カンバン方式のタスク管理ツールの多くは、クラウドサービスで提供されて…

【CSS】CSS ~ 入門編 ~

【1】基本的な文法 HTML <h1>Hello World</h1> CSS h1 { color: red; } 構文 【セクター】 { 【宣言 (プロパティ: 値)】; } 【2】基本ルール 1)後に記載した方が有効になる 後勝ち サンプル h1 { color: red; color: blue; /* こっちが有効 */ } 【3】コメント文…

【CSS】 CSS で図形を描く

■ CSSで四角形を描くには... / width・height・background-color サンプル <html lang="jp"> <head> <meta charset="utf-8"> <title>Demo</title> <style type="text/css"> /* 四角形 */ .square { width: 100px; height: 200px; background-color: #ff9800; } </style> </head> <body> <div class="square"></div> </body> <…</html>

【Polymer】Polymer ~ 入門編 ~

■ はじめに https://dk521123.hatenablog.com/entry/2018/06/18/233411 の続き。 Hello Worldとして、スタートキットを動かす 目次 【1】前提条件 【2】スタートキットを動かす 1)プロジェクト用のディレクトリを作成する 2)プロジェクトを初期化する …

【Polymer】Polymer ~ 初期設定編 ~

■ はじめに https://dk521123.hatenablog.com/entry/2018/05/26/005948 の続き。 Polymer の 初期設定を行う。 目次 【1】Polymer 【2】公式サイト 【3】初期設定 (Linux / CentOS7) 1)Gitをインストールする 2)Node.jsをインストールする 3)Polyme…

【Node】Node.js ~ 基本編 / ファームデータを処理する ~

■ はじめに https://dk521123.hatenablog.com/entry/2018/06/05/211900 https://dk521123.hatenablog.com/entry/2018/06/06/191400 の続き。 今回は、ファームデータを処理する。 ■ サンプル bbs.ejs <html lang"ja"> <head> <meta charset="utf-8"> </head> <body> <form method="post"> <input type="text" name="bbsContent"> </form></body></html>

【Node】Node.js ~ 基本編 / MongoDB を使う ~

■ 初期設定 1)MongoDB をインストールする 2)Node.jsの MongoDB ライブラリをインストールする 1)MongoDBをインストールする を参考に MongoDB をインストールする 2)Node.jsのMongoDBライブラリをインストールする https://dk521123.hatenablog.com…

【Openssl】OpenSSL ~ 重要データをやり取りする ~

■ はじめに 重要なファイルのやり取りをするのに、ZIPファイルの暗号化だけでは心許ない。 送信者・受信者どちらもOpensslを使えば、よりセキャアにやり取りできるので その方法を記録しておく 目次 【1】OpenSSLがインストールされているか確認 【2】受信…

【Node】Node.js ~ 基本編 / npm ~

■ はじめに 目次 【1】npm 1)package.json 2)package-lock.json 【2】コマンド一覧 0)バージョン確認 1)npm install 2)npm run 【3】構文 【4】サンプル 【1】npm * npm : Node Package Manager (パッケージを管理ツール) => テンプレートエ…

【トラブル】 VirtualBox のトラブルシューティング

■ はじめに https://dk521123.hatenablog.com/entry/2013/02/28/005116 などで、VirtualBox に関するトラブルを細々とまとめていく。 目次 【1】終了コード「E_FAIL (0x80004005)」が表示し、OSが起動できない 【2】 OS起動時に「FATAL: INT18: BOOT FAILU…

【トラブル】【Linux】Windows共有フォルダをマウントした際のトラブルシューティング

■ はじめに * 以下の関連記事で起こったトラブルについて、纏める https://blogs.yahoo.co.jp/dk521123/37415363.html 【1】 sudo mount -t cifs...した時にエラー * 以下の「エラー内容」がでて、マウントできない エラー内容 mount: wrong fs type, bad o…

【Node】Node.js ~ 基本編 / あれこれ ~

■ はじめに https://dk521123.hatenablog.com/entry/2018/06/05/211900 https://dk521123.hatenablog.com/entry/2018/06/06/191400 の続き。 目次 【1】設定を外部ファイルから取得するには 【2】URLによって処理を変える 【1】設定を外部ファイルから取…

【Node】Node.js ~ 入門編 / Webサーバ作成 ~

■ はじめに https://dk521123.hatenablog.com/entry/2018/06/05/211900 で、設定を行ったので、今回は、簡易的なWebサーバ作成し、 実行してみる 以下の動画が分かりやすい。 https://dotinstall.com/lessons/basic_nodejs/26205 ■ サンプル hello.js // HTT…

【Node】Node.js ~ 基礎知識編 ~

■ Node.js * 大量のリクエストを捌くことができる 公式サイト https://nodejs.org/en/ 動画サイト 分かりやすい https://dotinstall.com/lessons/basic_nodejs ■ 知識 スレッドモデル / イベントループ * Node.jsでは、イベントループを採用 スレッドモデル …

【JS】 Google Charts [4] ~ タイムライン編 ~

■ はじめに https://blogs.yahoo.co.jp/dk521123/37572608.html https://blogs.yahoo.co.jp/dk521123/37572794.html https://blogs.yahoo.co.jp/dk521123/37572930.html の続き。 今度は、タイムラインを作成する 公式サイトのサンプルを活用しながらやると…

【JS】 Google Charts [1] ~ 円グラフ編 ~

■ Google Charts * 商用利用 * JavaScriptで記述する => グラフ自体はSVG形式(Scalable Vector Graphics)で記述される ■ 公式サイト https://developers.google.com/chart/ ■ 動画レッスン https://dotinstall.com/lessons/basic_chart_tools_v2 ■ サンプ…

【JS】 Google Charts [3] ~ 折れ線グラフ編 ~

■ はじめに https://blogs.yahoo.co.jp/dk521123/37572608.html https://blogs.yahoo.co.jp/dk521123/37572794.html の続き。 今度は、折れ線グラフを作成する 公式サイトのサンプルを活用しながらやるといいかも https://developers.google.com/chart/inter…

【JS】 Google Charts [2] ~ 棒グラフ編 ~

■ はじめに https://blogs.yahoo.co.jp/dk521123/37572608.html の続き。 今度は、棒グラフを作成する 公式サイトのサンプルを活用しながらやるといいかも https://developers.google.com/chart/interactive/docs/gallery/barchart#examples ■ サンプル <html lang="jp"> <head> <meta charset="utf-8"> <title></title></meta></head></html>…