RubyGemsについて学ぶ

Ruby

RubyGemsとは？補足 gemコマンドの使い方 gemの選定方法おすすめのgem RubyGemsとは？ RubyGems - Wikipedia Ruby言語用のパッケージ管理システムであり、Rubyのプログラムと（"gem" と呼ばれる）ライブラリの配布用標準フォーマットを提供している。 gem…

2018-12-02

コードフォーマッターrubocopの使い方

Ruby

インストール(Macに) 使い方カスタマイズ参考インストール(Macに) rubocopのインストールと確認。 # インストール $ gem install rubocop # 確認 $ rubocop -v 0.60.0 使い方 $ rubocop [options] [file1, file2, ...] # 例) $ rubocop -R sample.rb カス…

2018-12-02

rbenvを使ってMacにRubyをインストール！

Ruby

rbenvとは？参考導入方法手順参考 Rubyを使ってみる（Macで）参考 rbenvとは？ ~/.rbenv/以下で、インストールした様々なRubyバージョンを管理し、状況に応じて必要になるRubyのバージョンを切り替えて提供してくれる。参考 rbenvの役割 - Qiita Gemと…

2018-12-02

nginxでLet’s EncryptのSSL証明書を設定

Linux

参考にした記事 [サーバー] Let's EncryptとNginxで、https対応を行う - YoheiM .NET nginx で ssl 設定をする | dogmap.jp https://letsencrypt.jp/command/ ざっくり手順 certbotのインストールコマンドでSSL証明書の発行 nginxの設定ファイルの編集 ngin…

2018-12-02

nginxでVirtualHostの設定

Linux

参考にした記事 nginx バーチャルホスト - nginx @ ウィキ - アットウィキ nginxの設定について nginx - 設定ファイル格納先(Ubuntu) ざっくり手順 nginxのインストール http://hir-aik.hatenablog.com/entry/2014/04/16/160659 適当なドメインを取得ここで…

2018-12-02

SSHの設定方法

SSHとは？設定方法ざっくり手順手順接続確認安全な接続のために、、 SSHとは？ Secure Shell（セキュアシェル）。サーバー管理を楽にしたい。いちいちサーバのとこに行って、操作するのが面倒。 ⇒リモートで操作したろ！というときに使うプロトコル。…

2018-12-02

Cookieとは？

Cookieとは HTTPは状態を保持できないので、Cookieに状態を保持させる。 CookieはWebブラウザに保存される。保存したCookieをサーバーに送ると、Cookieに応じた結果を得られる。 Cookieの使用例セッションIDをCookieに保持させると、セッションを管理でき…

2018-12-02

telnetでHTTPの通信を覗いてみる

参考にした記事 HTTPの流れ GETの場合 HTTPリクエスト HTTPレスポンス POSTの場合 HTTPリクエスト SSL通信を覗く方法参考にした記事「HTTPリクエスト」と「HTTPレスポンス」 | ITSakura HTTP の概要 - HTTP | MDN ChromeデべロッパーツールでPOSTさ…

2018-12-02

Linuxについて学んだこと

Linux

Linuxについて学んだことをまとめる！ Linuxとは？シェル関連標準入力・標準出力：デフォルトの入出力先例）キーボードから入力された文字が、画面に表示される。リダイレクション：入出力の切替例）標準出力を画面からoutput.txtファイルへ切り替える…

2018-12-02

Vimについて学ぶ

Linux

Macのターミナルで、 vimtutor と入力すると、チュートリアルが始まる。このチュートリアルをやると一通りVimの使い方が学べる。使ったことがない人は、独特の使用方法なので苦戦するかも。「コマンドはどれが何だっけ？」と少しずつ使いながら覚えるしか…

2018-12-02

visual studio code のお気に入りなショートカットを紹介

最近使い始めたvisual studio code のお気に入りなショートカットを紹介素早く選択する：Command + D 複数選択して、一括置換する：Command + D コメントアウト：Command + / 素早く選択する：Command + D CSSを書いてる時、選択したいクラス名の先頭付近を…

2018-12-02

flexboxの使い方

CSS

Flexboxの使い方グリッドレイアウトを作りやすい。 floatを使うより、flexを使う方が簡単で分かりやすい。列数を指定する方法 widthを指定する。 <div class="grid_layout"> <div class="grid"> </div> <div class="grid"> </div> <div class="grid"> </div> <div class="grid"> </div> </div> .grid_layout { display: flex; flex-wrap : wrap; /*はみ出たら改行する*/ } .grid { /*親要素の…

2018-12-02

positionの使い方

CSS

あいまいにしていたことを、明確にしていきます！参照元 positionの使い方 positionの設定値１つ目：static ２つ目：relative ３つ目：absolute ４つ目：fixed positionの使いどころ見出しのアイコン参照元 CSSのpositionを総まとめ！absoluteやfixedの…