notebook

都内でWEB系エンジニアやってます。

Redashのクエリに特殊文字を使う時の話

Redashでクエリ書いてたときにすこしハマったときの記録 Redashではクエリにパラメータをつけることで結果を動的にすることができます パラメータに/などの文字が入っている場合実際にクエリ文字列には/といったふうにHTMLの特殊文字の数値参照がSQLの…

ローカル実行用のJupyterNotebook環境を整える

統計、分析とかそっちの分野の勉強をはじめました それに先駆けてインタラクティブな実行環境は必要だよねということで形から入っていきます! 今回はJupyterNotebookをdockerで立ち上げて使えるようにするところまでやってみました docker 公式にDockerのイ…

JenkinsでRubycriticの結果レポートをPublishHTMLPluginで表示する

CIの中でプロジェクトのコードの静的解析にRubycriticを使ってレポートを表示しようとしていました 実行に関してはスクリプトを用意して実行するだけなので問題なかったのですがHTMLのレポート表示で躓いたのでメモ Rubycritic 静的解析ツール 内部的には下…

Rails5+複合主キー+FactoryBotでテストデータを作成する

Rails5+複合主キーでやっていくにはcomposite_primarykeyが必要ですが テストコードを書く際にハマったのでその時のメモを残しておきます FactoryBotでテストデータを作成する際の話です composite_prrimarykeyを使ってreportsテーブルを複合主キーで扱うこ…

GitLab CIに入門する

GitLabCIでRspec,Coverage,Rubycriticを実行して結果を表示するところまで

Chart.jsでラベルクリックで表示非表示をコントロールする

chart.jsをつかってグラフを書いていたのですがある日こんな要件が飛んできました 「凡例をクリックすると表示非表示できるけどラベルをクリックしても表示非表示切り替えたい」 !!!!! !!!!! ヒストグラムだと何言ってんだ?って感じの話ですがカ…

2018年振り返り

年のはじめになってしまいましたが年末年始が落ち着いたので振り返り 生活スタイル 結婚して子供が生まれたことでプライベートの生活スタイルがガラッと変わった 休みの日は基本的に家族と過ごすのでインプットの時間が取れない 今まではだらだらやってたん…

Capistrano3+Angularのデプロイコマンドがいつまで経っても終わらない時の対処法

Rails5 + Angular6で開発していてwebpackerを使わずにCapistranoを使ってAngularのビルドコマンドを直に実行していました .....が、待てどくらせどAngularのビルドが終わらない! 大体10分くらい待たされているよう これではデプロイどころではないので調べ…

GoogleAppsScriptで毎日レポートをSlackへ通知する

GoogleAppsScriptで毎日PV数をSlackに通知する

VS Code でなるべくマウスを触らない設定

はじめに この記事はVisual Studio Code Advent Calendar 2018 9 日目の記事です 動機 もともと Vim を開発サーバとローカルでも使っていました そろそろ違うエディターを使って見ようかなーという軽いノリで導入してみ見た感じです 使ってみるとちょっとし…

ag-Gridで任意のデータをコールバックで使いたい

今回もag-Gridについて 任意のデータをコールバックで使いたいときに使える小ネタです gridの一覧にデータを表示したときのデータを保持しておいてその値が変わったらスタイルを適用したいといった場合 環境 ag-grid:18.1.2 angular: 6.1.4 要件としては 数…

ag-GridでCSVとグリッドで出力内容を変えたい

業務で凝ったグリッドを作っていくと大体言われるのが「CSVで落としたい」ですよね 結局CSVか!なんて思ったりもするのですがあったらあったでやはり便利なものです 今回はag-gridでCSVダウンロード機能に関して 公式ドキュメント CSV Export: Core Feature …

Angularで連想配列をngForで回したい

以前カスタム構造ディレクティブを作ってハッシュの各要素をngForのように回すという方法をとったことがありました [angular] ディレクティブについて - カスタム構造ディレクティブを作ってみる - notebook swfz.hatenablog.com いつの間にか公式でkeyValue…

AngularCDK(DragAndDrop)を使ってみる

Angular7がリリースされてCDKにDragAndDropが入ってきました ということで簡単なTODOアプリを作ってみます 内容的にはもはや何番煎じだって感じですが実際に自分で触ってみたほうがいいなと思ったので残しておきます 動作環境 $ npx ng --version _ _ ____ _…

Redashのpivotでフィルターを掛ける

小ネタ 業務でもRedashを使い始めていたので結構クエリとかグラフも作ってたのですがまったく気づきもしなかったので記事にしておきます visualizationでpivotにすると各種カラムにフィルターがかけられるようになってました しかも割と使いやすい SQLでクエ…

Google App Script(clasp)でソーシャルカウントを取得して可視化する

Google Apps ScriptsでTypescriptが超簡単に使えるようになった! - アクトインディ開発者ブログ tech.actindi.net 上記記事を読んでGoogle App Scriptをcliから管理できるようにっていたことを知ったので実際にやってみることにしました 以前から当ブログの…

ag-gridで日付エディタを自作する

ag-gridの公式ドキュメントにサンプルはあるもののその場で作って設定するみたいな感じになっていたのでangularで再利用できるようにコンポーネント化してみます 公式ドキュメント Cell Editing: A Core Feature of our Datagrid www.ag-grid.com 今回使うmo…

angular-cliでバックエンドへプロキシする

Angularでバックエンドが必要な開発をしていて、最初モックサーバなどを立てて先にフロント側に着手したいといった場合 普通にポートを別で指定してリクエストを送るとCORSで怒られます そこでng serveのproxyオプションを使用してバックエンド側にプロキシ…

AngularでデスクトップPWAをインストールしてみる

chrome67からデスクトップPWAが使えるようになったのでいくつかのPWAをインストールしてみたのですが良さそうな感じがしました デスクトップPWAを使ってみた – Takeshi Amano – Medium chromeとは別ウィンドウで起動できるのとelectronでやらなくても良くな…

Cloudformationで設定ファイルを分割する

AWSでの新規環境構築時など便利なCloudformation 一度テンプレートを作ってしまえば同じような環境はサクッと作れてとても便利ですね 最初にcloudformationを使ったときは分割できることは知っていたものの納期などの兼ね合いがあってとりあえず1ファイルの…

html2canvasでhtmlからcanvasに変換して画像として保存する

グラフライブラリとかだとcanvasにグラフを描画してそれを画像としてダウンロードさせる、みたいなことができると思うのですが canvasだったりSVGだったりの書き方を覚える必要があるのでサクッと画像ダウンロードさせたいだけなんだけどそれだけのために覚…

angular6でgithub-pagesにアップする

angular6以前はただただnghコマンド叩くだけでリポジトリのページでも問題なく表示できたのですがangular6になってマルチプロジェクトに対応したからか分からないけど成果物のパスが変わったっぽい 以前はdist以下に各種ファイルが生成されていた angular6以…

ブックマークレットに関して

今までブックマークレット?ふーんみたいな感じだったのですが、最近フロント側もやっていて面白くなってきているのと、結構できることあるみたいなのでtipsとして残しておきます 画面での確認 いきなりブックマークレットのコードを書く前にまずは画面でdev…

rxjsのメモ(検索boxの入力値で必要な部分だけ抜き出す)

rxjs使おうとすると毎度ドキュメント見ながら使えそうなオペレータ調べてやるのがつらいですね 後の自分用のメモにサンプル実装を残します 今回は「検索ボックスなどの入力で必要な部分だけ取り出す」です 実行環境 angular: 5.1.2 rxjs: 5.5.6 やりたいこと…

routerLinkActiveでpathだけのマッチを行いたい

よくあるリンクがアクティブかそうじゃないかみたいなのを判断してスタイルを変える機能に関しての備忘録 AngularだとrouterLinkActiveというものがあります 動作環境: Angular5.1 html <a [routerLink]="['/hoge', 'fuga', 'piyo']" routerLinkActive="is-active"> scss a.is-ctive { background-color: #CCC; } これでメニュー中の自</a>…

ag-gridでpivot

前回のrow gorupingに続き今回はpivot 動作環境 Angular: 5.1.3 ag-grid: 16.0.0 pivot テーブル定義に追加する

ag-gridでrow grouping

row groupingを実際にやってみた時のオプションなどのメモ 実際に使ったオプションなどの覚書なので結構雑になってます 全部みたいなら下記にサンプルコード付きで丁寧に乗っているのでこちらをみた方が良さそう Grouping by Row: Core Feature of our Datag…

[angular] ディレクティブについて - カスタム構造ディレクティブを作ってみる

今回は構造ディレクティブについて angularではディレクティブというと構造ディレクティブと属性ディレクティブの二つがあります 属性ディレクティブに関してはカスタムディレクティブ作ったりしやすいかなと個人的には思っていて割と理解しやすいかなと思い…

rubocopのABCについて

仕事でrubocopを入れている サクサク描いてるとABCに引っかかることが多い(現状の閾値はデフォルトの15) さっと調べてみたところそれぞれ a(assignment): 代入の回数 b(blanch): メソッド呼び出しの回数 c(condition): 分岐の回数 で下記の計算で算出してい…

Rails5で複合主キーを扱いたい

Rails5でmigrate時に複合主キーを定義できるようになっていたのでこりゃいいや!とおもって開発してたらupdateできない問題が起きました migrateスクリプトは以下抜粋 create_table :summaries, primary_key: ['id', 'date'] do |t| t.bigint :id, null: fal…