Googleでカラーコードを検索するとカラーピッカーが使える
Googleで16進数のカラーコードを検索したらこんなふうにカラーピッカーが現れました。 HEXやRGB表記などのいくつかの形式のコピペ用の文字列が用意されていて、色を選択するとその部分も変わるので簡易な表記変換方法としては便利じゃないかと思います。
今更input type=color の存在を知る
HTML5のinput type=colorの存在を今の今まで知りませんでしたが、たまたま知りました。 Webでカラーピッカー使ったことなくて、という言い訳だけしとこ。 <input type="color"> で↓が出ます（Safariだと単なるInputに見えると思う）。
MacBook Proがスリープ中に起きまくっているようなので設定を変えてみた
スリープ中のMacが熱くなる現象がずっと前からありました。Macの熱のせいで部屋が暑いし（夏だから）、本体もかなり熱いので心配です。 Macの挙動で気になっていたのでは、スリープしているにもかかわらず接続しているディスプレイからMacの復帰を認識したときのピッという音がなることです。だいたいFacebookメッセンジャーなどのメッセージを受信したタイミングで起こっていることがなんとなくわかっていた …
gemが持ってるJSをwebpackerで読み込むには
手持ちのレガシー目なRails案件をいい加減Webpackerに直す活動を始めていまして、まずは仕事以外のプロジェクトからやってます。 JS用のgemだったりrails-assetsあたりはyarn化の時点でだいたい撲滅できていいですね。
rest-clientで簡易にAPIクライアントを書く
オープンではないサービスのAPIを使うとき、APIクライアントが無いってことが多いです。なのでアプリケーションから使いたいAPIだけを叩くような簡易なAPIクライアントを自分で書きます。そのときはrest-clientあたりを使ってベタっと書いてしまうことがほとんどです。
PLANTRONICSのBluetoothのヘッドセットが一番良い
こないだBluetoothのヘッドセットを買った話と、そのときに買ったJABRAのヘッドセットの使い勝手があまりよくなかったという話を書きました。 https://blog.piyo.tech/posts/2018-07-26-bluetooth-headset/ 結局、一度壊してしまったのと全く同じモデルのPLANTRONICSのヘッドセットを購入しました。これです。
Highchartsのseriesの表示非表示をJSで切り替える
最近Highchartsをちょこちょこいじっているので、仕入れたのを小出しにしていきます。 Highchartsでは凡例を出しておくと凡例のクリックでデータ毎に表示の切り替えができます。 ですが、凡例は見た目上の工夫がほぼできないため、凝ったUIで表示状態を切り替えるためにはJavascriptを書いて制御してあげる必要があります。
遅まきながらRails5の頃に作ったプロジェクトをyarn化する（webpacker無し）
Rails5の頃に作ったプロジェクトで、JS系のアセットの管理にはRails Assetsを使っている、Rails 5.1のプロジェクトが手元にありました。 先日（8/3）にそのRails Assetsが証明書の期限切れでbundle installできなくなるという問題が発生。 これを期に管理方法を変えないとねということで、Rails 5.1から使えるYarnを使うことにしました。
Highchartsのチャートに新しいデータ列（Series）をJSで追加する
今日もHighcharts。今度は新しいデータ列を追加する方法です。 https://jsfiddle.net/rveczxL1/7 昨日のJSFiddleをちょっと改変して、ボタンを押したら新しいデータ列を追加します。データの変更のときと同様アニメーションつきで描画されるのでとてもリッチな感じで良いです。
Highchartsで描画したチャートをJSから更新する
Highchartsで描画したチャートの値はあとからjavascriptで更新できます。 デモをちょっと改変してサンプルを作ってみました↓ https://jsfiddle.net/sz84x5q6/8/ options = {} // 略 var chart = Highcharts.chart('container', options); function onClick() …