お詫び 今、完成 & 書き上げたので何も文章を考えていないです。 今の時刻: はじめに クソアプリカレンダー 24日目を担当します。今年が 6回目の参加です。 これまでに作ったものはこのようなものです。 毎年参加しているからこのセクションがだんだん賑わってくる。 何を作ったのか DSのマリオ６４のミニゲームぽいやつ です クソアプリ名は...好きなサービスです！ 成果物 DSのマリオ６４のミニゲームとは きっかけ１ めちゃくちゃ強い人の動画が流れてきた。 きっかけ２ findy のスコアの話でこのまえTLが賑わっていた（何かのイベントきっかけぽい）。 そのとき、ここにエイプリルフール企画で何か連携できるようなものを作れば、findy に声をかけてもらえるのではと思い立つ。 ということで、Findyから連携できるサービスと、そのサービスが提供する認証認可プロバイダーを作ろうとした。find-

この記事は エンジニア転職活動ハックをシェアしよう！ by キャリアデザインセンター「Direct type」 Advent Calendar 2022 の 23 日目です。 転職サイトはリファラを送るのをやめた方が良いと思う という記事を 3 ヶ月ほど前に書きました。これは「転職サイトに求職者が実績として会社のテックブログへのリンクを貼った場合、会社側はブログのアクセス解析ツールを使うことで記事執筆者が転職活動中であることを見抜ける」という内容です。今日はその対策を考えます。 どうして転職活動がバレるのか 転職活動がバレる理由は、採用サイト側からその記事へ遷移した際にはリファラが付くからです。 Referer (referrer ではなく referer, typo が正しい) は、 The "Referer" [sic] header field allows the user age

ぶっちゃけます、これはわりと真実なのですが朗報です。しつこく言ってるけどあまり大きな声で言えないのですが危険です。本当に悔しい。なんと、クソアプリカレンダー 6日目を担当します。今年が ５回目の参加です。 これまでに作ったものはこのようなものです。 この世の真実 僕はTwitterでこの世の真実を学びました。どうやら未経験から３ヶ月で年収１０００万を達成するには、適当な会社に入り込んで適当に箔をつけたらフリーランスに転向すると良くて、飽きたら外資転職して働くとのびのびと働きながら高給にありつけるようです。あとプログラマーは給料が安くて、ITコンサルにステップアップしたら良いと学びました。日本企業はダメらしいです。Twitterはとても学びがありますね。 あなたのSNSを加速させる魔法の言葉 ところで 9 月ごろに一世を風靡した「Twitter オススメ書き出し文１００選！」をご存知でしょう

この記事は クソアプリ Advent Calendar 2020 の5日目の投稿です。昨日は@takanakahikoさんのカメラに映っている人間にスーツ着せるやつをデスクトップアプリにしたでした。ハードルが上がって辛い・・・ 今年のクリスマスは中止になりました 私はそろそろ結婚したいです。そのため諸々の機会が増える12月には婚活を始めようと思っていましたが、流石にコロナウイルスの感染状況を鑑みると延期せざるをえなくなりました。でもやっぱりクリスマスは恋人と過ごしたい気持ちは諦めきれません。 なので代わりに理想のCovidと過ごせるアプリを作りました。それがこの my covid です。 How to Use 使い方は簡単、パーツをクリックで追加して、ドラッグアンドドロップでコロナウイルスにパーツを載せていくだけです。 作った後はこのように画像が生成されます。 ちなみにトゲトゲはスパイクっ

俺「すっげぇいい名前のライブラリ思いついた！！」 俺「npm あるかな？あるかな？」 （カタカタ） 俺「なかった！よっしゃ一番乗りや！！！今すぐ作らないと！！！」 俺「npm init enter enter enter enter npm publish うおおおおおおおいっけぇぇぇ！！！！！！！」 （ｶﾀｶﾀｶﾀｶﾀｶﾀｶﾀｶﾀｶﾀｯﾀｰﾝ） 俺「ミ゜ッ！」 ーーー おはようございます。本番環境でやらかしちゃった人 Advent Calendar 2019の 23 日目を担当する、@sandessOjisanです。この記事では 思いもよらないものを npm publish したお話 を紹介します。 僕は あるとき 色々な会社の仕事を請け負っていた時期があり、そのときの無邪気なnpm publishによって、良くないことをしてしまったというお話しです。このコマンドを叩くといきなり本番環境

こんにちは、クソアプリ Advent Calendar 2019の 19 日目は、@sandessOjisanがやっていきます。この記事では 俳句力を鍛えるための babel-plugin 開発 について記事を書きます。早速使いたい方はこちらからどうぞ。なお、季語はありませんが、無季俳句として俳句としてカウントされるようです。 背景 なんでこんなものを作ったかというと、それは自身の俳句を読む力を鍛えたかったからです。 俳句とプログラミング みなさんの周りにも、ダジャレ・韻、そして 俳句 を言うのがやたら上手い人っていませんか。私の周りにはそういう人がたくさんいます。そして、そういう人に限ってプログラミング能力も非常に高いと感じています。もちろん、「俳句ができるからプログラミングもできる」なのか「プログラミングができるから俳句ができる」のどちらなのかはわかりませんし、そもそも因果関係があるこ

なぜ DI コンテナを自作するのか 関心の分離がされているアプリケーションは変更に強く、良い設計と言えます。Dependency Injection(以下 DI) は関心の分離を実現する テクニックの 1 つとしてよく見られるパターンです。しかしクラス間の依存関係が増えれば増えるほど、注入する依存を作ることは困難になり、DI のコストは段々と膨らみます。そのようなとき、 依存を自動で解決し、欲しいインスタンスをすぐにとりだせる DI コンテナ は有効な解決手段となり得ます。 JavaScript/TypeScript においても DI コンテナを提供するライブラリが存在します。例えば、InversifyJS や tsyringe などが知られています。しかし既存の DI コンテナは、DI 以外の機能を持ち、また使い方も多岐にわたるため、知識の習得コストがかかります。そこで 必要最小限の機能

CI/CD環境を作ると、効率良くインフラの知識が身につく気がする 〜GCPでdroneを動かすチュートリアル〜GAEDockerdrone.ioCICDGoogleCloud はじめに この記事は GCP と drone を利用した CI/CD 環境構築を通して、インフラの知識を身につけるためのチュートリアル記事です。 CI/CD 環境を構築する作業を通して、インフラ未経験 1だった筆者は幅広い知識を得ることができました。これはとても良い経験でしたので、インフラの知識や単語をキャッチアップしながら CI/CD 環境を構築する記事としてまとめました。 誰でも簡単に構築できる CI/CD 最近、様々な CI/CD サービスが台頭しています。それらを利用することで、「Github で認証すればすぐパイプラインができる」といった世界になりつつあり、誰でも CI/CD 環境が手軽に構築できるようにな

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? どうも、親からもらったお年玉でマッチングアプリを始めるも、いいね 0 件のまま 3 ヶ月で退会した@sadnessOjisan です。 今日はタイトルの通り、マッチングアプリ強者を体験できる PWA を開発します。具体的には、いいね 通知がたくさん届くアプリを開発します。なおこのアプリは「通知止まらん www」を体験できるアプリを作ったの影響を深く受けました。ただし、これから作る push 通知体験アプリでは、通知の疑似体験ではなく本当に通知が届きます シンプルにプッシュを送るだけのコード: https://github.com/sad

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに こんにちは、都内でフロントエンドエンジニアをやっている @sadnessOjisan です。最近、自分のできる範囲を広げたいと思い、バックエンドエンジニアに転身しました。フロントエンドエンジニアがバックエンドを書けたら最高ですよね？歌って踊れて楽器が弾けるアイドルって感じがします（知らんけど）。 そんなカジュアルな感じでバックエンドエンジニアに転身したのですが、どうも僕が立てるサーバーは汚く柔軟性もなく見通しも悪くなってしまいがちです。どうせなら綺麗なサーバー立てたいと思い、良いサーバーを作るための技術や方法論を知りたいと調べ

この記事は リクルートライフスタイル Advent Calendar2018の20日目の投稿です。 はじめに この記事では スマホ向け web ページをアプリっぽく見せるための Tips を多く紹介します。 (CSS / JS / jQuery / React / WebGL の事例を紹介します) （注） React 環境でのサンプルコードが多めですが、実装方法はどの環境でも変わらないと思います。ライブラリも同種のものが存在しているはずです。 最近だと、僕の大好きなアプリで味わった体験を、どうすれば Web で再現できるかなーって考えていました。そうしたネイティブアプリをWebで模倣したときに、知ったTipsやテクニックをまとめていきます。 この記事に書いてあること アプリっぽい体験はどのようなものがあるか CSS / JS / jQuery / React / GLSL を利用したネイテ

はじめまして, 都内でCTO(Chotto Technology Ojisan)やCFO(Chotto Frontend Ojisan)をしている @sadnessOjisan です. この投稿はクソアプリカレンダー2の13日目の投稿です. 先人たちはすごいクソの山 1 を作っていたので, ぼくも負けじとクソを作ろうと思い, 気合を入れました. そこで玉もバーもmarqueeタグで実装されたブロック崩し Marquee Breakout を開発しました. （残念ながらPCのみでの対応です. 小さい画面だとプレイできないようになっています. ） ソースコードは記事の末尾にあります. 初めての投稿なのですが, よろしくお願いいたします. ゲームはこちら: https://inspiring-galileo-db9414.netlify.com/ はじめに みなさん, marqueeタグってご存