ブログ

読んで思い出す。忘れるために書く

2018-01-01から1年間の記事一覧

Q. 適切なメソッド名を英語で考えるのが面倒くさい

Q&A

A. がんばって考える。たとえば日本語で考えた適切なメソッド名を Google 翻訳 に投げて調整する メソッド名を考える 翻訳を通してメソッド名を考える 似たような英単語を探す メソッド名の問題じゃない? Links メソッド名を考える 翻訳を通してメソッド名…

dein.vim を導入する (参考リンク)

Vim

プラグインマネージャ おもに GitHub などに公開されている Vim プラグインを、設定として記述することで簡単にインストール・削除できるようにしてくれるプラグイン 以前は Vundle を利用していたが Dein に乗り換えた dein.vim Dein.vim is a dark powered…

rerun gem で Docker コンテナ破棄・構築のイテレーションを素早く回す

問題 解決 rerun Link 問題 Dockerfile の内容や、コンテナに同梱したいファイルを編集したときに 編集内容が反映されているか 再ビルド (docker build )して 起動させて (docker run) 目視確認したい (ここでは Docker の正しい使い方は気にしない) (本当は…

Debian 9 にインストールされている Nginx を新しいバージョンに更新する (1.12.2 → 1.14.0)

問題 クリーンインストールして とくに何も設定してない Debian 9 にインストールされる Nginx のバージョンがちょっと古い (1.12.2) この記事を書いた時点での最新安定版 (1.14.0) に換えたい 解決 souces.list に Nginx のリポジトリを追加してそこからイ…

Q. man を読んで理解するよりも使い方を知りたい

A. https://cheat.sh を利用する curl でのアクセスも出来るので、次のように関数を定義してコマンドのように使うことも出来る # Bash # ~/.bashrc など適当な場所に定義する function cheat() { curl "https://cheat.sh/$1" } cheat ssh-keygen # 関数呼び…

ssh-copy-id でサーバにカギを渡す

「ssh-copy-id ってなに?」→ man ssh-copy-id を参照のこと 前提 (クライアント・サーバは任意の OS でも可) クライアント側は Ubuntu サーバ側は Debian サーバ側の初期設定として /etc/ssh/sshd_config : AuthorizedKyesFile 設定を有効化済み (通常通り …

VirtualBox ゲストに SSH 接続する

内容は下の動画の通り www.youtube.com 接続したいゲストOS の設定から「ブリッジアダプター」を追加してあげると、ホスト OS と同じネットワークに参加できるので、そこから IP アドレスを調べて接続する # cmd.exe を開く ipconfig # ネットワークアドレス…

apt コマンドでソフトウェアをインストールする

FJORD BOOT CAMP 課題クリアのための記事 Windows だと「ブラウザでWeb ページを開いて 実行形式のファイルをダウンロードしてきて ダウンロードフォルダを開いてダブルクリックして インストーラの案内に従ってマウスぽちぽち」... といった流れだが、CUI …

定義済みのHTML からクラスやID を抜き出す(参考リンク)

CSS

「あったらいいな」はだいたいある というお話 (無ければ それはあなたの番) HTML で文章構造とクラス名とを定義した後に、extractCSS を利用すると、それらの情報を CSS として記述できる形式で抜き出すことが出来る Links extractCSS - Online CSS Extract…

Q. HTML を編集せずに要素の隣に画像を表示させるには?

CSS

A. :before / :after 疑似要素, content プロパティ, url(), Base64 エンコード、この4つを使う codepen.io 「Base64 Image Encoder」のようなサービスを利用して 画像を文字列に変換 (プログラミング言語が扱えるなら得意な言語とライブラリを駆使して変換…

Zeal : ドキュメントを高速に検索する

Mac にも Windows にも「ドキュメント検索ツール」があるよ、という おはなし Dash というツール Zeal Links Dash というツール macOS には Dash というドキュメント検索ツールがある 簡単な使い方として: ショートカットキーを設定してサッと呼び出して 何…

課題:「Webデザイナーのための「本当は怖くない」黒い画面入門」に挑戦した

FJORD BOOT CAMP(フィヨルドブートキャンプ) の課題クリアの一環として記事を書く 内容は「Webデザイナーの為の「本当は怖くない」“黒い画面”入門 Part.01~Part.09 まで取り組んだ内容をブログにまとめる」というもの 黒い画面はこわくないよ 扱ったコマ…

curl で wttr.in に問い合わせて ターミナル上で天気予報を確認する

wttr.in コマンドを定義する Links wttr.in wttr.in というサイトがある リクエスト内容に応じた地域の天気予報を表示してくれる (eg. http://wttr.in/Tokyo など) Web ブラウザだけでなく curl にも対応している。ので、これをターミナル上で表示させる コ…

EditorConfig で Tab vs Space インデント戦争を終わらせる(参考リンク)

Vim

まとめ EditorConfig をチームで導入して、それぞれ好きなエディタを使いつつも 統一的な書き方を進めていこう 設定ファイル? 改行は CRLF, LF にするのかとか 文字コード、ファイルの末尾に空行を入れるか、インデントはタブかスペースか、インデントのサ…

Cloud9 (c9.io) の Python 環境に ver. 3.6 をインストールする

デフォルトでインストールされているバージョンは 2.7 なので、3.6 をインストールして使いたい 内容は How to change from default to alternative Python version on Debian Linux - LinuxConfig.org と同じ 本記事での c9.io は、AWS ではなく、旧来の環…

Jupyter notebook に Haskell を追加する

インストール iHaskell を公式の README.md に沿ってインストールする エラーと対処 途中、エラーが出て進まなかった AesonException "Error in $.packages.cassava.constraints.flags['bytestring--lt-0_10_4']: Invalid flag name: \"bytestring--lt-0_10_…

CSS ファイルを webpack でバンドルする

初めての webpack loader コミットした: github.com まとめ わからなかったこと Links まとめ style-loader + css-loader で、CSS ファイルを JavaScript ファイルにバンドルできる 書いたスタイルは; バンドルされた JavaScript ファイルを HTML ファイル…

メンテしてない GitHub リポジトリをアーカイブした

アーカイブした これで、「このリポジトリはメンテナンスしてないよ」と示すことが出来る 記事を書いた時点で; アーカイブしたリポジトリはぜんぶで 72 らしい 検索パラメータとして user:gouf, archived:true を付けて検索するとリポジトリとその数がわかる…

Q. man コマンドの説明が長すぎて読んでられない

Q&A

A. tldr コマンドを使う tldr-pages/tldr: Simplified and community-driven man pages

ccat の出力する色を Ubuntu で見易しく設定する

設定した 問題 解決 設定後の見え方 色の設定について alias に設定する Links 問題 Ubuntu デフォルトのターミナルだと背景色が暗めで ccat コマンドの色が見づらい 解決 ccat の出力する色の設定をする ccat -G String="_brown_"\ -G Plaintext="overline"…

ボタンクリックで固定メッセージをブロードキャストする

「なにか新しいことを始めるときは最小限のコードを書く」というのをやりたかった Rails の ActionCable によるメッセージ送信を実装してみた: github.com ここから、「メッセージのデータに部屋名を含めて該当する部屋のみに送信する」だとか「テキスト入…

1日なんどでも「うさぎがヒャー」する

できるようにした: github.com 説明しないこと 問題 解決 説明しないこと Lita という chat bot フレームワークがあること 「うさぎがヒャー」という診断メーカーのコンテンツがあること Slack 上で診断結果を表示させる方法について 問題 「うさぎがヒャー…

コマンドから機械的に vim の retab を実行する(参考リンク)

知らないどこかで、スペースとタブが混在しているコードが日々編集されていると聞き及んで、その恐怖心から書いた 内容は sideshowcoder/Readme.md - Gist に書かれていることをなぞったもの コマンドのように実行する 機械的に実行する Links コマンドのよ…

Q. Jupyter Notebook で Python 以外の言語を使いたい

Q&A

A. カーネル の追加をすることで、対応言語を増やすことができる Kotlin, CLisp, Redis など、他にもいろいろ動くらしい Links Jupyter kernels · jupyter/jupyter Wiki

GitHub Learning Lab で GitHub の使い方を実践的に学ぶ(参考リンク)

lab.github.com 「Getting Started with GitHub」を試してみた: リポジトリは自アカウントにクローンされる。その中で学習を進めていく Bot が issue を立ててくれる Issue にガイドが表示されて、各コメントでステップごとに指示が書かれる bot は学習者の…

既存のデータを <table/> にプロットする

teratail.com 目的・ゴール 結果 登場するコンポーネント コンポーネントの内容 目的・ゴール 質問を見ててテーブル要素にデータを一覧として表示させてみたくなった 結果 暫定的にこうなった 表示させるのに都合のいいデータを用意したので、値はほぼ可変 <table/> </table/>…

プロジェクト初期化時に rack-mini-profiler を有効化する

自リポジトリにコミットした README.md の通り gem を追加して rails g rack_profiler:install しているだけのコード github.com 開発環境でのページに、表示されるまでの速度が出てくるようになった これで 常に処理速度を意識したマゾい開発ができるように…

Q. Rails のバージョンアップで変わった部分を具体的に知りたい

A. RailsDiff にアクセスして差分の表示をさせる eg. 5.1.6 → 5.2.0 の差分を知りたい: http://railsdiff.org/5.1.6/5.2.0 Link RailsDiff

クリックでトグルする要素を作る

ゴール 初期データ 実装 <template/> <script/> <style/> Links ゴール 「テーブルの <td/> 要素をクリックすると背景の色が変わる」コンポーネント (ToggleTd.vue) を実装する 実際の表示には Index.vue を用いる 初期データ データ内容や定義はテキトー 実際は コンポーネントが作られる適当</td/></style/></script/></template/>…

bullet gem の設定を最初から有効にする

アプリケーション テンプレート機能を利用したコードを追記 自リポジトリにコミットした github.com これでアプリケーション初期化時に bullet が有効になって、今後 N+1 問題が発生したときに警告してくれる まとめ アプリケーション テンプレート? Bullet…