はてなブックマーク

JavaScriptで配列を指定された個数ずつに分割します。 例えば、 [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] という配列を3個ずつ分割するのであれば、 [[1, 2, 3], [4, 5, 6], [7, 8, 9], [10]] という配列になります。 実装方針 配列から一部を通り出すのには、 Array.prototype.slice() - JavaScript | MDN という関数が使えます。 この関数は、開始のインデックスと終わりのインデックスを渡すと、開始のインデックスから終わりのインデックスの1つ前までの部分の配列を返します。 pythonのmylist[begin:end]、rubyのarray[begin...end]のような動作をします。 例えば、 const array=[1, 2, 3, 4, 5, 6, 7, 8, 9, 10] であれ

JavaScriptにzip関数がなかったので実装してみました。以下のように、各配列の同じインデックスの要素をまとめます。 const a1 = [1, 2, 3] const a2 = ["Jan", "Feb", "Mar"] const a3 = ["Garnet", "Amethyst", "Aquamarine"] zip(a1, a2, a3) #=> [[1, "Jan", "Garnet"], [2, "Feb", "Amethyst"],  [3, "Mar", "Aquamarine"]] 各配列の長さが異なる場合には、一番短い配列の長さに切り詰められます。 const a1 = [1, 2, 3, 4] const a2 = ["Jan", "Feb", "Mar", "Apr", "May"] const a3 = ["Garnet", "Amethyst", "A

経緯 配列をオブジェクトで初期化したい場合、 new Array(3).fill({foo: "ふう", bar:"ばあ"}) というコードだと、全てのインデックスが同じオブジェクトを指してしまうので、 調べたら new Array(3).fill().map(() => ({foo: "ふう", bar: "ばあ"})) という方法が出てきたので試したらうまく行きました。 疑問 このfill()要らなくない？new Array(3).map(() => ({foo: "ふう", bar: "ばあ"})) って書けばよさそうな気がします。 答え fill()は必要。 理由はここに書いてありますが、英語なので日本語で&自分で実行しながら書いていきます。 itnext.io まず、JavaScriptの配列は、実質的には数値をキーとしたオブジェクトです。 例えば、以下のように配列を初期化します

プログラミングでつまづいてきたことというブログ記事を見たので、私も書いてみます。 satoru-takeuchi.hatenablog.com mizchi.hatenablog.com 自己紹介 記事をリンクしたお2人と違って大したプログラマではないですが、システムエンジニアとして働いて10年経ってみて今の仕事が向いていると思っているところです。 大学でC言語とJavaを習って、仕事はWeb系で主にJavaを使用しています。 以下、つまづいたことです。だいたい古いのから新しいものになっています。 代入文 a = 1 b = 2 c = a + b でcが3になるのは分かったのだが、 a = a + 1 これを見て、"左右が等しくない。"と混乱し、そこで思考が止まってしまった。 半年後くらいに代入文という言葉を覚え、上記は"a + 1を計算した結果をaに入れる"だということが分かった (が

Webアプリでvalidationを書いていると、値が変更になった時にだけvalidationをかけたい場合があります。Railsではwill_save_change_to_#{attr_name}?というメソッドが用意されています。#{attr_name}の部分はModelの属性(カラム名)で置き換えます。 値が変更されているか調べてからvaldiateする 会議室予約アプリを例にして、具体的な使い方をみてみます。 会議室(meeting_room)は複数の会議予約(meeting)をもちます。会議予約は、開始時刻(start_time)と終了時刻(end_time)をもちます。 ルーティングはこちらです。 # routes.rb Rails.application.routes.draw do resources :meeting_rooms do resources :meeting

ReactとReduxの勉強中です。react-reduxのconnect()の理解に時間がかかったので、同じように悩んでいる方に向けて図にして説明します。初心者向けの説明なので、正確さよりもわかりやすさを重視しています。 目次 Reduxの世界 Reactの世界 React-reduxの世界 connect()の引数 まとめ あとがき Reduxの世界 まずはReduxの世界です。シーケンス図にするとこんな感じです。 viewはユーザの動作(クリックなど)が発生したら、actionを作成してstoreに渡す(dispatchする)。 storeは状態(state)を保持している。dispatchが呼ばれると、storeはactionとstateをreducerに渡す。 reducerはactionとstateを受け取り、新たなstateを作成して返す。 stateが更新されるとviewに

JavaからRubyにきて困ったことの1つは、無料のIDEが無いことです。eclipseの便利さになれきった自分には、vimのカスタマイズがおっくうに感じられてしまいました。コマンドラインでいちいちrailsのコマンド入力するのも面倒。 (でもこの、面倒って思う気持ちはエンジニアとして大切だと思う。) というわけで、有料ですが、RubyMineをいれてみることにしました。 RubyMineのインストール まずは30日の無料体験版をインストール。 www.jetbrains.com GET FREE 30-DAY TRIAL からインストールします。 新規プロジェクトの作成 インストールが終わったら起動します。 Create New Project (プロジェクトの新規作成) を選びます。 Location (プロジェクトフォルダ)、SDK、 railsのバージョン、DBの種類を選びます。