type=”file”のinputタグをJSで操作する方法
今回は私が最近担当した案件で苦労した、type="file"のinputの値と全く同じ形式のデータを０から作る方法と、データをフォームでアップロードする方法各種について書いていこうと思います！ input type="file"について 基本的にinput type="file"の値というのは、type="text"などのほかのinput要素と違い変更したり設定したりすることはできません。 も
2023.4.26
開発
タグマネージャでGA4を設定するときにやっておいた方が良いこと
今回はエンジニアとビジネスサイドの双方の立場から見た、GoogleタグマネージャとGA4（Google Analytics プロパティ4）のオススメ設定を紹介します。 ユニバーサルアナリティクスの終了に伴ってGA4をタグマネージャを利用して設定する方が増えていることと思います。 タグマネージャは便利なのですが、1つ問題点としてタグマネージャ経由でGA4を埋め込んだ状態で任意のイベントを記録しよう
エンジニアはスクラムマスターの夢を見るか？～なんちゃってアジャイルからの脱却とそれにまつわるアレコレ～
突然ですが、皆さんの組織ではアジャイル開発を行っていますか？ 恐らく程度の差はあれど、かなり多くの会社でアジャイル開発を少なからず取り入れた開発を行っているのではないかと思います。 でも・・・・、それ本当にアジャイル開発になっていますか？ こんな👇感想が出てくる「なんちゃってアジャイル」になってしまっていませんか？ 「アジャイル開発は 納期を定めないから or 最初に要件を全て決めなくて済む
エンジニアの新卒研修を受けた学びと感想
今回はラクーンの新卒研修を受けた学びと感想について書きたいと思います。 新卒研修が作られた背景や研修のゴールなどは以下の記事をご覧ください。 ゼロから始める新人エンジニア研修 入社のきっかけ ラクーンへの入社を決断した1番の理由は、人が良かったからです。 ラクーンを知ったきっかけはエンジニア限定の逆求人イベントでした。 スライドを使って自己紹介し、お笑い鑑賞が趣味でおすすめのお笑い芸人さん
タグマネージャのカスタム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 のバージョンについても状況が複雑で理解が難しいのでその解説から始めましょう。