棋譜作成用に BesoGo を使ってみる

使ってみる Web ベースの SFG エディタとして、BesoGo を利用することができる。 http://yewang.github.io/besogo/ GitHub からダウンロードして、ローカルのブラウザで実行することもできる。HTML + JavaScript で作成されているので、軽量のツールとして使…

bmp ファイルを jpg に変換してみる

以下のようにして、mogrify コマンドに -fomat オプションを指定して実行すれば、bmp ファイルを jpg ファイルに変換できるとのこと。 参考:conversion - Convert a bunch of BMP files to JPEG on Linux - Super User なお、パスを指定する場合は、-path …

kaminari をカスタマイズしてみる

使ってみる ざっくりと Bootstrap4 のテンプレートを作成する。 bin/rails g kaminari:views bootstrap4 ↓ views/kaminari ディレクトリにファイルが作成される。 ↓ コントローラとビューで設定を行うと、デフォルトのページネーションが作成される。 ここで…

エラー「mailcatcher: コマンドが見つかりません」に対応する

解決方法 rbenv rehash する。 参考 メールのテスト用にmailcatcherを導入する - paranitips

JavaScript のイベントオブジェクトを使ってみる

はじめに ここでは、以下の記事を参考にしてイベントオブジェクトを使ってみることにする。 https://ja.javascript.info/introduction-browser-events#ref-438 使ってみる まずはイベントオブジェクトを出力してみる。 ↓ -> id="hoge" の要素をクリックする…

JavaScript の addEventListener メソッドを使ってみる

はじめに ここでは、以下の記事を参考にして addEventListener メソッドを使ってみることにする。 https://ja.javascript.info/introduction-browser-events#ref-437 使ってみる addEventListener メソッドの第一引数にはイベントの種類を指定して、第二引数…

JSON.parse と JSON.stringify を使ってみる

はじめに ここでは、以下の記事を参考にして JSON.parse と JSON.stringify を使ってみることにする。 https://qiita.com/mitsuhiro_K/items/2d179632f62a591a1582 使ってみる JSON.stringify を使うと、javascript の値をJSON文字列に変換することができる…

localStorage を使ってみる

はじめに ここでは、以下の記事を参考にして localStorage を使ってみることにする。 WebStorage API(LocalStorage)を使ってみた - Qiita 使ってみる ↓ -> localStorage に値をセットして、localStorage の値を表示することができた。 localStorage の値を削…

js-cookie を使ってみる

はじめに ここでは js-cookie を使ってクッキーを操作してみることにする。 https://github.com/js-cookie/js-cookie 使ってみる クッキーに値を set する時は、第一引数にキーとなる文字列を指定して、第二引数に値を指定する。クッキーから値を get する時…

PostgreSQL の ILIKE とは何なのか

PostgreSQL で ILIKE を使うことで、大文字と小文字を区別しない正規表現検索ができるようになるとのこと。なお、ILIKE は標準SQL ではなく、PostgreSQL の拡張とのこと。 参考:STUDIO WING .lib: PostgreSQL:大文字と小文字とを区別しない正規表現検索 IL…

Rails で session の値を出力してみる

使ってみる 以下の create アクションは、ログインフォームから POST リクエストを送信した時に実行される。 ↓ -> とんでもない情報量が格納されているということがわかった。 session は、セキュリティ対策やキャッシュの対応もしているため、やりとりする…

Rails の application_controller.rb で private メソッドにするのはなんでなのか?

結論 Application Controller のサブクラスで使うメソッドを定義するため。Ruby の private メソッドはサブクラスからも呼び出せる。 この点は Ruby の基本的な機能であるためか、Rails の技術書では、しれっと書かれてていて、継承時の private メソッドの…

JavaScript で for文のネストを使ってみる

使ってみる -> ループ1周目で内部のループに入って、内部のループを実行する。内部のループから抜けると外のループ2周目となり、内部ループを実行する、といったことを繰り返すことになる。外のループから抜けると、for文が終了する。

jQuery でアロー関数を使ってみる

はじめに ここでは、以下の記事を参考に jQuery でアロー関数を使ってみることにする。 【JS】jQueryの.onでES6のアローファンクションに書き換えたら動かなくなったので 使ってみる jQuery でアロー関数を使う場合は、this ではなく、ev.currentTarget とし…

JavaScript の __proto__ を使って継承してみる

はじめに ここでは、以下の記事を参考に __proto__ を使ってみることにする。 https://ja.javascript.info/prototype-inheritance 使ってみる -> animal で定義した eats を、rabbit からも使えるようになった。(rabbit には jumps しかない) この処理の流…

JavaScript の querySelector メソッドを使ってみる

はじめに ここでは、以下の記事を参考に querySelector メソッドを使ってみることにする。 https://ja.javascript.info/searching-elements-dom#ref-1199 使ってみる まずは HTML 文書を準備する。 querySelector メソッドで、p 要素の文字を取得してみる。 …

JavaScript の children メソッドを使ってみる

はじめに ここでは、以下の記事を参考に children メソッドを使ってみることにする。 https://ja.javascript.info/dom-navigation#ref-1230 使ってみる まずは HTML文書を記述する。 children メソッドを使ってみる。 -> body 要素の子要素の div 要素と ul…

JavaScript の for … in 文を使ってみる

はじめに ここでは、以下の記事を参考に for … in 文を使ってみることにする。 https://ja.javascript.info/object#ref-143 使ってみる for … in 文は、オブジェクトのキーだけをループ処理する。 -> 変数 key には、オブジェクトのキーしか代入されない。 …

JavaScript の Promise を使ってみる

はじめに ここでは以下の記事を参考に、Promise を使ってみることにする。 https://ja.javascript.info/promise-basics https://ja.javascript.info/promise-api 使ってみる resolve メソッドを使ってみる。 -> 処理が実行される前の Promise は、state が "…

正規表現でキャレット(^)を使ってみる

はじめに 正規表現のキャレット(^)の動作は、ややこしい。 参考:regex - Carets in Regular Expressions - Stack Overflow 使ってみる 普通に ^ を使うと、行の先頭にマッチするメタ文字になる。 ブラケット内([ ]) で ^ を使うと、否定の意味になる。 …

RESTful な URL設計メモ

RESTful な URL は、items/1 のように、集合/個別 のような構造であると思うとわかりやすい。 参考:REST な API とは何か - ボクココ 以下の記事では collection resource と element resource として説明している。とにかく、左側が集合で、右側は「その集…

JavaScript の parseInt と Number を使ってみる

使ってみる -> parseInt("100hoge") は 100 を返すが、parseInt("hoge100") は NaN になる。 -> Number("111aa") で NaN になって、Number("aa100") も NaN になる。 なお、parseInt の戻り値の説明は、以下の通り。 参考:parseInt() - JavaScript | MDN ま…

JavaScript でグローバル変数を使ってみる

はじめに JavaScript のグローバル変数は、「window.変数名」としてアクセスできるとのこと。 参考:https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Grammar_and_types#Global_variables 使ってみる -> 「window.変数名」としてアクセスするこ…

devise.ja.yml を使ってみる

はじめに ここでは、devise.ja.yml を使って devise でのメッセージを日本語表記にしてみる。 使ってみる config/application.rb を編集して、デフォルトの言語を日本語にしておく。 ファイルをダウンロードする。 wget https://gist.githubusercontent.com/…

エラー「SQLite3::SQLException: no such table: main.events: CREATE INDEX …」に対処する

エラー発生 修正してみる 以下のコードを書いてエラーになってしまった。 ↓ -> エラーだった理由は add_index メソッドを create_table メソッド内に記述してしまったためだった。そこで add_index メソッドを create_table メソッドの外に記述する。 マイグ…

Ubuntu サーバーのタイムゾーンを Asia/Tokyo に変更してみる

はじめに timedatectl コマンドを使うことで、タイムゾーンの表示と変更ができるとのこと。 参考:[Ubuntu16.04] timezoneの確認と設定 - Qiita 使ってみる タイムゾーンを表示してみる。 -> デフォルトのタイムゾーンは UTC になっている。 タイムゾーンを…

freenom で IP アドレスの設定を変更する

freenom を使うと、ドメインを無料で取ることができる。そのため、練習用サーバーで使う時にとても役立つ。 freenom の使い方は、以下の記事で詳しくまとまっている。 【第2回】GCPの無料枠でdev.toなみの爆速Wordpress環境を構築する(Freenomでの無料ドメ…

シンボリックリンクを使ってみる

表記の見方 ls -l コマンドで、ファイルの属性を見ることができる。 ここでシンボリックリンクは、以下のように表示される。 参考:シンボリックリンクを確認する|Linux Tips というわけで、左側のファイルがシンボリックリンクで、右側が元ファイルとなる…

「ERROR: invalid locale name: "ja_JP.UTF-8"」に対処する

エラー発生 参考:invalid locale name ja_JP.UTF-8エラー 確認してみる。 -> ロケールに ja_JP.UTF-8 がなかった。 以下のコマンドを実行する。 sudo localedef -i ja_JP -c -f UTF-8 -A /usr/share/locale/locale.alias ja_JP.UTF-8 -> ロケールに ja_JP.U…

PostgreSQL でロールをスーパーユーザーに変更する

結論 以下のようにすれば良い。 参考:sql - postgres: upgrade a user to be a superuser? - Stack Overflow 使ってみる まずはログインする。 sudo -u postgres psql パスワード付きでユーザーを作成する。 CREATE USER matt WITH LOGIN WITH PASSWORD 'pa…