タグマネージャのカスタムHTMLで外部JS読み込んだ場合の実行順番を調べてみた
Webエンジニアをやっていると Google Tag Manager に触れる機会ってありませんか？ マーケティング部門から広告タグの相談を受けた り、 タグマネージャから出る謎のJSエラーの調査 を依頼されたりと、今やWebシステムの構成要素としてなくてはならないものとなっています。 一方でエンジニアの管理を離れて自由奔放に運用されたタグマネージャは伏魔殿の様相を呈してくるので、できればお近づ
開発
作図の手間から開放する、ダイナミックER図の試作してみた
同僚と雑談でER図について話してました。 新しいメンバーを迎えるときにはER図があると便利だけど、100テーブルを超えたあたりから線が絡まりすぎて無理だよねー おそらく業務システム開発にかかわる人なら誰しもが似たような経験があるのではないでしょうか。 次のようなことができたらいいなあと、DDLからER図を生成するSPAを試作してみました。 DDLから動的にER図を作図してほしい
2022.8.2
この問題を解けたらスゴい！？シェルスクリプトとファイルディスクリプタの話
今回はシェルスクリプトのちょっとしたクイズからファイルディスクリプタとリダイレクトの動作を解説します。 早速ですがこのシェルスクリプトの問題を解けますか？ 問: bashで以下のシェルスクリプトを実行した場合に表示される文字列はどれか？ ※ echo の -n は改行を出力しないオプション ( echo -n "A" > /dev/null echo -n "B" 2>&
非情報系のエンジニアが新卒1年目に学んだ重要な価値観/考え方
私は、2021年に大学を卒業し新卒研修を終えた後はSUPER DELIVERYの開発エンジニアとして働き始めました。 大学の授業ではC言語で簡単なアルゴリズムや、HTML、JavaScriptを軽く学び、基本情報技術者試験を取った程度でエンジニアとして未経験で入社しました。 同期の中では唯一、情報系を専攻していない私がこの1年間で学んだこと、コードを書くときに気を付けていることについて書きたいと思
簡単導入Oracle SQLclと手慣れたJSで少し凝ったデータ登録の方法
最近データ移行の仕事をする機会があり、その調査の中で見つけた、Oracle Databaseで手軽に柔軟にデータ登録する方法を紹介したいと思います。 具体的には、Oracle SQL Developerコマンドラインと呼ばれる、Oracle SQLcl（以降、SQLcl）でJavaScriptを利用した方法です。 SQLclは依存関係が少なく比較的導入が簡単で、利用プログラマが多いJavaScri
2022.4.5
モダンJavaScriptに触れてみよう
フロントエンドに React/Vue.js を採用する機会が多くなってますが、まだまだ jQuery が現役のところも多いと思います。 今回は過去に JavaScript を触った経験がある方を対象に ES2015（ECMAScript 2015、ES6） 以降で変わった点をいくつかまとめてみました。 const let ES2015 従来は変数宣言に var を使用してきましたが、const
2022.3.28
シェル芸のすすめ～awk, xargs, date～
エンジニアであれば、ログの調査、環境構築、データの整形などLinuxコマンドを書く機会はたくさんあるかと思います。 コマンドは所謂「枯れた技術」ですが、「枯れた技術」であるが故に話題に上ることは少なく、集中的に学ぶ機会は少ないように感じます。 結果として、毎回コマンドを使ってやりたいことを上手く実現できずにモヤモヤしている方も多いのではないでしょうか（私のことです）。 シェル芸本との出会い そ
GA4移行の切り札、Google Analytics の gtag.js と「接続済みのサイトタグ」の仕組みを徹底解説
ユニバーサルアナリティクスの終了がアナウンスされましたね。そこで本日はユニバーサルアナリティクスと Google アナリティクス 4 プロパティ（以降 GA4 と表記）を併用したり、移行する際に使われることが多い「接続済みのサイトタグ」機能について解説します。 「接続済みのサイトタグ」とは端的にはユニバーサルアナリティクスの記録用に埋め込んだタグをそのまま使って、Google Analytics
並列処理でRails5アプリURIHOのRSpecの時間を短縮する
最近RSpecの時間が長く、開発速度に影響がでていることに悩んでいたのですが、 RSpecの処理を並列化するparallel_testsというGemを導入して処理時間を短縮することができました。 この記事ではparallel_testsを導入した経緯を通常のRSpecが遅い理由を共に説明し、 parallel_testsの導入方法と実際にどれだけ短縮されたかをご紹介いたします。 通常のRSpe
簡単！javascriptライブラリとテキストで～図を作成
シーケンス図を書く機会があり、その際に使用した便利なjavascriptライブラリがあったので２つご紹介します。 エクセルやパワーポイント等で図や矢印を綺麗に引くのが苦手な人でも、テキストで書けば綺麗に図を作成できます。 1. js-sequence-diagramsで図を書く js-sequence-diagramsはシーケンス図をテキストで表現できるjavascriptのライブラリです。
2022.2.17
「BudouX」を使ってテキストの折り返しを自動化しよう！
GoogleのGithubリポジトリに日本語テキストの自動改行マークアップ支援ライブラリ「BudouX」が公開されました。 日本語は言語的な特徴として明確な文字区切りが存在しないため、一般的なブラウザはテキストの折り返しを最適化できていません。 BudouXはそんな問題に対し機械学習によって日本語の文章に自然な改行位置を自動挿入してくれます。 BudouX - github オフィシャルのサ
【用語解説】プログラミングにおける「ストリーム」とは？
ある日、「ストリームって何ですか？」と弊社の新人から質問されました。 Webで調べてみたそうなのですが、曰く「ストリームとはデータの流れ」。う～ん、わかったようなわからないような…… プログラミングをしていると時々出会う単語ですが、なんとなく雰囲気でやり過ごしがちで、いざ説明しようと思うとなかなか難しい単語ではないでしょうか。 今回はそんな「ストリーム」という単語を「ビュッフェ」と「コース料理」に