はてなブックマーク

JavaScript で HTML の class 属性を操作する方法についてです。 classList element.classListを使用すると要素に紐付いた class 属性のリストを返し、以下のようなメソッドを使用することができます。 メソッド 概要 add 要素のクラスリストにクラスを追加 remove 要素のクラスリストからクラスを削除 toggle 要素のクラスリスト中の特定クラスの切替 contains 要素のクラスリストが特定クラスを含むか否かの確認 element.classList - Web API インターフェイス | MDN ただし実際のところclassListで返されるオブジェクトはDOMTokenListです。そのため上記のメソッドも classList のメソッドというよりは DOMTokenList のメソッドになります。 var ele = doc

Ruby の include, prepend, extend の違いと用途についてまとめました。 Module#include 指定したモジュールをincludeすることをMix-inといい、クラスがモジュールをインクルードすると、モジュールのインスタンスメソッドを手に入れます。クラスをインクルードすることはできませんがモジュールにインクルードすることはできます。 module MyModule def my_method; "#{__method__} called!!"; end end class MyClass include MyModule end MyClass.new.my_method #=> "my_method called!!" MyClass.instance_methods.grep(/my_method/) #=> [:my_method] MyClass.

Rails のバリデーションは標準でも様々な検証が可能ですが、バリデータクラスを自作することで責務も分割されテストが容易になります。 EachValidatorクラス 1つの属性を検証するための新しいバリデータを追加したい場合はActiveModel::EachValidatorを継承したクラスを定義します。 組み込みのpresenceやuniquenessなどのバリデータもEachValidatorのサブクラスとして実装されています。 バリデータクラス名は<検証名>Validatorの形式で命名してvalidate_eachメソッドを実装してください。 validate_eachメソッドは引数として以下の3つを受け取ります。 検証対象のモデルインスタンス ( record ) 検証対象の属性名 ( attribute ) 検証対象の属性値 ( value ) 例としてURLのフォーマット

schema.rb と structure.sql を使用したスキーマ情報管理について。 スキーマ情報について テーブルを変更した時にrake db:migrateを実行するとconfig/schema.rbに Ruby 形式でスキーマ情報が保存されます。SQL でスキーマ情報を保存したい場合はconfig/application.rb（environmentなどでもOK）に以下の設定を追加してください。指定できるのは:rubyか:sqlでデフォルトは:rubyです。 config.active_record.schema_format = :sql この状態でrake db:migrateを実行するとconfig/structure.sqlに保存されます。 設定ファイル(config) - - Railsドキュメント スキーマ情報の生成 上記の設定がなくても以下のコマンドを使うと、その時

Ruby の定数についてまとめました。 定数 アルファベット大文字 ([A-Z]) で始まる識別子は定数です。 定数の定義と初期化は値の代入によって行われ、定数は定義されたクラス／モジュール内や継承関係がある場合は定数名のみで参照できます。 すべての定数は、ファイルシステムのようにツリー状に配置されていて、クラス／モジュールがディレクトリで、定数がファイルと考えると分かり易いです。 module A X = 'classAの定数X' class B Y = 'classBの定数Y' puts X #=> "classAの定数X" puts Y #=> "classBの定数Y" p Module.nesting #=> [A::B, A] end end 定数をメソッドの中では定義することはできません。 class MyClass def my_method M = 'my_methodの定

Webアプリケーションにおいて簡単にログイン認証などを実装できる Devise の導入方法です。最初に必要そうな部分をまとめてます。 Deviseの導入 実行環境は以下の通りです。 Rails 5.1.1 Ruby 2.4.1 Gemfile に以下を追加してbundle installを実行してください。 gem 'devise' Devise の設定ファイルを生成します。 $ ./bin/rails generate devise:install Running via Spring preloader in process 55270 create config/initializers/devise.rb create config/locales/devise.en.yml =====================================================

作成したEBSボリュームをEC2インスタンスにアタッチして使用するまでの手順です。 EBSボリュームのアタッチ EC2コンソールの「ELASTIC BLOCK STORE -> ボリューム -> ボリュームの作成」を選択します。ボリュームタイプ、サイズ、IOPS、AZ、暗号化を選択します。スナップショットIDはスナップショットからEBSを復元する場合に必要です。新規作成する場合は無視してください。 作成したボリュームを選択して「アクション -> ボリュームのアタッチ」を選択します。 ダイアログボックスのインスタンスにボリュームをアタッチするインスタンスをリストから選択します。デバイスは割り当てるインスタンスに既にアタッチされてるボリュームを含めて自動で連番が入力されます。 Amazon EBS ボリュームの作成 - Amazon Elastic Compute Cloud インスタンスへの

よくある話題ですが情報が散らばってるので対応策をまとめておきます。 エラー内容 therubyracerが Gemfile に記述されている状態でbundle installを実行すると以下のエラーでインストールできません。libv8はtherubyracerの依存関係でインストールされます。 2 errors generated. make[1]: *** [/Users/tasukujp/testapp/.bundle/ruby/2.3.0/gems/libv8-3.16.14.13/vendor/v8/out/x64.release/obj.target/v8_base/src/accessors.o] Error 1 make: *** [x64.release] Error 2 /Users/tasukujp/Documents/testapp/.bundle/ruby/2.3.

Golang のインストールと PATH の設定について最新の情報でまとめました。 Goのインストール バイナリインストール 公式サイトからバイナリをダウンロードして展開します。パッケージインストーラでインストールする場合は.pkgのファイルをダウンロードしてください。 $ curl -O https://storage.googleapis.com/golang/go1.8.darwin-amd64.tar.gz $ tar -C /usr/local/src -xzf go1.8.darwin-amd64.tar.gz Getting Started - The Go Programming Language Downloads - The Go Programming Language Go バイナリは/usr/local/goにインストールされることを想定しているため、上記のように

Supervisor の使用方法をまとめました。 Supervisorのインストール Supervisor とは Python 製のプロセス管理ツールで、プログラムなどを簡単にデーモン化することができます。インストールは以下の通りです。 $ sudo apt-get install supervisor $ sudo yum install supervisor インストールが完了すると起動スクリプトが/etc/init.d/supervisorに、設定ファイル類が/etc/supervisor以下に作成されます。インストール時に作成される設定ファイルには最低限の設定が書かれていますが、echo_supervisord_confコマンドを使用すると様々な設定項目が書かれたファイルを作成できます。 $ echo_supervisord_conf > /etc/supervisor/super

Ajax を使用してセレクトボックスの内容を動的に書き換える処理を実際に試した手順でまとめておきます。 事前準備 先ずは必要なモデルとコントローラを作成します。 $ ./bin/rails g model publisher name:string address:text $ ./bin/rails g model Book name:string publisher:references $ ./bin/rails g controller hello index books $ ./bin/rake db:migrate config/routes.rbには次のパスが追加されていると思います。 Rails.application.routes.draw do get 'hello/index' get 'hello/books' ... rails consoleを使用して以下のよう

HTMLを書いていると、よく出てくる要素でp要素、div要素、span要素があります。使い方を調べてもinput要素やform要素のように明確な使い方がある訳ではなく、モヤモヤした経験があるのではないでしょうか。これらの要素は一定の範囲を指定するために使うのですが、最初は違いも分かりづらかったりしますので比較してみます。 p要素とは？ ひとつの段落であることを表す際に使用する要素です。特徴としては改行された後に1行空白が入ります。これは実際に試してみた方が分かり易いと思うので以下のようなHTMLを記述して確認しましょう。 <p style="color:red;">HTMLのP要素</p> <p style="color:green;">HTMLのP要素</p> <p style="color:blue;">HTMLのP要素</p> そうするとこのように改行された上で空白行が入ってるのがわ

Stream API 中間操作の sorted と peek について使い方をまとめました。 sorted：ソート ① 引数：なし ／ 戻り値：Stream<R> ② 引数：Comparator<T> ／ 戻り値：Stream<R> sortedメソッドは2種類あり、①の場合は保持されてるデータがjava.lang.Comparableを実装してる必要があります。Comparable を実装してるクラスは  Java Platform SE 8 で確認して下さい。 ②の場合は関数型インターフェースのComparator<T>を渡してやる事で、ソート順を制御でき、Comparableを実装してないクラスでもソートする事が可能です。 Comparator<T>は比較を行う関数型インターフェースであり、実装が必要なメソッドはint compare(T o1, T o2)で引数を2つ受け取り、in

jQuery の serialize と serializeArray 関数の使い方です。 serialize関数 入力された全ての Element をURLエンコードencodeURIComponentされたクエリ文字列にシリアライズします。 シリアライズされるフォーム要素は name 属性を持っている必要があります。チェックボックスとラジオボタンはチェックされている場合にのみシリアライズされる文字列に含まれます。 以下のHTMLフォームでシリアライズ結果を確認します。 <form action="send"> <input type="text" name="user" placeholder="ユーザー名"><br> <input type="radio" name="gender" value="male" checked="checked">男 <input type="radi

Serializable の基本的な事についてまとめました。 Serializableとは Serializableは日本語で「直列化」といいます。オブジェクトを出力ストリームに書き出すことをシリアライズまたは直列化と呼びます。また、シリアライズされたオブジェクトを読み込んで、メモリ上に復元することをデシリアライズまたは直列化復元と呼びます。 通常、オブジェクトはそのままストリームに書き出して読み込むことが出来ないので、読み書きできる形にデータを整形する事をシリアライズ（直列化）と呼んでいるようです。 オブジェクトをシリアライズ可能にするにはjava.io.Serializableインタフェースを実装する必要があります。ただし、メソッドや定数をもたないインタフェースであるため、オーバーライドするメソッドはありません。 また、シリアライズの出力を行うObjectOutputStream#wr

大体 bash がデフォルトになっていますが、慣れてくると別のシェルを試してみたくなったり、bash の脆弱性が見つかった時のように変更する必要がある場合に、ログインシェルを変更する方法についてです。 変更できるシェルの一覧を確認する 変更できるシェルは/etc/shellsに記載されています。 $ cat /etc/shells # List of acceptable shells for chpass(1). # Ftpd will not allow users to connect who are not using # one of these shells. /bin/bash /bin/csh /bin/ksh /bin/sh /bin/tcsh /bin/zsh Homebrew等を使い自分で用意したシェルに変更したい場合はファイルの末尾に追加します。ファイルの所有者は

Apache Spark の RDD について。 RDDの基本 耐障害性分散データセットであるRDD（Resilient Distributed Dataset）の特徴は以下の通りです。 イミュータブルなオブジェクトの分散コレクションである。 復数のパーティションに分割されクラスタの各ノード上で処理される。 生成や変換が遅延評価される。 RDD は復数のマシンから構成されるクラスタ上での分散処理を前提として設計されており、内部的にはパーティションに分割されています。Spark ではこのパーティションが分散処理の単位となり、パーティションごとに復数のマシンで処理することによって、単一のマシンでは処理しきれない大量のデータを扱うことができるのです。 Scala Doc - org.apache.spark.rdd.RDD Java Doc - org.apache.spark.api.java

Mac向けにRとIDEであるRStudio、そしてサーバにインストールしてブラウザベースで使用できる RStudio Server のインストール方法についてまとめました。 Rのインストール Rは統計解析向けのプログラミング言語です。Rをインストールするには CRAN のサイト  The Comprehensive R Archive Network からPCに合わせたパッケージをダウンロードしてインストールするか、Homebrew を使用します。 Homebrew-cask を使用する場合は次の通りです。これは上記の CRAN からインストールするのと同じですのでGUIツールも使えます。 $ brew install caskroom/cask/brew-cask $ brew cask install r もうひとつ  homebrew-science という科学系のリポジトリからイン