非同期に繰り返すならfor-await-of構文が使える、けど使わない方が良いかも。（配列とかおれおれAdvent Calendar2018 – 16日目） | Ginpen.com
配列とかおれおれAdvent Calendar2018 – 16日目 繰り返しにもいろいろあるよ。 for, while → for文を仕様からじっくり見てみる。あとwhileとか。（配列とかおれおれAdvent Calendar2018 – 13日目） for-in → for-inの仕様も見てみたよ。使う機会なさそうだけど。（配列とかおれおれAdvent Calendar2018 – 14日目） for-of → for-ofで配列も普通のオブジェクトも反復しよう。（配列とかおれおれAdvent Calendar2018 – 15日目） for-await-of → 別稿 forEach() → 別稿 for-of の亜種で、非同期に繰り返すやつに対応します。 const sleep = (ms) => new Promise((f) => setTimeout(f, ms)); as
`npm install` の代わりに `npm ci` が使えるかも（NPMおれおれAdvent Calendar 2019 – 04日目） | Ginpen.com
NPMおれおれAdvent Calendar 2019 – 04日目 先にまとめ npm ci は npm install と同じように、全依存パッケージをインストールする npm install は package-lock.json を更新することがある npm ci は package-lock.json を更新しない npm ci は node_modules を削除してからインストールする npm ci ってなんだ npm install に似ているが、CI のような自動化された環境での利用が想定されているもの。あるいは開発環境でクリーンインストールするのにも使える。処理はいくつかの機能を省略するので、npm install より圧倒的に高速な場合がある。 ドキュメントを読むとそんな感じらしい。 基本的には CI で回す場合はこちらを使いましょう、という理解で良さそう。CI って
reduce()はArrayにて最強……おぼえておけ。（配列とかおれおれAdvent Calendar2018 – 23日目） | Ginpen.com
配列とかおれおれAdvent Calendar2018 – 23日目 配列界最強のメソッドです。（？） 万能選手ですがどうか使わないでください。 使い方はちょっとわかりづらいんだけど、こんな↓感じです。 const arr = [11, 22, 33]; const obj = arr.reduce((acc, value, index) => { acc[`number${index}`] = value; return acc; }, {}); console.log(obj); // { number0: 11, number1: 22, number2: 33 } 与えたコールバック関数の次に第2引数がある点に注目。 インターフェイスと使い方 Array.prototype.reduce() | MDN result = arr.reduce(callback[, initialV
React + TypeScriptのESLintルールをカスタマイズしたり、Airbnbのやつを導入するぞ。 | Ginpen.com
何もしないでそのままでも十分かもしれない。 先にまとめ 最近の react-scripts は ESLint を含んでいるので別途インストール不要 設定は .eslintrc.js を作成して extends: ['react-app'] する Airbnb のルール設定を使う場合はもうちょい頑張る 元々 create-react-app してない場合も同じ Airbnb ルール利用時の手順概要 ESLint 初期化 ESLint の設定を更新 コードを recommended な状態へ対応 想定環境 Node.js v10.16 react-scripts v3.1 TypeScript v3.5 ESLint v6.1 @typescript-eslint/eslint-plugin v1.13 React アプリの準備 create-react-app でテンプレートから作成します。
VirtualBox VMに入れたLinuxに、SSHで繋いだよ。 | Ginpen.com
VirtualBoxにインストールしたLinuxに、コンソールではなくSSHから繋げるようにするための手順をメモしておきます。コンソールでは日本語が化けるので、早いとこSSHを使えるようにしちゃいましょう。 ディストリビューションはDebianを使っています。また作業はrootで行います。 手順はこんな感じ : デバイス準備 ネットワーク設定 SSHインストール 接続きゃっほい では行きましょう。 仮想デバイスの準備 仮想マシンを「電源オフ」にして設定＞ネットワークを開きます。ここでネットワークカードの設定を行います。 「アダプタ1」は設定済みです。これはNATで外部へ繋がっています。aptやwgetの通信で使うのはこっち。 これは残したまま、「アダプタ2」に追加します。「ネットワークアダプタを有効化」にチェックを入れ、「割り当て」を「ホストオンリーアダプタ」にします。仮想NICの「名前」
フルAjaxで動くRailsアプリを作ってみたよ。 | Ginpen.com
scaffoldを使うとCRUDが揃った「土台」を一発で作れるわけですが、それをアレコレして全ての操作をAjax化してみたので、手順をまとめました。 記事を読むのがだりぃって方はソースコードをGitHubで公開してるので、そちらをご覧ください。 RubyもRailsもあんまり触った事がないので、識者によるツッコミ歓迎します。 (｀・ω・´) 概要 やること indexの画面だけでCRUD、つまり新規作成 (Create)、表示 (Read)、編集 (Update)、削除 (Delete)を行えるよう、scaffoldで作成したファイルをいじります。 結論 form_for()にremote: trueを与えるだけで、とりあえずAjax化します。あとはサーバー側のレスポンスの内容を整えて、クライアント側で適切に処理してやればOKです。 作業 下準備（scaffoldとか） indexに編集フ
Sublime Text 2をvim風に操作するには、プラグインすら不要でした。設定の変更のみ。 | Ginpen.com
個人的には朗報。 メニューから”Sublime Text 2″ > Preferences > Settings – Defaultで設定ファイルを開く。（SL2で開いてくれる。） で、一番下の"ignored_packages"に"Vintage"が指定されてるのを外す。 // List any packages to ignore here. When removing entries from this list, // a restart may be required if the package contains plugins. // "ignored_packages": ["Vintage"] "ignored_packages": [] （とりあえずコメントアウトで残しておきました。） これでファイルを上書き保存すると、即有効になる。 というわけでとりあえず保存したらE
RSpecでRailsのテストをしてみるテスト。 | Ginpen.com
めもめも。 この記事はRubyもRailsもよくわかっていない人が自分のためのメモとしてだらだら書きました。リファレンスがよくわからなかったので、動かして試してみた感じです。 RSpecは（Railsに限らず）Rubyで動くテストフレームワーク。Railsに最初から入ってるTest::Unitよりも色々と良いらしい……けどそっちも使った事がないので比較はできません。 RubyじゃなくてRailsから利用する視点から俺用にまとめます。 環境 $ ruby -v ruby 1.9.2p290 (2011-07-09 revision 32553) [i686-linux] $ rails -v Rails 3.2.1
CSSは分かるけどjQueryは苦手……という人が .attr()と .prop()に親しんでくれるといいなーと思って書きました。 | Ginpen.com
もちろん、そうでない方にも親しんで頂きたいと思います。 最近この記事が話題のようです。 CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました この記事中にjQuery 1.6/1.6.1での .attr()仕様変更がらみの話で、うちの「jQuery1.6のattr()で困ったら、1.6.1にすればいいみたい。」の記事へリンクされていました。 ただこの記事はちょっと中身が細かくて、ぱぱっと理解するのは難しいんじゃないかなあと思って、この記事を書いています。どこまでご理解頂けるかはわかりませんが、あっちの記事よりは読みやすいはず。 今さら感もないではないですが……。(´ω｀) jQuery 1.6/1.6.1で何があったの？ .attr()にまとめていた処理を .attr()と .prop()に分割した そしたら今まで動いていたも
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
