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

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

Git

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

【Git】Git ～ 入門編 ～

Git

■ はじめに Git に関するはじめの一歩について記す 目次 【１】動画 【２】Gitのファイル管理状態 １）状態遷移 【３】基本コマンド 【４】サンプル １）準備 ２）コマンド例：一からGitリポジトリを作るところから 【５】使用上の注意 １）ファイルの削除/…

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

Git

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

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

Git

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

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

CMS/プロジェクト管理ツール

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

【CSS】CSS ～ 入門編 ～

CSS/SCSS/SASS

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

【CSS】 CSS で図形を描く

CSS/SCSS/SASS

■ 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として、スタートキットを動かす 目次 【１】前提条件 【２】スタートキットを動かす １）プロジェクト用のディレクトリを作成する ２）プロジェクトを初期化する …

【Polymer】Polymer ～ 初期設定編 ～

フロントエンドフレームワーク

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

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

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 を使う ～

Node.js

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

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

Openssl/Keytool

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

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

Node.js

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

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

トラブル VirtualBox

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

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

トラブル

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

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

Node.js

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

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

Node.js

■ はじめに 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

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

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

Webグラフ / 地図作成ツール

■ はじめに 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] ～ 円グラフ編 ～

Webグラフ / 地図作成ツール

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

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

Webグラフ / 地図作成ツール

■ はじめに 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] ～ 棒グラフ編 ～

Webグラフ / 地図作成ツール

■ はじめに 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>…