The Legends of Runeterra CI/CD Pipeline Hi, I’m Guy Kisel, and I’m a software engineer on Legends of Runeterra’s Production Engineering: Shared Tools, Automation, and Build team (PE:STAB for short). My team is responsible for solving cross-team shared client technology issues and increasing development efficiency. We focus on the areas that empower other teams to do more and protect the team from

POPなポイントを3行で 藤本タツキが『ルックバック』で描いたもの 精神疾患を巡る批判と修正は妥当だったか？ 「銃の悪魔」にも共通する現実的スティグマ ああ、わたしが昔の月日に戻れたらよいのだが、 神がわたしを守ってくださったあの日々に。 そのときには、彼の灯火がわが頭上に輝き、 彼の光によってわたしは暗闇を歩んだ。 『ヨブ記』第二九章 『ファイアパンチ』『チェンソーマン』で知られる漫画家・藤本タツキ氏が、集英社『少年ジャンプ＋』で公開した読み切り『ルックバック』。 公開直後から大きな反響を呼んだ143ページに及ぶ傑作は、しかし、一部の反応を受けて本編の内容に修正が加えられた。 藤本タツキ著『ルックバック』については、発表後、8月2日に内容を一部修正いたしましたが、9月3日発売のコミックスにおいて、著者の意向を受けて協議のうえ、セリフ表現を変更している部分がございます。 ご理解いただきます

概要 Dockerの本番環境で秘密情報を使う際に、環境変数を使うことは推奨されてません。 秘密情報を扱うには、コンテナオーケストレーションのsecret supportを使うことが推奨されてます。 Docker Composeには秘密情報を扱うために、secretsがあります。(Docker ComposeのsecretsはDocker Swarmと併用することが前提の機能です) 環境変数で秘密情報を扱う時の問題点 秘密情報を扱う時に、よくある方法として、環境変数を使う方法があります。 (この記事において、秘密情報とはパスワード、APIキーを想定します。) しかし、Dockerのドキュメントhttps://docs.docker.com/get-started/07_multi_container/ には While using env vars to set connection set

はじめに この記事ではこんな表現の実装方法を解説します。 ▼ GIF ▼ CodePen （0.5x を押すと見やすいです） ▼ 2021/7/26 追記 CodePen（ 慣性スクロールありバージョン） 海外のデザインアワードを受賞するようなリッチなサイトで良く見る演出（個人的主観）です。WebGLの汎用的な表現な気がしますが、その実装方法を解説する記事は（少なくとも日本語では）ほとんど見つけられなかったので、自分の勉強も兼ねて書くことにしました。ちなみに技術記事を書くのは初めてに近いので暖かい目と心で読んでいただけます幸いです。実装はThree.jsを用いています。 注意事項 想定する読者 Three.jsを触ってみたが、サイト制作に活かす術が分からない、同様の表現を良く見るけどどうやって実装しているか分からない、といった方を対象としています。従って本記事では、Three.jsの基本的

はじめにソースコードの管理にBacklogのGitリポジトリ、CI/CDにAWS CodePipelineを用いたかったのですが、CodePipelineの送信元にBacklogは指定出来ません。なの...

Vite（ヴィート＝フランス語で「速い」の意味）は2020年に発表された新しいフロントエンドのビルドツールです。 開発者がVue.jsの作者であるEvan You氏であるため、Vue.jsのツールであると誤解されることもありますが、プレーンなJavaScript（バニラJS）からVue.js・React・Svelteといった流行のフレームワークまで、さまざまな環境で利用できる汎用的なツールです。 位置付けとしてはwebpackのようなバンドラーと呼ばれるものに近い存在ですが、それだけではありません。この記事では、Viteを導入してプレーンなJavaScriptから、TypeScript+Vue.js・Reactといったフレームワークまで、快適な開発環境を手に入れる方法を紹介します。 この記事で紹介すること： Viteの特徴と基本の仕組み 基本の使い方 Vite + SCSS Vite +

freeeのブランドが新しくなりました。

You can use the following objects in this codeblock: party, mouseEvent, codeblock, runButton. Just include the library in your HTML file, or install it via npm, and you're ready to go! All of the setup is done internally, without you having to break a sweat.

これまで Macbook Pro を開発環境としていたんだけど、価格は高いし Docker for Mac は重いしでいいことないなということで Linux の開発環境に移ることにした。前職の最初の数年はすべて VM（当初は jail）にログインして開発していたのでその頃に戻った感じ。ただ GUI は macOS が何かと楽なので Intel NUC を購入して自宅に置いてリモートでログインして使っている。Core i7、メモリ 64GB で10万ちょいと安いのにめちゃくちゃ快適でさいこう。 ここからは備忘録としてリモートを開発環境とするうえで実施した作業を残す。あと作ったものもあるので宣伝。 外部からログインしたい自宅以外からも使うだろうということで（最近京都からリモートで働くこともあり）、VPN サービスとして Tailscale を導入した。 Best VPN Service for

Turn your own samples into wavetables by using Vital's pitch-splice or vocode wavetable converter. Create wavetables from scratch using the built-in wavetable editor and even generate wavetables from text! Vital is a visual synthesizer. See what's happening behind the scenes with animated controls, filter responses, waveforms, smooth LFOs, oscilloscopes, spectrograms and more. All animations run a

こんにちは、Spinners の元山 (@kudakurage) です。 最近はresize.fmという緩めのデザイン系ポッドキャストを @dex1t と始めて、オーディオ系のデバイスや仕組みについて勉強する毎日です。今のポッドキャストの収録環境についても近々書き残しておこうと思っています。 2021年1月に日本で話題になった音声SNS「Clubhouse」についてresize.fmでも取り上げて話したのですが、その中でも話しているスーパー楕円というものについて今回は詳しく書いていこうと思います。 INDEXピート・ハインのスーパー楕円スーパー楕円とデザイン建築や家具のデザインデジタルプロダクトのデザインスーパー楕円を利用した印鑑スーパー楕円の描き方数式を使った描き方（Adobe Illustrator）簡易的な描き方（Vector Draw Tool）ピート・ハインのスーパー楕円 Sou

はじめにこの度はカラーネガ自家現像入門を手に取っていただきありがとうございます。本書は自宅でカラーネガ現像をやってみたいけどなかなか手を付けにくいと思っている方が簡単にカラーネガ現像を始められるように筆者が経験したこと、手順、使用した薬品、道具諸々を載せています。少しでもみなさまのフィルムカメラライフの助力になれば幸いです。 (2020/5/8に販売開始しました5/27の時点で約30名の方に購入していただきました。本当にありがとうございます。なかにはすでに実践していただいた方もいて少しでも多くの方に現像の楽しさを知っていただきたいと思い今回note版を作成しました　現時点で筆者はモノクロ現像も含めてすでに50本のフィルムを自家現像しました。気軽にフィルムを楽しさを日々感じています。今気にしているのはフィルムの値段だけで現像代、現像を出しに行く手間から解放されました。是非この気軽さをみなさん