はてなブックマーク

「TypeScriptとは」などシングルワードの検索結果に強いTypeScript入門記事の多くに、誤解を招く内容があることを確認しています。 以下にあげる記事を参考にされた方は情報のアップデートをしていただきたいですし、記事を公開しているメディアにおきましては内容を見直していただけるとありがたいです。 TypeScriptならクラスが書ける 「JavaScriptにはクラスがない、TypeScriptにはクラスがある」「ゆえに読みやすい短いコードが書ける」といった記述が見られますがこれは誤解です。 Udemy メディア - TypeScriptとJavaScriptの違い「TypeScriptではクラスの作成ができる」 侍エンジニア - 「TypeScriptでは、JavaScriptでできなかった「クラス」の作成を実現しています。複雑で大規模な開発を行うとき、JavaScriptではコ

この記事の概要 Figmaは最近注目を集めているデザインツールです。 アップデートが早いのも特徴の1つなのですが、結果的に「以前は有用だったハックが今ではアンチパターン」になり得ます。 2022年5月11日に実施されたアップデートを踏まえ、それ以前に紹介されていたテクニックのうち、今はもう実施しない方が良いものをまとめました。 将来、ここで紹介したようなハックが検索でヒットして「なんだこれ？不要では？」と感じる人も出てくるでしょうから、経緯を知れるための記事になれば良いなと思っています。 一辺だけのborderを再現するのにDrop shadowを使う これまでFigmaでborderを指定する場合、四辺すべてに一律で適用されていました。 そのため、一辺だけにborderを指定したい場合はBlurやSpreadを0にしたDrop shadowをかけて再現しているケースがありました。 アップ

2022年6月1日より、改正特定商取引法（以下「改正特商法」）が施行されます。 それにあたり、Stripe CheckoutまたはPayment Linksを利用して商品・サービスの提供をしている方向けの、設定ガイドを用意しました。 注意 本ガイドは、消費者庁から公表されているガイドラインや説明会資料をもとに作成しています。 内容については細心の注意を払って作成いたしましたが、絶対を保証するものではありません。 お手数ではありますが、必ずご自身でガイドライン等の資料をご確認いただきますようにお願いいたします。 令和3年特定商取引法・預託法の改正について 通信販売の申込段階における表示についてのガイドライン 本ガイドラインの末尾には、改正特商法の規定に照らして望ましい書面・画面例や、望ましくない書面・画面例が掲載されており、実際のイメージを持っていただくに当たって参考となります。 https

はじめに CircleCIを使用してRailsのサンプルプロジェクトのCIをしてみました。 古い記事だとOrbを使っていなかったり、イメージが古かったりすることがありますが、本記事では現在CircleCI公式が出している情報に基づいて設定し、動作確認まで取れたものを記載します。 環境 Ruby:2.7.2 Rails:6.1 DB:PostgreSQL CircleCIのRailsデモプロジェクトの動作確認 CircleCI公式が用意してくれているデモ用のリポジトリがあるので、まずはそれをforkして動作確認してみます。 以下の通り、Rubyバージョンの修正は必要だったものの、それだけで正常に動作することを確認できました。 CircleCIによるCIが成功した画像 修正内容 自作のサンプルプロジェクトに適用する 公式ドキュメントとデモプロジェクトの設定を参考にして、自作のサンプルプロジェク

1. はじめに スキルアップには発信活動が良いと言われていますが、3年前の私(38歳)は、技術記事を書いた事も社外発表した事もありませんでした。 そんな私が発信活動を始めたことで人生が劇的に変わりました。 その前の十年以上より、発信活動を始めてからの3年間の方が圧倒的に成長できました。 発信活動をきっかけに、Developers Summit 2020 KANSAI でベストスピーカー賞1位、Software Designで連載執筆、Microsoft Build 2022で発表などの機会をいただきました。 その中で様々なエンジニアと楽しく交流したり、多くの人から感謝されたりなど、人生が楽しくなりました。 本稿では、楽しく成長するために、誰でも始められる具体的な方法を紹介します。 長いので要点を知りたい人は太字のみお読みください。 本稿の内容は Microsoft Build 2022 と

既出じゃないことを祈る． リハビリ更新です． TL;DR リモートのLinuxサーバーで作業終わったら，Windowsでアラームしたい． どうも Powershellの New-BurntToastNotification というものをつかえばいいらしい． WSLからPowershell叩けばいいよね． 必要なもの Windows(検証: Windows 11 21H2 220000.652) Powershell version 5（以上？）（検証: 5.1.22000.652） WSL(検証: Ubuntu 20.04.4 LTS/WSL2 Kernel 5.10.102.1) ssh, netcat, sh Linux鯖(検証: Ubuntu 18.04 LTS） sshd, netcat, sh New-BurntToastNotificationとやらについて TL;DR # P

※前にいた会社での実話を元にしています（細かい部分は変えています） ※「こうはなったらアカン」という反面教師として読んでくださいやで… 初出社ワイ ワイ「HTMLコーダーの無職やめ太郎です！」 ワイ「今日からよろしくお願いしますやで！」 社長「おう、よろしくな」 社長「ほな早速・・・PHPでバックエンドの開発を頼むわ、一人で」 ワイ「ファッ！？」 ワイ「でもワイ、バックエンドの経験ないですよ・・・？」 ワイ「ちょっとはPHPできますけど・・・」 社長「ﾁｮｯﾄﾃﾞｷﾙ？」 社長「ほな大丈夫やないか」 ワイ「いや、ちゃいます」 ワイ「初心者レベルってことですがな」 社長「ほな大丈夫とちゃうか」 ワイ「そうですわ」 ワイ「いわゆる完全に理解したレベルってことですわ」 社長「完全に！？」 社長「ほな大丈夫やないか」 ワイ「なんでそうなりますねん」 ワイ「とにかく、一人バックエンドは無理ですって・

不良品検出のAIサービス「Amazon Lookout for Vision」が先週25日(木)に東京リージョンでの提供開始が発表されましたが、27日(土)には早くも「AWSの基礎を学ぼう」コミュニティのハンズオンが開催され、実際に体験してみることができました。 AI、機械学習系のハンズオンということで待ち時間なんかもあるわけですが、そこにソラコムの @ma2shita さんの「Amazon Lookout for Vision 向いてるコト、使いどころと注意点」とかJAWS-UG名古屋の @nori2takanori さんの「画像ベース異常検知Amazon Lookout for Visionを使ってみよう」とかLTが入って、退屈する暇のない2時間でした。その中で出てきたスライドの一枚がこちら。 Lookout for Visionは不良品検知にしか使えないサービスじゃないぞ、と。アイデ

はじめに 最近、いろいろなプロジェクトを担うことになり、タスク管理や情報共有、状況報告など、手間のかかる仕事が増えてきました。こういう場合、WBSやガントチャートは便利なのですが、複数のメンバーと一緒に利用するとなるとそれなりに学習コストについても考える必要があります。 いろいろなツールを使ってみて感じたことは、やっぱり一番使い慣れているGoogle Spreadsheet（以後GSS）でガントチャートが実現できると非常に効果が高いことが分かりました。 そこで、GAS（Google Apps Script）を使ってGSS版のガントチャートを作ってみたので、ここで紹介したいと思います。 機能一覧 日本の祝日を動的に取得し利用できます。 ユーザー個別の休日を定義し利用できます。 ４階層までのタスク管理ができます。 各タスク毎に開始日、終了日、進捗率、メモを入力することができます。 ステータスや

はじめに Spotify便利ですよね。私はサービスを使うまではCD派だったんですが、Spotify使い始めてからというものの、すっかりサブスクすげええええってなってます。音楽の海を探検するのは楽しいです。もちろんCDでも聴いてますよ このSpotify、再生した曲の履歴が昔は50曲しか残らなくて、去年の春くらいに３か月分残るようにアプデがあったんですけど、それでも履歴の検索は出来ないので、気軽に見返したりができないわけです。 そこで、Spotify APIを用いて再生楽曲をデータベースに保存するプログラムを作りました。で、かれこれ1年経ったので、自分が聴いてきた楽曲を分析してみました。 再生楽曲をデータベースに保存するプログラム このプログラム、ただ再生した楽曲を保存するのではなく、ちゃんと最初から最後まで再生した曲しか保存しないようになってます。何でかというと、間違えて再生した曲とか、ラ

とある休日 娘「ねぇ、パパ！」 娘「switchやろ〜！」 ワイ「おお、ええで！娘ちゃん！」 ワイ「Switchやろう！」 ワイ「ほな、テレビをつけて・・・」 娘「テレビ？」 娘「何を言っているの、パパ？」 娘「TypeScriptのswitch文のことだよ？」 ワイ「ファッ！？」 switch文で何をしたいのか 娘「今ね、ショッピングサイトを構築してるところなの」 ワイ「ほうほう」 娘「それでね、手広く儲けようと思って」 ワイ「おお、ええやんか」 娘「個人ユーザーだけじゃなく、法人ユーザーも登録できるようにしようと思うの」 ワイ「なるほどな」 娘「言語はTypeScriptを使っているんだけど」 娘「ちょっと聞きたいことがあるの」 ワイ「おう、なんでも聞いてや」 あいさつ関数を作っている 娘「ショッピングサイトにログインしたときに・・・」 個人の場合 → 「無職 やめ太郎さん、こんにちは

Introduction タイトルの内容について、定期的に良く周りから聞かれるので、私個人の見解で書いてみました。 あくまで個人の意見(※)ですが、何か参考になれば幸いです。 ※筆者は元SIerでAWS Solution Architectをやっており、1年前にWeb系に転職して、SREエンジニアに鞄替えした人間でして、お世話になっている各種SREの勉強会や日々の業務から学んだ内容に基づいた見解となります。 混同されがちなのは、現状のムーブメントでは、技術スタックや業務内容の多くが被っているからだと思ってます。特にインフラエンジニアの中でも、クラウドエンジニアの分類の方たちと多くが類似しているからだと感じてます。 改めて、SRE(Site Reliability Engineering)とは、DevOpsの思想を実践する為のプラクティス集が土台にあり、その多くは運用をソフトウェアエンジニア

リモートワーク中ワイ ワイ「あー、いそがし、いそがし・・・と」 ワイ「よし、Slackでこう呟いておけば、仕事してる感が出るやろ」 娘「ねぇ、パパ」 娘「質問していい？」 ワイ「ええで、娘ちゃん」 娘「今、とある会社さんのコーポレートサイトを作ってるの」 ワイ「おお、そうなんか」 ワイ「娘ちゃんも、もう小学1年生やもんな」 ワイ「そんな事もできるようになったんやな」 娘「うん」 娘「それで、TypeScriptについて分からないことがあるの」 ワイ「なんや？パパが教えてあげるで」 娘「ありがとう、パパ！」 何について困っているのか 娘「実は、クライアントさんから」 娘「こんな要望が来ているの」 クライアント「以下のような関数を作ってほしいです」 引数として、どんな型の値でも受け取れる 引数がもし配列だったらpop()メソッドで末尾の要素を取り出し、戻り値として返す 引数が配列でなかったら、

概要 PyTorchの自然言語処理をしていると、EmbeddingBagというやつが出てくるので、これは何？という話。 超初歩的な話なので、詳しい方は見なくて大丈夫です。 時間がない人向け Embedding: Outputのshape=$(InputLength \times EmbeddingDim)$ $$ Output = x_{one-hot} \cdot W $$ EmbeddingBag: Outputのshape=$(EmbeddingDim)$ $$ Output = sum_i(x_{one-hot} \cdot W) $$ 解説 まずは何が行われているのかを簡単に解説します。 変数の定義

Help us understand the problem. What are the problem? 自己紹介 はじめまして。 2021年の末にソフトウェアエンジニアになった27歳のものです。 プログラミング歴は2022年5月頭時点で1年半、職業エンジニアになってからは半年足らずですので新米も新米です。 弊社エンジニアの技術力・設計スキル・論理的思考力の高さに劣等感も感じつつ、日々刺激を受ける毎日を送っています。 なぜ私が職業エンジニアを志したのか 後の話にも大きく関わってきますので、ここで説明しておきます。 一言で言えば、『LeanとDevOpsの科学』を読み、統計的に正しいとされるプラクティスを実践することでエンジニア組織のパフォーマンスを上げ、会社のビジネスをより成長させたいという夢を持ってしまったからです。 『LeanとDevOpsの科学』との出会い 私は、日頃から様々なジャ

皆さん！ Windowsのシェアが7割行ってることはご存じですよね！ その上で、 客「顧客管理システムを作れ」 など、とにかく 客「xを作れ」 と言われたら皆さん何を使うでしょうか。 WPF？ WindowsForm？ ASP.NET？ PythonDjango？ あるいは Rust？ ──本気か？ 【何故Windows環境下での仕事でRustは選択肢にならないのか】 A. GUIライブラリがeguiくらいしか無い。 Piston？2022年現在、メンテナンスが無いじゃねえか。顧客にどう説明するのだ。 「ほぼ放置されてるライブラリですけどPiston使います！」 無理。顧客は納得しない。 そしてegui。これなんですけど、癖がある。 癖とは？ １．60FPSモード ２．挙動 eguiは即時モードを採用しています。 わかりやすく言うと、一秒間に60回描写するということです。 重くないの？と思

はじめに 本記事では、Trivy によるコンテナイメージの脆弱性スキャンとSecurity Hub を統合したCI(Continuous Integration)環境を構築するTerraform のコードをサンプルとして共有しています。コンテナイメージのセキュリティ対策の一例として参考になればと思います。 また、補足として、CodeBuild のビルド内のTrivy に関する処理について、簡単に説明をしています。 Terraform で構築する全体構成図 構成の概要 アーキテクチャは上記のAWS Security Blog を元にしています。 Dockerfile を含むコードをCodeCommit にプッシュするとCodePipeline が実行され、CodeBuild でビルドしたコンテナイメージを、Trivy で脆弱性スキャンをしています。 その結果、深刻度が CRITICAL な脆

初めに TwitterのDB界隈で少し話題になっていた特集の記事について、個人的に気になった指摘事項の一覧です。 記事自体は限られた紙面数で簡潔に読みやすくまとまっており、特にAurora/RDSについては要注意なポイントについてもまとめられていてわかりやすいものでした。 しかしながら、私知識と経験の範囲内での判断で、説明不足や技術的に誤解を招く表現等が見られたのでまとめてみます。 ※執筆者は普段の業務も忙しい中で限られた時間、紙面数で対象読者に向けて記事をまとめるので必死でしたでしょうし、どんな人でもどうしても経験や知識の範囲は限られてしまうことから、誰もが満足できる完璧なアウトプットを出すことは不可能であり、決して執筆者を貶める意図のある記事ではありません ACID特性、CAP定理、BASEについて 様々な記事で指摘されている通り、CAP定理やBASE特性を持ち出すと誤解や混乱を招き、

Help us understand the problem. What are the problem?

１．色々な職場を渡り歩いて 15年ぐらいソフトウェア開発の業界にいます。 グローバル企業、大企業、中小企業までいろいろなサイズの現場で手伝いをしたことがあります。 ゆく先々で、"戦力外通告"をされる人をみてきました。 派遣やフリーランスなら契約解除です。 正社員で解雇される人はあまりみたことはないですが、自分から退職エージェントを雇って辞めた人は見たことあります。 僕が見た人は、企業サイドから辞めてほしい人なのになぜ、エージェント雇うんだろうと思うような感じでしたが。 ちなみに、記事のタイトルに「生まれる」と書いたのは、次の理由からです。 雇用関係は、雇い主と労働者の双方向であり、状況もまた一方的にできるものではなく、双方の問題で生じると思うので、「生まれる」という表現にしました。 ２．"戦力外通告"をされる人の特徴 いろいろなパターンがあると思いますが、私が実際に見てきた人の特徴を書いて

今日もたくさんの記事がQiitaに並んでいるが、読むべき記事はほんの一握りだ。 たとえばJAVAエンジニアならば、PHPの記事を読む必要があるだろうか？ 今日もたくさんの本が本屋に並んでいるが、本当に読むべき本はほんの一握りだ。 なんだろう、知識知識知識知識知識知識知識知識知識知識。 この世界は知識にあふれている。 知識とは世界の切り取り方である。断面の数だけ知識が増える。知識は増殖し、印刷され、世の中にばらまかれる。そうして選別に選別を重ねた書籍というスタイルの情報でさえ、99.9%は必要のない情報だ。 知識マニアならいざしらず、僕はたくさんの知識なんてほしくない。頭がクラクラする。難しいことはあまり言わないでほしい。より簡単な世界で生きていたい。 クリーンアーキテクチャ？ なにそれ。よく分からないものはとりあえず要らない。 ドメイク駆動開発？「適切名前付け」の数語で表現できないだろうか

前段 Unity as a Library （以下UaaL）は、UnityでビルドしたプロジェクトとObjectiveC/Swift/SwiftUIのプロジェクトを悪魔合体できるという変態的な素晴らしい仕組みだ。 基本的な仕組みは他のブログを参考にしていただけると良い。 https://jpdebug.com/p/2469679 https://www.tattichan.work/entry/2021/06/25/Unity_as_a_Libraryと_SwiftUI_で作るARアプリ_%28前編%29 ちなみに今回、当方で実践したのはUnity+SwiftUIであり、比較的参考文献が少ないが以下のブログが大変役に立った。 https://davidpeicho.github.io/blog/unity-integration-swiftui/ ↑のリポジトリ https://githu

オセロAIってなんか難しそう？そんなことはありません。むしろゲームAIを学ぶ様々なレベルの人にこれ以上ないくらい最適です。この記事ではオセロAIを作ると何が良いのかをひたすら語っていきます。そしてオセロAIをこれから作る人のために参考になりそうな記事をいっぱい貼り付けていきます。 私自身はもうかれこれ1年以上オセロAIにどっぷりハマっています。詳細は以前書いた記事で。 オセロAIをおすすめする3つの理由 1. 原始的なゲーム木探索を学べる オセロは「二人零和有限確定完全情報ゲーム」と呼ばれる種類のゲームです。この名称を説明すると、 二人: 二人で行われる、 零和: どちらかが得をすればもう片方が同じだけ損をする、 有限: 探索すべき範囲(ゲーム木)が有限で、 確定: 手番が一意に定まり、 完全情報: ランダム要素などの予期せぬ情報がない、 ゲーム: ゲームである という意味です。チェスとか

概要 CondidionalGANは条件付き敵対的生成ネットワークと呼ばれます 通常のGANでは生成されるデータはランダムとなっています。 手書き数字の例でいうと0が生成されるか1が生成されるかなどはランダムに決定され、数字を指定しての作成は難しいです。 そこで、潜在変数と本物画像、偽物画像のそれぞれに現在はなんのデータに関しての学習を行っているかを教えながら学習することで、生成したいデータを指定することができるようになります ラベリング 現在なんのデータに関しての学習を行っているかを教える方法は以下の通りです。 潜在変数 潜在変数にOne-Hotエンコーディングでラベリングしたベクトルを結合する 生成画像、本物画像 One-Hotベクトルを画像サイズに拡大したクラス数分のOne-Hot画像をチャンネル方向に結合する。 One-Hot画像は、すべての要素が1の画像が一枚で残りはすべての要素

はじめに 2021/10/1 のアップデートで組織内のメンバーアカウントの代替連絡先を API 経由で管理できるようになりました。更に 2022/2/9 のアップデートで AWS Organizations コンソールでこれらの操作が簡単にできるようになりました。 代替連絡先とは アカウント情報からオプションで設定できる請求、操作、セキュリティに関するやり取りのための連絡先を指します。組織内で複数アカウントを運用している場合、適切な部門が AWS の通知を受け取るようにしたいケースがあります。例えばセキュリティの連絡先を CSIRT や CCoE が管理する連絡先に設定しておくことで、不正利用 (Abuse Report) などの重要な通知を受け取り、応答できるようになります。 以前は各アカウントで代替連絡先を更新する必要がありましたが、前述のアップデートにより組織の管理アカウントまたは委

はじめに 社内にて営業や人事といった技術以外の部署の人間を巻き込んで、 リテラシー向上のためのIT講習会を行いました。 その際の事前質問で、フレームワークについて教えて欲しいと言われたので、その時の内容です。 眠らせておくのも勿体無かったのでQiitaにも載せておきたいと思います。 ※この記事には、私の独断と偏見が結構含まれています。 資料 30分という枠の中で、Zoomの画面共有で資料のスライドを進めながら質問や解説を入れていたので、 少し説明が足りない＆分かりづらいところもあるかもしれません。 フレームワークってなに？ そもそもフレームワークとは？ フレームワーク(framework)とは、日本語で「骨組み」「枠組み」と訳され、特定の規則・構造・アイディア・信念・思想の集合のことである。 参考文献： つまりフレームワークとは、土台となる「テンプレート」のことである。 ちなみにシステム開

この記事について Webエンジニアになって早１年半。railsのデバッグをする時にはエディターのデバッガーでスマートにできていたが、javascriptになるといつもconsole.log();ばかりを使って原始的なデバッグをしていた。。。 そんな脳筋な過去の自分に教えてやるための記事です。 console.log({変数名}); 「いきなりconsole.log();の紹介かい！！！」って思われるかもしれませんが、この技を知ったときは「なんで知らんかったんや。。。」って思うくらい便利だったので最初に紹介します。 以下のようなHTMLがある場合