Tech – walker – 2022-06

406 items · updated 2026-05-19 23:32 UTC · RSS · Up to archive

Qiita Engineer Festa 2022 ロゴ作成 秘話

Qiita(trend) · 2022-06-30

こんにちは。Qiitaのデザイナーの出口です。 最近、Qiitaのトレンドを観察していると、 特定のユーザーやOrganizationが QiitaEngineerFesta2022のタグをつけて、 トレンドに載っていませんか? 実...

[Flutter] Riverpod 入門

Zenn · 2022-06-30

RiverpodはFlutterの状態管理パッケージです。Riverpodが登場する以前は、providerパッケージがメジャーなパッケージとして多くのプロジェクトで使用されてきました。 providerパッケージは非常に強力なパッケージである一方、同じ型のProviderを同時

2022年前半読んだ本のおすすめをまとめるので皆読んでほしい

Qiita(trend) · 2022-06-30

伝えたいことはタイトルに書きました。2022年6末までに読んだ本をまとめるので、刺さるものがあったら読んでほしい、良かったら感想をシェアし合おう!という趣旨です。 2022年6末までに読んだ本 「アジャイルサムライ」 「ライト、つい...

GitHub Actions で mingw でビルドした実行ファイルが動かなかい

Zenn · 2022-06-30

事象 GitHub Actions の windows-latest が windows-2022 になってから Mingw の g++ でビルドしたものが動かなくなってしまいました。 下記のようなワークフローを実行すると windows-2022 の cmd と pwsh

【ARDK】Semantic Segmentationで巨大なオブジェクトにオクルージョン処理を行う際の注意点

Qiita(trend) · 2022-06-30

はじめに 本記事では実装手法については言及しません。 "Semantic Segmentationで巨大なオブジェクトにオクルージョン処理を行う方法" については下記記事が詳しいです。 【参考リンク】:Niantic Lightsh...

初めてでもわかるGitHub Sponsorsでのオープンソースの支援方法

Zenn · 2022-06-30

この記事は、オープンソースのメンテナーを支援する方法として利用できるGitHub Sponsorsの特徴や使い方について紹介します。 この記事の目的 この記事はMaintainer Monthの一環として書いています。 Maintainer MonthはGitHub社が主催し

【TypeScript】Genericsの基礎

Zenn · 2022-06-30

はじめに TypeScript を学び始めた時の基本的なところの備忘録となります。 Generics とは? 型の決定を遅延できるもの。 基本的には以下のように記述する。 type Foo<T> = { value: T; }; const foo: Fo

『ホワイトハッカーの教科書』のすゝめ

Qiita(trend) · 2022-06-30

はじめに📖 Qiita Engineer Festa 2022 「買ってよかった技術書を紹介しよう!」の参加記事となります。 概要👍 ipusironさんの『ホワイトハッカーの教科書』は良いぞ! ホワイトハッカーって響き、なん...

Visual StudioのImmediate ViewでUnreal Engineをデバッグする

Qiita(trend) · 2022-06-30

1. 概要  本記事ではVisual Studio の Immediate Window を利用してUnreal Engineに生かすためのヒントを記載しています。この内容は公式ドキュメント、Visual Studio のヒントとコ...

脆弱性診断、ペネトレ、SOC...だけじゃない!セキュリティエンジニアになって3ヶ月の振り返り

Qiita(trend) · 2022-06-30

自己紹介 こんにちは。ちょこぱい(@choco_py3)です。 都内のユーザ系SIerに勤務しているセキュリティエンジニアです。 経歴 情報系専門学校中退→フリーター→SES(ネットワークエンジニア)→受託(プログラマ)→SES(...

RustのWasmで仮想DOMなYewの紹介とyew-style-in-rsの使い方

Zenn · 2022-06-30

はじめに この記事ではRustのWasmで仮想DOMベースのWeb用ライブラリクレートであるYewの紹介と実際に使って見て、そしてYew用のスタイルライブラリであるyew-style-in-rsの導入までを行います。 記事執筆時のRustのバージョンは1.61.0で、yewの

【スプレッドシート × GAS × Slack】誕生日お祝いBotの実装編|Offers Tech Blog

Zenn · 2022-06-30

概要 こんにちは、Offers を運営している株式会社 overflow のバックエンドエンジニアの shun です。 今回は、スプレッドシート × GAS(Google Apps Script) × Slackを用いて、社内活性化に繋がる誕生日お祝い Bot を実装してみま

Productivity Weekly (2022-06-22号)

Zenn · 2022-06-30

こんにちは。サイボウズ株式会社 生産性向上チームの平木場です。 僕たち生産性向上チームは毎週水曜日に Productivity Weekly という「1 週間の間に発見された開発者の生産性向上に関するネタを共有する会」を社内で開催しています。 本記事はその時のネタをまとめたもので

【新規事業】実験を通して解決策が見えてきた話【開発秘話】

Qiita(trend) · 2022-06-30

はじめに 株式会社マイスター・ギルド新規事業部のヒツジーです。 弊社新規事業部では、新規サービスの立ち上げを目指して 日々、アイディアの検証やプロトタイプの作成などを行っています! 新規事業立ち上げ未経験の我々メンバーは、悪戦苦闘し...

ライブラリアップデート時のスタイルの変化をVisual Regression Testで検知しようとしたけどできなかった話

Zenn · 2022-06-30

はじめに 趣味で開発しているプロダクトのライブラリアップデートの自動化にRenovateを使っています。マイナー/パッチアップデートの場合はアプリケーションの動作確認をユニットテストに任せていましたが、メジャーアップデートの場合は動作確認を手動で行なっていました。 あるときg

Time.zone.now に書き換えれば良いってもんじゃねえぞ

Zenn · 2022-06-30

誰が言い出したのか知らんが、 Time.now を Time.zone.now にしろ、という言説がまかり通っています。 rubocop-rails にも怒られる。 https://docs.rubocop.org/rubocop-rails/cops_rails.html#ra

【Kotlin超入門】KotlinとJavaの違い

Qiita(trend) · 2022-06-30

はじめに こんにちは!新人エンジニアのふかこうです! 今回初投稿ということで、私が現在勉強中のKotlinについて記事を書いていこうと思います。 Kotlinに興味がある方、ぜひ一緒に勉強していきましょう! この記事の対象者 ・A...

【時系列分析】状態空間モデル超入門【脱ブラックボックス】

Zenn · 2022-06-30

本書の目的は時系列データに対してよく利用される分析手法である「状態空間モデル」についてその概要と実装方法をお伝えすることです。 状態空間モデルの構築においては明確な仮説に基づいてモデリングを行うため、解釈性・説明性においてピカイチな分析結果を得ることができるようになります。その

ゲーム感覚でプログラミング学べるサービス集

Qiita(trend) · 2022-06-30

はじめに 今回はゲーム感覚でプログラミングを学べるサービスを紹介します。 ゲームを通して学んだ知識をアウトプットできるサービス集を厳選したので、ぜひ学んだ知識を「使える技術」として自分のものにしていただければと思います この記事の...

不要になったOCIのクラウドアカウントを削除する

Qiita(trend) · 2022-06-29

はじめに 不要になったOCIのクラウドアカウントを削除しようとしたら少しハマったのでメモとして残します。 公式な手順としては、OCIのドキュメント 「テナンシの削除およびクラウド・アカウントの終了」 に書かれています。 テナンシの削...

【図解付き】useReducerについて理解する

Qiita(trend) · 2022-06-29

はじめに こんにちは。masakichiです。 今回は、useReducerについて簡単にまとめてみました。 useReducerの概要理解 useReducerとはstateを用意・管理するためのHooksです。 useStat...

【Laravel】肥大化した DatabaseSeeder を分解する

Qiita(trend) · 2022-06-29

はじめに 先日、Laravel でポリモフィック関連の Factory を作成してみた という記事を書きました。 その際に、DatabaseSeeder.php に全てのテーブルの Seed データを記載しました。 ただ、これだと ...

引き算から始める事故らないswiperテンプレ

Zenn · 2022-06-29

コーポレートやECやLPでよくみるスライダーを想定しています 診断コンテンツ等にスライダーを使用する際に登場するslideTo()とかは出てきません;; 癖のあるスライダー(主観)だからこそ引き算から開始 ソースは下に記述しましたが、こんなに書かんやろってくらい書いてます。こ

技育博に参加してみて

Qiita(trend) · 2022-06-29

はじめに   今回は技術の共有というよりは情報の共有・僕の備忘録に近しいところがありますので参考になる方はあまりいらっしゃらないかも知れません。ですが、終了してから3日経ってもこんなに気分が高揚して、楽しかったなと思うのは久しぶりだ...

GSAP基本的な書き方集

Zenn · 2022-06-29

✖︎ こう書けばGSAPでリッチアニメーションが書けます!集 ○ GSAPを動かす上で基本の部分となる記述集(これを読んで突然アニメーションがバリバリ書けるようにはならない) 偏差値でいえば45くらいの記事ですが、基本の部分なので割と大事かもしれません /* アニメーション対象要

【備忘録】Pythonで自然言語処理の学習を始めるにあたって参考にしたサイト

Qiita(trend) · 2022-06-29

こちらは個人的にGPT3とGPT2の自然言語処理について調べた際に参考にしたサイトを備忘録としてまとめたページです。 GPT2&GPT3自然言語処理の可能性や実行した際の印象 自然言語処理のスキルが今後必ず必要になると思い立ちました...

【脱jQuery】jQuery <=> vanillaJS 書き換え集

Zenn · 2022-06-29

jQuery &lt;=&gt; JavaScript全書き換え一覧ではありません jQueryで書いていたコードをvanilla(素のJavaScript)に書き換えたいけど書き方がわからなくて調べ方もピンとこない状態の自分がこれを見ることができたらきっと嬉しいと思ったので

テイカーはテイカーの顔をしていない(だからこそ要注意)

Qiita(trend) · 2022-06-29

前回、「不義理な仕事は絶対にやめよう」で大きな反響をいただきました。 その中でもテイカーのお話のリアクションが多かったので、テイカーの注意点を紹介したいと思います。 ※主にテイカーと仕事する人を対象とした記事です。 テイカー・ギバー...

android12 DynamicLinksのやばいバグの件について。

Zenn · 2022-06-29

https://zenn.dev/apple_nktn/articles/042f870bd48ab6 以前こちらを記憶の限りで書いたのですが、 挙動的に記事の内容とはちょっと違っていたので正確に書き直したいと思います。 恐らく端末固有バグで且つアプリによって 発生するアプリが

YouTubeで納品する動画版Skebみたいなサービスをリリースして半年だけどユーザーがいない話

Qiita(trend) · 2022-06-29

一人でWebサービスを作って、リリースして8ヶ月経ったけどユーザーがいないサービスがどうしてこうなったか。それをどう思っているのか。って話です。 つくるまで 1年前くらいにVTuberにハマって動画を見ているうちに、 VTuberに...

【Juliaで因果推論】Difference-in-Differences: DID (差分の差分法)

Zenn · 2022-06-29

2 \times 2のパネルデータ:「処置群と対照群」「処置後と処置前」 「処置群の処置前後の差」と「対照群の処置前後の差」の差 差の差が因果効果であるためにはparalell trends assumptionが必要. DIDはtwo-way fixed effect re

Offersとマッシュアップして"複業"してみた!!

Zenn · 2022-06-29

みなさん、こんにちは!! 個人でコンサルティングやライフコーチングのお仕事をしているカズこと濱和之です。 この度、ご縁をいただきここにたどり着きました!! 今日はOffersさんで複業を経験したことから、その経緯や複業のメリット・注意点など"知っておくとなにかと便利"な情報をシェ

type-challenges初級を解いたのでNext.jsの初期ページを型安全にしてみる

Zenn · 2022-06-29

こんにちは!影山です。 アルダグラムが開発している KANNA アプリは、Next.js / TypeScript を導入して型安全に開発しています。 TypeScript の体験は素晴らしいですが、慣れていないと最初は開発スピードが落ちてしまうこともあります。 そのため、Web

IBM Cloudのアカウント開設方法

Qiita(trend) · 2022-06-29

はじめに IBM Cloudのアカウントの開設方法をご紹介します。 特に個人利用やPAYG(重量課金)のアカウントの開設方法を記載しています。 自分自身でもアカウント作成に多少苦労したので、経験を含めてお伝えしていきます。 IBM...

単純な Slack Bot を単純に書くためのライブラリをメンテした

Zenn · 2022-06-29

概要 Slack Bot を作るためのちゃんとした Go のライブラリは slack-go があると思うのですが、単に Slack からメッセージを受けて返すだけの用途でいいときなどに使える雑なライブラリを用意して使っていました。 https://github.com/ika

【Strategyパターン】すべての開発者が知っておくべき強力なツール

Qiita(trend) · 2022-06-29

はじめに Strategyパターンは、オブジェクト指向プログラマーが全員が知っておくべき、強力なツールです。 うまく活用すると、プログラムはより柔軟になり、新しい機能を追加するために既存のコードを変更する必要がなくなるので、より変化...

SvelteKitとffmpeg.wasmを使ったアプリの作り方

Zenn · 2022-06-28

SvelteKitとffmpeg.wasmを使って簡単なアプリを作る。作ったものはこちらで、動画から好きなシーンを選択して保存するシンプルなアプリ プロジェクト作成 こちらを参考にプロジェクトを作成する $ npm create svelte video-capture-we

Lambda (Python) でスクレイピングしようとしたら盛大にハマった

Zenn · 2022-06-28

Lambda でスクレイピングしようと、ネット上の 10 以上の記事を見たのですが、どれを試してもエラーが発生し、盛大にハマりました。 その解決策として、2 つの方法を見つけたので紹介します。 結論 docker-selenium-lambda を使用する Beauti

WAI-ARIA チートシート

Zenn · 2022-06-28

概要 Webアクセシビリティ初学者の自分が、頭の整理のためにまとめたものです。 追記もしていこうと思います。 項目 role ex) role=”navigation” 要素の役割を定義する。 諸々の事情でセマンティックなマークアップが出来ず、やむを得ずdivタグを使

Next.jsのISRを独自に実装する ~ レンダリングミドルウェアによるCSR/SPAサイトの高速化編 ~

Zenn · 2022-06-28

この記事は何? これは「Next.jsのISRを独自に実装する」という記事の続編になります。 https://zenn.dev/chimame/articles/7570c71d1e6c38 この記事では、上で紹介しきれなかった、CSRなページ・SPAなコンテンツをスタティッ

【裏技】別ファイルに切り出した Job 間で Docker イメージを共有し,高速に GitHub Actions をぶん回す

Qiita(trend) · 2022-06-28

この記事は @yu-ichiro くんの記事と合わせて二本立てとなっています。こちらもどうぞご覧ください! GitHub Actions上でdocker composeを使ってCIを回すためにうまいことキャッシュする方法 ...

高速で設定しやすいZsh/BashプラグインマネージャーSheldonの紹介

Zenn · 2022-06-28

ZshのプラグインマネージャーというとAntigenやzplug、Zinit(旧zplugin)などが挙げられます。 私はこれまでZinitを使ってきましたが、作者がGitHubのOrganizationを削除してしまうという事件が起きました。有志がローカルのクローンから復旧させ

情報セキュリティマネジメント試験合格までにしたこと

Qiita(trend) · 2022-06-28

はじめに 先日、情報セキュリティマネジメント試験を受験しました。 正式な合格発表はまだですが、スコアレポートでは合格点を超えていたので勉強時間を公開します。 この記事の対象者 ・IT企業に就職する学生 ・未経験でIT業界への転職を...

2分で分かるSRE障害対応

Qiita(trend) · 2022-06-28

動画 SRE障害対応 主に赤箇所の障害対応関連の記事になります。 開発部門と運用部門で目的や価値観が異なります。 SLO、エラーバジェットという指標を両方のチームで共有します。 エラーバジェットに余裕がある...

[モバイル対応]フロントエンドの要件のブラウザ依存を考慮するためのエンジニアの動き方

Zenn · 2022-06-27

初めまして、ソフトウェアエンジニアの ojin です。普段は、主にフロントエンド専任で開発することが多いですが、バックエンド歴も長いため色々と興味が湧いてしまうタイプです。 はい、それではこちらのブラウザ、端末依存についてを書いていこうと思います。ここで書いているのはただの方針に

Reactのchildrenの型で子コンポーネントを制御する(したかった)

Zenn · 2022-06-27

はじめに こんにちは猫です。 反響がけっこうあったので、用途を深掘ってみようと思います。が、先に訂正があります。 ReactElement&lt;Props&gt;で特定のコンポーネントを指定できると思っていたのですが、色々試したところコンポーネントの指定までは難しいようで

Deno の拡張を作ってリリースしてみた。

Zenn · 2022-06-27

はじめに 最近 Deno 遊びが楽しくなってしまった mattn ですこんばんわ。TypeScript は好きだけど node_modules に嫌気がさしてしまい、Deno に逃げてしまったのですが今は Deno が楽しくて仕方ないです。 Deno の良さ 僕が思う D

【Qiitaでも使える】テキストから図が生成できるMermaidについてのザックリ解説

Qiita(trend) · 2022-06-27

はじめに 以前から情報共有に使用しているesa.ioでPlantUMLを使用したUMLをちまちま書いていましたが、去年Zenn1やNotion2、今年に入ってからGithub3やQiita4など続々とMermaidに対応しはじめ、e...

dependency-cruiser-report-actionでPRの変更ファイルの依存関係を可視化してコメントする

Zenn · 2022-06-27

この記事は、筆者が制作したGitHub Actions向けCustom actionであるdependency-cruiser-report-actionを紹介する記事です。 JavaScript / TypeScriptのプログラムではexportによりモジュールとして分割し

31歳未経験からモダン・フロントエンドエンジニアになった軌跡を全て書いていく

Qiita(trend) · 2022-06-27

※Qiitaのおかげ(?)で転職できた話です。 【22歳】工場勤務ワイ ワイ「毎日毎日、接着剤で部品をくっつけるのしんどいな・・・」 ワイ「転職したいな・・・」 ワイ「プログラマーってカッコええな・・・」 ワイ「よっしゃ、C言語って...

DDDをざっくり理解してみる ~エンティティと値オブジェクト編~

Qiita(trend) · 2022-06-27

はじめに 設計方面の知見が虚無すぎたので、以下書籍を用いて社内でDDDの勉強会を開催することにしました。 この記事は勉強会の内容をまとめたものです。 スタンスとしては初めはざっくりと理解して、回を追う毎に正確に理解していくというもの...

Luup Developers Blog を開設します!

Zenn · 2022-06-27

はじめまして、株式会社Luup CTO の岡田(@7omich)です。 先日、ローンチより2周年を迎えた LUUP の技術的取り組み・ノウハウ等について継続的な発信を行っていくべく、Zenn を利用して Developers Blog を開設することにしました。 最初の記事として

Franzを使って60以上のサービスを1アプリにまとめる

Qiita(trend) · 2022-06-27

Franzとは? さまざまなサービスが常にあなたの注意を引くために、あなたは非常に多くのアプリやブラウザーを持つことになります。Franzは、複数のメッセージングアプリを1つのアプリケーションに統合することで、ワンステップのソリュー...

Oh My ZSH!便利ツールがあれば開発しやすい!

Qiita(trend) · 2022-06-27

Zshとは? その数ある中でも最強のshellと言われているのがこのzshというshellみたいです。 sh、bash、csh、tcshの機能をほぼ網羅しているとの事。 Oh My Zshとは? Oh My Zshは、Zsh構成を...

セバスチャンマクロを作って学ぶRustの手続きマクロ

Zenn · 2022-06-27

皆様、ごきげんよう。 わたくし、Rustaceanお嬢様の白山風露と申しますわ[1]。 本日はセバスチャン[2]マクロの作成を通して、皆様と一緒にRustの手続きマクロの作り方を学んでいこうと思いますの。 手続きマクロとは何ですの? 皆様の中にはそんな疑問を抱いている方もいら

React/React Native/TypeScriptの圧縮ライブラリ 簡易まとめ

Zenn · 2022-06-27

こんにちは、最近フロントエンドと仲良くなってきたむっそです。 もともとバックエンドばかりやっていたのですが、仕事の都合でフロントエンド(React/React Native/TypeScript)も触ることが多く、今回は 便利そうな画像/ファイル圧縮ライブラリを調べてみました。

フロントエンド学習の最高の教材集

Qiita(trend) · 2022-06-27

はじめに 今回はフロントエンド学習で重宝できる教材をまとめました。 軽く自己紹介として、自分は新卒でフロントエンジニアとして入社し2022年で2年目になります。 実際に実務を通す中で「この教材のおかげで実装がスムーズにできた」「この...

サーバレスなCIツール Tektonでスケーラブルなビルドを試す

Zenn · 2022-06-26

はじめに 以前、K8s上で動くサーバレスなCIツールとしてTekton Pipelineを紹介しました。あれから随分間が空いてしまいましたが、今回はGitやDockerとの連携など基本的なビルドを実際に行い、最後にスケーラビリティに関して確認したいと思います。 TL;DR

AWS Solutions Architect - Associate合格まで(2022.06)

Qiita(trend) · 2022-06-26

AWS学習事始め - 基礎資料読んだリスト~Cloud Practitioner合格まで(2022.02) - Qiita 以来2件目の合格である。 感想 勉强前の私 AWS界のITパスポート = Cloud practitio...

「愛知県民」なので自動運転に使用されるAI技術についてまとめてみた

Qiita(trend) · 2022-06-26

1.はじめに どうも、ARIの名古屋支社に勤務している愛知県民です♪ (/・ω・)/ 愛知県といえばトヨタ、トヨタといえば車、車といえば自動運転ということで、 ふと自動運転ではどのような技術が使われているのかが気になりました。 そこ...

Rust for Linuxを手元で試す

Zenn · 2022-06-26

RustをLinuxカーネルに組込みプロジェクト、Rust for Linuxが進行中です。 https://github.com/Rust-for-Linux このプロジェクトはLinuxカーネル全体をRustで置き換えるわけではなく、第二言語としてRustを採用してデバイスド

プロシージャル界隈で話題のMarkovJuniorについての解説

Zenn · 2022-06-26

https://github.com/mxgmn/MarkovJunior 先日、ConvChainやWaveFunctionCollpaseの開発で有名なMaxim Gumin氏の新作ライブラリがGitHubに公開された。それはMarkovJuniorというライブラリで、色を

よく使う技術・サービスの公式ロゴのURLをまとめてみた!

Qiita(trend) · 2022-06-26

みなさん初めまして! 株式会社ゆめみでサーバーサイドエンジニアとして働いている、りょーきです!! 最近、エンジニア向けのイベントの登壇資料を作成している中で、 「この技術の公式ロゴ、どこにあるねん!!!!」と何度も思ったので、 よく使...

【個人アプリ開発記】ビジュアル言語による作図ソフトを開発しました

Qiita(trend) · 2022-06-26

できたもの 端的(?)に表すと「ビジュアル言語によって作図ができ,かつディスプレイ上の図形の定義をユーザが確認できる動的幾何ソフトウェア」です. 動的幾何ソフトによる作図 アプリの説明に入る前に,前提知識をざっと書きます. w...

Dart(Flutter) / Swift(iOS) / Kotlin(Android) 色々比較

Zenn · 2022-06-26

dart/swift/kotlinでコードを書いてて、これswiftだったらどう書くのだっけという状態によくなるので、自分がよくそうなるところをメモする。 書いてたらDart(Flutter) / Swift(iOS) / Kotlin(Android) な比較にもなってしまって

6歳娘「パパ、SGしてみたらサイトが爆速になったよ!」

Qiita(trend) · 2022-06-26

とある休日 ワイ「あー、今日はヒマやな〜」 ワイ「ヒマやから、メールチェックでもしよか」 ワイ「パソコンでメールを受信して・・・っと」 ワイ「わ〜、また迷惑メールたくさん来とるわ〜」 娘「パパ、迷惑メールって何?」 ワイ「そのまんま...

ファイルの中身が変わってたらビルドする

Qiita(trend) · 2022-06-26

これは何? 先日のツイート の実装。 状況 タイムスタンプが信用できないファイルが絡むビルドをしたいことがある。 手元で生成できるファイルが、 git でも管理されている 自動更新されるデータ(スクレイピングの結果からの抽出物...

[Part3] TypeScript, PostgreSQL, Next.js, Prisma & GraphQLでApp作成

Zenn · 2022-06-26

! 本記事は、@thisismahmoud_氏による「Fullstack App With TypeScript, PostgreSQL, Next.js, Prisma &amp; GraphQL: Authentication」の日本語翻訳を、Prismaから許可を得て掲載し

マイクロフロントエンドフレームワークicestarkが最高すぎる件

Zenn · 2022-06-26

今お世話になっているスタートアップの会社さんで、フロントエンドのVue2アプリケーションをマイクロフロントエンド化しました。 今後、Vue.jsを取り巻く環境が急激に変わった場合を想定し、React.jsもしくはVue3にアップデートしていくために、マイクロフロントエンドアーキテ

【合格体験記】AWS Certified Solutions Architect – Associate (SAA-C02) 試験を英語で受けた

Qiita(trend) · 2022-06-26

TL;DR AWS Certified Solutions Architect – Associate (SAA-C02) を英語で受験し、合格した 実務でのAWS使用経験が約6ヶ月、受験勉強期間が約1ヶ月でも、正しく勉強すれば...

Node.jsを理解する (libuv)

Zenn · 2022-06-26

はじめに 最近Node.jsデザインパターンという本を購入して読み理解した内容について社内LTで発表したのでその内容を軽く纏めようと思い、この記事を書きます。 内容としては一章の内容をまとめ、さらに深ぼったといった感じです。 前提 少し不確定な部分があり、誤っている可能

いいプロダクトの考え方(忘備録)

Qiita(trend) · 2022-06-25

いいプロダクトを考えるためのチェックリスト ※注意 いいビジネスモデルのプロダクトを作るためではありません。 技術的にセンスのあるプロダクトを作るための覚書です。 個人で開発する時に忘れないようするために書いてます。 これとは別に面...

Figma Tokens で小さくはじめるデザインシステム

Zenn · 2022-06-25

📝 はじめに こんにちは犬です。 デザインシステムをはじめる上で、 Figma の神プラグインを見つけたので共有します! わたしが携わっているプロジェクトでは、エンジニアとデザイナーの双方向のコミュニケーションツールとして Figma Tokens を採用しています。

AWSのAppRunner使ってRedash用のBotを動かしてみる

Qiita(trend) · 2022-06-25

RedashをAWSで立てる こちらを参考にRedashのインスタンスを立ち上げてみました。Redashの公式サイト( https://redash.io/help/open-source/setup )によればインスタンスのサイ...

Neovim プラグインを(ほぼ)全て Lua に移行した

Zenn · 2022-06-25

2022年の Neovim のトレンドとして、 Lua 製のプラグインへの移行があります。だましだましやっていたのですが、やや仕事が落ち着いたので、2日ほど時間を取って全面的な移行をしました。 結果的に、600行近くあった設定ファイルを200行くらいまで減らすことができました。本

Next.jsのISRを独自に構築する ~ Cloudflare Workers編(Cache APIの注意点) ~

Zenn · 2022-06-25

Next.jsにはIncremental Static Regeneration(以降: ISR)というレンダリングの仕組みが存在します。ところがこれを利用するにはVercel上でNext.jsを使用しないと完璧な動作をしないことは知られています。ですが、このISRの仕組みは従来

コロナ期で自粛が増えた結果、体はpaddingが増え、周りの人とはmarginが増えた

Qiita(trend) · 2022-06-25

はじめに プログラミング学習をはじめて多くの人が最初につまずくであろう箇所が「marginとpaddingの違い」だと思います。 自分もプログラミング学習当初は、 「h1, h2タグ余裕や!!」 「imgタグを使えば画像が配置できる...

Laravel でポリモフィック関連の Factory を作成する方法

Qiita(trend) · 2022-06-25

はじめに 実務でポリモフィック関連を扱うことになり、 「ポリモフィック関連ってなんや?」 となったので、思考整理のためにこちらの記事を作成しました。 ポリモフィック関連がアンチパターンということは理解しています。 今後キャッチア...

SpannerのPros & Cons

Zenn · 2022-06-25

概要 Spannerをプロジェクトで使用して数年。 備忘録がてら、改めてPros &amp; Consを書く。 ! 2022年6月現在の情報で書いているのと、個人的な意見も入っているので、導入する際にはしっかり検証を行なって欲しい。 Pros レプリ遅延や水平分割

Rectorの独自ルールを作成する方法(2022年版)

Zenn · 2022-06-25

モチベーション Rectorという自動リファクタリングツールについて紹介した素晴らしい記事があります。 https://zenn.dev/y_ahiru/articles/auto-refactor-with-rector しかし、記事が執筆されてから2年ほど経過し、独自ルー

useEffectを使ったデータ取得はベストプラクティスではないです、react-hooks-fetchをお試しあれ

Zenn · 2022-06-25

https://twitter.com/dai_shi/status/1539805615715160065 https://twitter.com/dan_abramov/status/1539034955094933504 useEffectの新しいドキュメントが書かれている

NFTを貸し出せるERC721Lを作ったよ

Zenn · 2022-06-25

どうもこのアカウントでは初めまして。Web3をちょっとやっているいなりといいます。 趣味で貸出できるNFTを作ったので、折角なので記事にしました。 https://github.com/inaridiy/ERC721L 概要 NFTの作成に一般的に用いられるERC721の拡張

GetXでFirebase Auth使ってみた!

Zenn · 2022-06-25

職場の人がGetX推してるので勉強してみた! 今回こちらのYouTube動画を参考に作ってみました! https://www.youtube.com/watch?v=rVjdYq-lw0s&amp;t=1s 開発環境 mac os monterey VsCode F

VSCode上のVim操作を快適にする拡張 VSpaceCode の紹介

Zenn · 2022-06-25

VSpaceCodeは,Spacemacsのようなkey bindingをVSCode上で実現するための拡張です.本記事では,VSpaceCodeについて簡単に紹介します. https://marketplace.visualstudio.com/items?itemName=V

今週の PHP 2022/06/18 〜 2022/06/24

Zenn · 2022-06-24

PHP のメーリングリストから、気になった情報をピックアップします。 Internal Feature Freeze まで 30日 7/5 までに Vote オープンしないと間に合わないよというリマインダー PHP: rfc:random_extension_impr

新ルールのドミノピザL1枚でM2枚無料は本当にお得なのか?

Zenn · 2022-06-24

前提として... エンジニアはピザを食べるものである。古事記にもそう書いてある。 ドミノピザプレーン封印時のコスパ比較 2022年6月23日に日本全国のピザデブが歓喜したドミノピザLサイズ1枚でMサイズ2枚無料キャンペーン、早々にコスパ厨どもがプレーンピザ(Lサイズ最安2

Flutter超入門編を終えての簡単なUI作成

Zenn · 2022-06-24

はじめに Flutter大学 Flutter超入門編を学び終えたので、学んだことを活かし簡単なUIを作りましたの記事にしました。 コードが汚かったり、書き方が間違っている箇所もあると思いますが優しい目で見ていただけると助かります🙇‍♂️ 今回作るもの Flutter大学

Material Icon なフォルダを作成するコマンドを作った

Zenn · 2022-06-24

デスクトップに配置されたimagesフォルダのアイコンデザインを変更したかったので、Material Icon Theme が効いたフォルダを作成できるコマンドを作りました。 ファイルは用途が少なそうなので、フォルダだけを実装します。 https://github.com/ogt

実務でNext.js✖︎SSGを使って新規Webサイトをリリースした話

Qiita(trend) · 2022-06-24

はじめに 普段はハンズオン系の記事を書いているのですが、気分転換にポエム系の内容を書こうと思います。暇つぶし程度に気軽にお読みください。 私は昨年、実務未経験でエンジニアを志し、プログラミングスクール等には一切通わず独学でエンジニア...

一番はじめのボール転がしゲーム

Qiita(trend) · 2022-06-24

はじめに 今回は私がUnityで一番初めに作ってみた ボール転がしゲームを手順とともに紹介してみたいと思います! プロジェクトの作成 まずUnity HubよりBallProjectというプロジェクト名で、3Dコアを選択してプロジ...

2分で分かるAWS CDK入門~AWS CDKとは?~

Qiita(trend) · 2022-06-24

動画 5分で分かるAWS CDK入門動画を作成しました。 この記事は動画の内容をさらにさらっと2分程度で読める内容となっております。 Infrastructure as Codeとは? 繰り返し設定する項目を手動で実施すると...

メッセージをお嬢様風にしてcommitしてくれるCLIツールを作った

Qiita(trend) · 2022-06-23

ojosama-commit 始めまして。しぐまと申します。 こんなツイートを見かけました。 何か作ってみたくなりました。 ということで 今回は、Rustという言語の勉強がてら、指定した文字列をお嬢様風にしてcommitしてくれる...

Cloud RunとLitestreamで激安GraphQL/RDBサーバーを動かす

Zenn · 2022-06-23

安いRDBといえばPlanetScaleのHobbyプランだったり、D1だったり、古き良きVPSでセルフマネージなんて選択肢もあるが、GCPで完結すると嬉しいだとかホストマシンの面倒を見たく無いだとか、そういう場合もあると思う。 なお今回の構成で本当に激安になるかどうか無料枠で収

パラメータ数が多くても過学習しない!?~二重降下法~

Qiita(trend) · 2022-06-23

はじめに 従来の考えでは、パラメータ数を多くすると過学習につながると言われていました。 しかし、近年パラメータ数を多くしても過学習しない現象(二重降下法)が発見されました。 今回は二重降下法に関連する論文である、 "High-dim...

【CSS】上下左右中央揃えの方法って2OØ種類あんねん

Qiita(trend) · 2022-06-23

※ これはネタ記事です。 実話を基にしたフィクションです。 CSSが得意なア●ミカ ア●ミカ 「キツいことを言ってるように見えんねやろうけども、物事を悪く言うの苦手やねん」   大● 「あー... なんか悪口言ってるイメージはないな...

【社会人大学院】AIITはいいぞ【在学生】

Zenn · 2022-06-23

ざっくり何がいいの? 実践的ですが、深掘りするトピックも 家庭持ちに嬉しい遠隔、録画授業 受けていない授業も視聴可能 図書館!! 記事のスコープ この記事のスコープは私が授業内容や授業形態をどう感じたかや、それに関連する公開情報であり、その他入試情報な

Flutterを学習してから個人開発アプリをリリースするまでの道のり

Zenn · 2022-06-23

はじめに 先日、初めて個人開発アプリをリリースしました。 この記事では、Flutterの学習開始からアプリリリースまでの道のりをまとめていきます。 Flutterに興味を持ちアプリを開発したいと思っている方の参考になればと思いこの記事を書きました。 Flutterの学習に

Elixir でデータ分析 Explorer を使ってみた

Qiita(trend) · 2022-06-23

はじめに 最近の Elixir の発展は目覚ましいですね Elixir で高速データ探索をするためのパッケージとして、 Explorer (冒険家) がリリースされたようです 早速使ってみました 実行したコードはこちら Liv...

【新規事業】課題を見つけるのに苦労した話【開発秘話】

Qiita(trend) · 2022-06-23

はじめに 株式会社マイスター・ギルド新規事業部のヒツジーです。 弊社新規事業部では、新規サービスの立ち上げを目指して 日々、アイディアの検証やプロトタイプの作成などを行っています! 新規事業立ち上げ未経験の我々メンバーは、悪戦苦闘...

Goのgenericsの型制約を一覧で表示できるコマンドを実装しました

Zenn · 2022-06-23

はじめに パーソナライズGopher道場でGoの静的解析を学んでおり、何か便利な静的解析ツールを実装したいなと思いgenericsの型制約を一覧で表示できるtslistを実装しました! この記事はそれを実装していった手順を通して、型セットの仕組みを深堀りしています。 静的解析

Nuxt 3のServer Routesでmswを使おうとしてハマった話

Zenn · 2022-06-23

はじめに 弊社では、現在、社内プロダクトの開発でNuxt 3を実験的に採用しています。 既存プロダクトの中にNuxt 2を使用して開発しているものがあり、将来的なアップデートに向けて、まずは比較的リスクの低い社内プロダクトから実験していきたいなどの意図があります。 そんな中、

Vimのgfについて~パス移動の救世主~

Zenn · 2022-06-23

Software Design7月号でVimが特集されました。その中でgfという機能が紹介されていました。 筆者は3年ほどVimを触っていますが知らなかったので調べてみました。 gfとは? まずはVimのヘルプにはどう書いてあるかを確認してみます。 gf E446 E447

【Nuxt3】サーバサイドで取得したUserAgentをグローバル化させる|Offers Tech Blog

Zenn · 2022-06-23

概要 こんにちは、Offers を運営している株式会社 overflow の Software Engineer(主戦場はフロントエンド)の Kazuya です。今回は、サーバーサイドで取得した UserAgent をグローバル化させてサイト内で扱う方法を紹介します。

【駆け出しの方へ】簡易的な AWS の EC2 設定ができているか比較して確かめる用の CFn 【IaC】

Qiita(trend) · 2022-06-23

目的 元々は社内のメンティーの方に向けて作ろうと考えていましたが、公開してもいいかなと思い投稿します。 AWS をまだあまりちゃんと触ったことがない方用に、EC2 や VPC を設定して、うまく疎通して設定できているかを比較するため...

CloneXのスマコンを読んでみる(1)

Zenn · 2022-06-22

さてはじまりました。スマコン読んでみるシリーズ行きましょう! CloneXのソースコードはどこに? NFT系のソースコードは以下の手順で辿ることができることが多いです。OpenSeaでNFTの個別ページに行き、左のリストでDetailsのブロックを見つけましょう。その一番上に

C言語へのFFIを含むRustコードをWASMにする(CMakeを添えて)

Zenn · 2022-06-22

動機 PlantUMLをwasm化するためにGraphvizへの依存をどうしたものか考えていました。すべてRustで書き直せればそれがいちばん手堅いのですが、Graphvizのソースコードは中々に大きく、それをRustで書き直すのは現実的ではありません。そこで考えたのが、Ru

Azure DevOps で UE5 プロジェクトを自動ビルド化してみる

Qiita(trend) · 2022-06-22

はじめに Azure DevOps を使用して Unreal Engine 5 (以下UE5) のプロジェクトのビルドを自動化してみようと思います。 内容は大きく分けると以下のようになります。 Azure DevOps とは? 自...

2022年上半期に読んだ技術書

Zenn · 2022-06-22

2022年上半期はとある都合もあってかなりの数の技術書を読んだので、その中でも良かったものとかの感想をまとめておきます。 2022年上半期で一番良かった技術書 A Philosophy of Software Design https://www.amazon.co.jp

Nrealでの録画機能について

Qiita(trend) · 2022-06-22

動作環境 macOS version 12.3.1 Monterey Intel Core i9 Unity 2020.3.8f1 NRSDKForUnityAndroid_1.8.0.unitypackage NrealLigh...

リーダブルコードをの要点整理と現場での活用法をまとめてみた

Qiita(trend) · 2022-06-22

はじめに 2022年で新卒エンジニア2年目になりコードレビューの機会が増えてきたので、1年振りに「リーダブルコード」を読み直しました。 リーダブルコードを読んでいく中で要点を整理し、実務の現場でコードを書いたりレビューをする際にどの...

【初心者向け】git rebaseの基本

Zenn · 2022-06-22

背景 エンジニアとしてGitを利用して仕事をしているとよく「リベースしてください」と言われることが多いです。 リベースして、コンフリクトしていると言われ、調べたままコマンドを打っていくとどんどんよくわからなくなっていき、大惨事を招くといったことがあったので、かつての自分に向け

「GENDA Creators Blog」開設しました

Zenn · 2022-06-22

2022年5月より、株式会社GENDAでEMとして従事し、テックブログを立ち上げました。私は、前職の株式会社ZOZOテクノロジーズ(現株式会社ZOZO)のテックブログの運用を担当し、記事の技術的バリューのクオリティ担保だけでなく、日本語の編集・校正も担当し、年間100本以上の記事

Terraform Cloud に新機能 Drift Detection がやってきた!Drift を継続的に監視&通知してくれる

Zenn · 2022-06-21

はじめに 現在開催中の HashiCorp の年次カンファレンス、HashiConf Europe で、Terraform Cloud の新機能 Drift Detection が発表されました。 https://twitter.com/HashiCorp/status/15

【Zoom】SDKを使って会議の参加時・退出時にポップアップを表示してみた

Qiita(trend) · 2022-06-21

1.はじめに どうも、ARIの名古屋支社に勤務している愛知県民です♪ (/・ω・)/ Qiitaで面白そうなイベントがやっていたので、参加ボタンをポチりました。 SDKやAPIを使ってZoomをカスタマイズできるみたいです。 何か...

React v17の破壊的変更について改めて確認

Zenn · 2022-06-21

v17.0.0のリリースはもう2年近く前のことだし、v18もリリースされてv17はもう最新メジャーバージョンでもないので今更感が強いけども、改めてv17での破壊的変更を確認する。 以下のReact公式の記事で破壊的変更について確認しつつ、必要に応じてStackBlitzで挙動をv

汎用的なIAMポリシーをCloudFormationで書いてみた

Zenn · 2022-06-21

はじめに AWSについて学習中の身である私ですが、個人学習であることも関係ありますが、本来は最小権限で利用すべきなんどろうな、、、と感じながらも権限周りについてあまり気にせずに各種サービスを利用してきました。そこで 、権限に分かった上で「学習用にFullAccessを利用して

NatCorderを使ってハマった罠が深いようで浅かった

Qiita(trend) · 2022-06-21

概要 つい最近NatCorderというアセットが無料化!?というニュースが一部界隈を騒がせました (ただし最新版はサブスクリプション契約でしか使えないよ!) NatCorderは画面収録のアセットでネイティブな実装がゴリゴリでパフォ...

React 18 にアップグレードする

Qiita(trend) · 2022-06-21

React 18 にアップグレードする 仕事で、React 16 or 17 -&gt; React 18 にアップグレードするお祭りがあったので、備忘録です。 公式で、"How to Upgrade to React 18" とい...

GOFデザインパターンをPythonで理解する ~ Creational Design Patterns編 ~

Qiita(trend) · 2022-06-21

GOFとは? GOFとはGang of Fourの略でオブジェクト指向プログラミングにおける再利用性の高いコーディングのパターン、デザインパターンをまとめた4人のプログラマー(Erich Gamma, Richard Helm, R...

lint-staged + husky でコミットするファイルだけ cspell を走らせる

Zenn · 2022-06-21

🌼 はじめに サイドプロジェクトの諸々セットアップ中、 cspellを投入してタイポを検査することにしました(タイポ魔王なので) https://cspell.org/ scpellの基本的な使い方はcspell "**"やcspell "src/**/*.js"などコマンド

C言語のbool型とその名前について 〜もう_Boolは嫌だ〜

Zenn · 2022-06-21

先史時代 昔のC言語には標準的なbool型はありませんでした。比較演算子は int を返しますし、 isspace みたいな述語関数も int を返します。 環境(プラットフォーム・ライブラリ)によっては独自のbool型を定義していることがありました。Windowsでの BO

Github ActionsとIssuesでブログを書く

Zenn · 2022-06-21

Github Issuesをブログとして使うアイデアは太古の昔からある。ここで言っているのはIssueを使ってブログ記事を書き、タグをつけ、フィルタや検索して管理しながら、そこからHTMLを生成するようなやつのことだ。ちょっと検索しただけでもいくつかの実装を見かける。 mat

数理最適化に基づく合理的な恋人選択【理論経済学】

Zenn · 2022-06-21

本記事の目的 数理最適化の枠組みを用いて「告白してきた相手を受け入れるか拒否するか」の合理的な意思決定について分析します。完全にネタ記事なので、エンタメだと思ってお楽しみいただければと思います。ちなみにここで取り扱う理論モデルは経済学で応用されているサーチ理論の枠組みをそのま

PDFを読むときにDeepL使うためにJuliaで改行消すGUIツール作った

Zenn · 2022-06-21

はじめに DeepLの翻訳は文中に改行があると結果が変わる。PDFを読む際に改行消しながらDeepLに投げるのが面倒だった。 あとInteract.jlとBlink.jlを使えるようになりたかったのでその勉強も兼ねて。 コード using Interact using B

[小ネタ] nginxで、スラッシュ(%2F)が入る可能性があるpathパラメーターの扱い

Qiita(trend) · 2022-06-21

この記事について 対応が解ればシンプルな問題だったんですが、何気にネット上にはそのままの情報が存在せず、自分と同じ事に悩んでる人の問題解決時間短縮になればよいかなと思って投稿します。 問題発生する条件 nginxをリバースプロキ...

Vue 2系で<script setup>が使いたくて2.7 betaを試す

Zenn · 2022-06-20

モチベーション Vue 2は@vue/composition-apiを使ってComposition APIが今までも使えてきた。 だが&lt;script setup&gt;は使えなかった。&lt;script setup&gt;がないと、template側で使うためにはde

「達人が教える Webパフォーマンスチューニング ~ISUCONから学ぶ高速化の実践」レビュー

Qiita(trend) · 2022-06-20

はじめに この記事は、技術評論社出版の「達人が教える Webパフォーマンスチューニング ~ISUCONから学ぶ高速化の実践」のレビューです。 著者の一人の方から献本を頂きまして、レビューを掲載しています。 それ以外の報酬などはありま...

障害対応訓練を通じて運用改善したはなし

Zenn · 2022-06-20

障害対応訓練を通じて運用改善したはなし こんにちは、atama plusでSREをやっている石井です。 atama plusのSREチームは会社のミッションに加え、「生徒が学習に集中できるプロダクト基盤を実現する」というチームミッションを持ってます。 ミッションの実現のために

classで指定した複数の要素にstyleを設定したいけど、配列の要素を指定していくのは面倒だ

Qiita(trend) · 2022-06-20

複数の要素にstyleを設定したい 1.はじめに JavaScriptで、HTMLをいじくりまわしていると、「class名が同じ要素すべてにstyleを設定したいな~」と思う時が訪れるでしょう。 でも、いちいち &lt;scrip...

LINEだけで在宅勤務連絡を完結する便利ツールを個人開発 ヤマタケ @gas_seo

Zenn · 2022-06-20

LINE Developer CommunityはLINE APIに関連する最新情報や開発Tipsを共有するコミュニティです。 2022年5月に行われたLINE DC Monthly LT #2 - 【LINE と 個人開発のTips共有会】では、個人でLINE APIを活用した

WWDC22、iOS16:iOSアプリに画像からテキストを選択する機能を追加(VisionKit)

Qiita(trend) · 2022-06-20

※一般公開されているWWDC Keynoteの動画と公開Session/Documentation/Sample Codeページだけを使ってこの記事を執筆しました。 iOS 16でVisionKitフレームワークを使用すること...

【補足説明】Simulink Support Package for Arduino Hardware で DC モータを動かしてみる

Qiita(trend) · 2022-06-20

1. はじめに  本記事では,MinSeg.com が販売している MinSegShield M2V5 Dual Axis Balancing Kit に含まれるマイコンボード(Arduino Mega 2560 互換ボード)とシ...

OpenAPI Generator TypeScript Axiosで型付きリクエストの自動生成 | Offers Tech Blog

Zenn · 2022-06-20

概要 こんにちは。Offers を運営している株式会社 overflow の磯崎です。 今回は、OpenAPI Generator を使用して OpenAPI 定義ファイルを元にリクエストとその型を自動生成してフロントで使っていくと安心・安全・快適に開発できますというご紹介で

【Vue.js】reactiveを実装して仕組みを理解する

Zenn · 2022-06-20

どうもフロントエンドエンジニアのoreoです。 普段の業務でVue.jsのComposition APIを使用しており、リアクティブな変数を定義する際に、reactiveやrefなどを多用しています。この記事では、reactiveの仕組みについて、実装しながら理解したいと思います

Next.jsのSSGで全文検索をする方法

Zenn · 2022-06-19

前提 Next.js TypeScript styled-components microCMS AWS S3 Cloud Front Route53 Next.jsのSSGで生成した静的ファイルをS3にアップロードして、静的なメディアサイトを作っています。 CMS

input[type="number"]をやめた話

Zenn · 2022-06-19

ファンタラクティブのエンジニアの 太田 です。 数値入力コンポーネントを作成する際に type="number" を使用するのをやめたことについて書きます。 input[type="number"]とは input[type="number"] (PC) input[ty

「現場で役立つシステム設計の原則」を読んだので、その要点

Qiita(trend) · 2022-06-19

現場で役立つシステム設計の原則 〜変更を楽で安全にするオブジェクト指向の実践技法:書籍案内|技術評論社 Amazon.co.jp - 現場で役立つシステム設計の原則 ~変更を楽で安全にするオブジェクト指向の実践技法 | 増田 亨 |本...

PrismaDataProxyが遅い問題をなんとかする

Zenn · 2022-06-19

概要 PrismaDataProxyが遅いので、セルフホストするためのライブラリを自作して解決しました、というお話です。 本記事で作成・紹介したライブラリはOSSとして公開&amp;npmにpublishしていますので自由にお使いください。 https://github.co

知っておくと便利なCloudWatchメトリクスの機能と活用事例

Qiita(trend) · 2022-06-19

はじめに AWSでシステムを運用しているとサービスやリソースの状況を確認するためにCloudWatchメトリクスを利用する機会も多いと思います。 今回はCloudWatchメトリクスの情報を閲覧する上で、意外と知られていない便利な機...

作ってわかる! はじめてのgRPC

Zenn · 2022-06-19

gRPCは主にバックエンド、特にマイクロサービス同士の通信に多く使われる通信方式です。 しかしそれゆえに知名度が低く、「gRPCってどんな通信なんだろう?」「HTTPとは別の仕組みなの?」と思っている方もたくさんいるのではないでしょうか。 この本では、gRPCはそもそもどんなコン

自社のサービス品質を向上するためのひと工夫

Zenn · 2022-06-19

1. はじめに この記事は、自社のSaaSサービスを法人or 個人向けに提供している方向けの情報です。 【利用者像】: サービスプロダクトの品質改善が必要、と感じているマネージャー層・リーダー層の方々 運用・保守において、顧客からの問い合わせを頻繁に受けるサポート部門の方

ご年配のお客様「公開鍵と秘密鍵とは何ですじゃ?」

Qiita(trend) · 2022-06-19

※実話を基にしたフィクションです。 IT系コールセンター勤務時代ワイ 電話機「プルルルル・・・」 ワイ「おっ、お客様からお電話や!」 ワイ「簡単なお問い合わせだとええな・・・」 ワイ「ガチャッ(受話器を取る音)」 ワイ「お電話ありが...

VuePress v2 + Vite のプラグイン・テーマまわりの変更に対応したので記録する

Zenn · 2022-06-19

個人ブログを VuePress v2 + Vite で立ち上げた記事を以前書きました。 その際に npm パッケージとして公開していた VuePress Plugin usePages のリポジトリに Issue が届きました。 https://github.com/monsat

nestでGraphQLバックエンドを立てる [2022年6月版]

Zenn · 2022-06-19

TL;DR nestで GraphQL + Fastify + Prisma + RDBなバックエンドを爆速構築して GraphQL APIを作成するよ! 環境 asdf v0.10.1 node v18.2.0 プロジェクトとgitのrepositoryを作成する

Deno の Web フレームワーク Fresh チュートリアル

Zenn · 2022-06-19

! Fresh は現在(2022/06/19)プロダクション環境で使用することは推奨されません Fresh は Deno 製の Web フレームワークです。事前のビルドを必要せず、エッジでレンダリングを提供するという特徴があります。また Islands Architecture

fzfを使いnpm run 〇〇を一覧から選んで実行

Zenn · 2022-06-19

どうも。 えーたん(@eetann092)です。 npm run startやnpm run devなど、npm run 〇〇はプロジェクトによって違います。 忘れるたびにpackage.jsonのscriptsを見るのが面倒になってきたため、fzfで一覧から選択したものを実行で

Raspberry Pi 4にKubernetesを入れる

Qiita(trend) · 2022-06-19

こちらの記事にしたがってK8sをRaspberry Piに入れようとしていたのですが、一部情報が古くなっているのでメモを残しておきます。 とくにDockerは今は非推奨となっており、cri runtimeとしてcrioを使うのが普通...

【WebAssembly】ブラウザ上で動作するポーカーソルバーを開発した話

Zenn · 2022-06-19

初投稿です。数あるポーカーの変種の中で世界的に最もポピュラーなものと言ってよいテキサスホールデムにおける、数学的に最適な戦略を解くソルバーを趣味で開発したので、その技術的な部分を備忘録を兼ねて投稿してみます。非常にニッチなアプリケーションではありますが、刺さる方には刺さるんじゃな

Java使いからPHPerに転身した際にはまったこと

Qiita(trend) · 2022-06-19

概略 業界に入ってから長らくJavaをメインで使っていたプログラマである筆者が、業務でPHPを使うようになった際にはまったことを思い出して列挙していく。 詰まった時しか公式リファレンスとか見ないから何となくでやるとびっくりしてしまう...

Googleが試験導入したパフォーマンス指標のINPについて

Zenn · 2022-06-19

2022年5月くらいからGoogleがINPという指標を試験導入していたらしいです(知らんかった…)。 多分今頃感すごいですが、今回はweb.devのブログ内容をもとにINPについてと、INPの計測や、モダンフレームワークの差などを話していこうと思います。 参考文献 ほぼ以下

超簡単どこでもフォトスポット化 WebARでインスタ映えスポットを5分でつくってみた

Qiita(trend) · 2022-06-19

1.ショッピングセンターの空き区画は死活問題 1-1.空き区画問題 当社は、テナント数が10~30店ほどの小型ショッピングセンターを多く運営しています。 昨今の経済状況の影響もあり、テナントの入れ替えも多く、どうしてもテナントが入...

今日何をやればいいか分からない!そんな新入社員に音声案内できるものをVoiceflowで作ってみた。

Qiita(trend) · 2022-06-19

全く畑違いの部署に着任して戸惑うことばかり、、、  小売業の現場で品出し13年、いきなりシステム部に異動になりましたエンジニア見習いのSt.Mと申します。突然のデスクワーク、1か月のワークスケジュールがお店で働いていた時とは全く異な...

tty・i-node・ファイルディスクリプタによる入出力の流れを "echo World > hello.txt" で理解する

Zenn · 2022-06-19

はじめに ここ最近、 UNIX Linux における標準入出力・ファイル管理の仕組みをすっかり忘れてしまったなと感じることがありました。 そのため、これら入出力で使われる tty i-node ファイルディスクリプタなどを週末にお勉強しました。 知識の定着のために、以下のサン

スタートアップのCTOに就任して1年経ったので振り返ってみた

Zenn · 2022-06-18

はじめに 平下CTO@sweeepです。sweeepにフリーランスとして関わったのが2021年5月、CTOに就任したのがその年の6月半ばでした。CTOに就任してちょうど1年経過したのでこれまでを振り返ってみます。 開発チームパフォーマンスの変遷 以下、時系列で開発チー

macOS CatalinaとmacOS Big SurはTime Machineでのバックアップ復元における互換性がない

Qiita(trend) · 2022-06-18

状況 先日,MacBook Pro(13inch,2020,2.3 GHzクアッドコアIntel Core i7)のディスプレイを破壊(閉じるときにオーディオプラグを挟んでしまいディスプレイのみ昇天)をしてしまったので,速攻バックア...

ESLintのルール新規追加、Stylelintのルール追加しました 補足

Zenn · 2022-06-18

https://engineer.blog.lancers.jp/フロントエンド/フロントエンド定例-2022-6-17 の「ESLintのルール新規追加、Stylelintのルール追加しました」の記事に対しての補足記事になります。 最初に記事の足りない箇所の補足をした上で、 L

Qiita 記事に外部リンク記号を挿入したい

Qiita(trend) · 2022-06-18

Qiita 記事に外部リンク記号を挿入したい Markdown で記事を書く際には、しばしば外部リンクとして四角形と右上矢印で構成された記号が利用される。 例えば、Qiita の利用規約のページを開くと見ることが出来る。 で囲った記...

CSS animationを学び、ノイズアニメーションを作ってみる

Zenn · 2022-06-18

CSS animation を学ぶ ポートフォリオサイトを作ろうと思った時に、せっかくならやったことのないことを学ぼうと CSS animation を勉強しています。 ただ勉強するのも、と思ったので、今回は CSS animation の簡単な紹介と、ノイズアニメーションを

Mattermost 7.0の新機能

Zenn · 2022-06-18

Mattermost 記事まとめ: https://blog.kaakaa.dev/tags/mattermost/ Twitter: @mattermost_jp で Mattermost に関する日本語の情報を提供しています。 はじめに 2022/06/15 に Matt

Embulk v0.9.24+MySQL 8.0.29のローカル環境構築

Zenn · 2022-06-18

概要 embulkでcsv-&gt;MySQLのimportを試したかったのでdocker-composeで簡単に動かせる環境を作りました。 サンプル https://github.com/kishii4726/local-embulk サンプルデータ投入までの流れ

プロダクトマネジメント大全 上 2.0 お試し版

Zenn · 2022-06-18

有償版はこちら https://booth.pm/ja/items/2657772 相談/フィードバック/誤字脱字報告はこちらにお願いします。 https://twitter.com/_N_A_ 関連資料 https://speakerdeck.com/moriyuya

ポンコツエンジニアがAIの力に頼って業務効率化? OpenAIのGPT3で、高度な文書要約に挑戦してみる。VS Code + Python

Qiita(trend) · 2022-06-17

OpenAIのGPT3で、高度な文書要約に挑戦してみる。VS Code + Python + OpenAI 業務で裁判所の判例判決を読む機会が増えてきたのですが ど素人の自分には全く書いてあることの意味が理解できません。 あっ、そう...

【Elixir】Mix projectにrelease drafterを導入してversion管理を快適に回す

Zenn · 2022-06-17

GitHubのリリースノートとタグ管理をするツールにrelease-drafterというものがあります。 https://github.com/release-drafter/release-drafter 内容については以下の記事が分かりやすいです。 https://zenn.

【Unity】USDファイルをインポートする方法【STYLY】

Qiita(trend) · 2022-06-17

はじめに USDファイルをUnityにインポートする方法を説明します。 また、GLBファイルに変換しSTYLYへアップロードする手順を説明します。 環境 Unity 2019.4.29f1 USD Unity SDK 3.0....

TAURIを触ってみて感じたこと

Qiita(trend) · 2022-06-17

はじめに つい先日,新生デスクトップアプリフレームワーク,Tauriが登場した。ViewをWeb技術を利用して書けるため,フロントエンドエンジニアでも気軽にデスクトップアプリを開発することができる。そんなTauriだが以前から存在し...

AWS S3の大量削除方法

Qiita(trend) · 2022-06-17

AWS S3とは S3とはデータを格納・管理できるオブジェクトストレージサービスです。 主にウェブサイトやアプリケーションなどのデータバックアップおよび復元、アーカイブなど、さまざまなことに利用します。 また、ファイルのバックアップ...

Terraform 1.3でoptional()によるobject attributes(variable)へのデフォルト値設定が楽になる!

Zenn · 2022-06-17

tl;dr; Terraform 1.3 で optional() modifier によるデフォルト値のセットがサポートされる予定 現在 Terraform 1.3 Alpha リリースで試す事が可能、フィードバック募集中 英語書くのしんどい場合は私に DM 投げてもら

GKEでCloud Loggingにログを取り込んでいたら気づかぬ間にログが欠損していた件

Zenn · 2022-06-17

Overview DMM.comのPF事業本部ではマイクロサービス基盤として Google Kubernetes Engine(GKE)[1]を利用しています。 今回はこのGKEで発生したトラブルの体験談とその対応を紹介します。 GKEにはCloud LogginやCloud

社内で実施している「10分勉強会」のご紹介

Zenn · 2022-06-17

マナリンクCTOの名人です。 2022年3月頃から社内で実施している「10分勉強会」という取り組みと、実際の内容についてざっくり紹介していきます。 10分勉強会の目的 10分勉強会の目的は以下のとおりです。 すぐに実務で使えるかは分からないけど、知っておいて損はないことを先

Wordleをなるべく早く、なるべく間違えなく解答できるソルバーを考える

Qiita(trend) · 2022-06-17

この記事は「Qiita Engineer Festa 2022」に向けて書いた記事です。 Wordleが好きなので、ソルバーを作ってみる もうだいぶブームは去った感じがありますが、Wordleというゲームが好きでほぼ毎日回答してい...

データ基盤構築(毎日決まった時間にスクレイピングしデータを収集する)

Qiita(trend) · 2022-06-17

はじめに この記事は、自己学習で行ったデータ基盤構築についての備忘録となります。GCPの公式ドキュメントを参考に作業を行いました。もし、似たようなことをやりたい場合は公式ドキュメントの方を参考にすることをお勧めします。 (参考URL...

IdPとシングルサインオンを実装するときに考えるステップ

Zenn · 2022-06-17

これは何? IdPでSCIM等プロビジョニングとセットで考える時のお助けマニュアルです。 まずは、実装時と、実装後の運用プランはワケて考える必要があります。 用語の整理 SP : サービスプロバイダー、SaaS側の事 IdP : IDプロバイダー、OktaやOnelogin

javascript前期中間試験(配列と代入7問)

Qiita(trend) · 2022-06-17

はじめに プログラミングを学習し始めて最初にくるハードルが配列です。筋の良い学生でも、配列と代入が組み合わさるとちょっと怪しくなります。配列への代入による影響について7つの問題を(高専本科2年生むけ)前期中間試験想定としてやってみま...

SPAのページをGAで計測?従来のWEBと同じで余裕でしょ!と思い込んでた話

Qiita(trend) · 2022-06-17

SPAをGA4、UAの両方で計測できるようにしたい! WEB計測で利用されている超有名なツールといえば「Google Analytics」。(以下、GA) 計測タグを読み込ませるだけで、PV数やユーザー数、セッションなど多くの指標を...

【React】ライブラリーを使わないでパララックスを使って、リッチなサイトを作る

Qiita(trend) · 2022-06-17

概要 みなさんは、パララックス(parallax)と聞いたことがあるでしょうか? 最近のサイトは、要素がふわっとフェードインしたり、要素の移動速度が違ったり、 スクロールに応じて色々なアニメーションが発火します。 このようなアニメー...

IEが終了したので、webpackやbabelは不要?

Qiita(trend) · 2022-06-16

IE終了により、webpackやbabelを使う必要がなくなるのか、フロントエンドからビルドステップを完全に消し去ることはできるのか。 そもそもなぜフロントエンドを「ビルド」していたのか そもそもなぜwebpackやbabelを使っ...

個人的に戦術的DDDの実装パターンと相性が悪いと思うGoの仕様と理由

Zenn · 2022-06-16

概要 以前、「ドメイン駆動設計入門」という本に掲載されている、戦術的 DDD の内容を C#から Go に置き換えることで戦術的 DDD を学んでいました。 色々、実装してみて戦術的 DDD のミニマムな実装(エンティティ、値オブジェクトなど)において「Go と DDD の相

2022年、IE卒業式、IEありがとうのアルバム

Qiita(trend) · 2022-06-16

ここ数日の記念スナップショットです。 卒業式 卒業証書 功績をたたえる Edgeへ 記事 IE11のサポートがついに日本時間2022年6月16日で終了、しかし日本の組織のなんと49%が3月時点でまだIEを使用中との...

「JavaとJavaScriptは別だからw」と言いながら、CみたいにJavaを書く人々への処方箋

Qiita(trend) · 2022-06-16

まえがき タイトルは、言語そのものの違いは得意げに人に指摘するくせに、自分自身はその言語の本質的な部分を何一つ理解できていない人々への皮肉となっています。 攻めたタイトルなので「ギクッ」や「ムカッ」となった方もいるかもしれませんが、...

【Python】最初、混同してしまう「assert, except, raise」文について

Qiita(trend) · 2022-06-16

assert デバックを作業を容易に行うため に使用されます 条件式がFalseの場合にはAssertionErrorを発生させて停止。 Trueの場合はそのまま処理が続きます sample.py assert "条件式をここに書...

パスワードをどこのレイヤーで暗号化するか論争

Zenn · 2022-06-16

最近転職をしまして、新しい会社ではGoを主に使います。 なので、Goの勉強、DDDの勉強を兼ねて、ユーザー登録・ログイン機能を持つアプリケーションを作ってみました。 https://twitter.com/ino_aka_matty/status/1531990600723353

Productivity Weekly (2022-06-15号) 簡易版

Zenn · 2022-06-16

こんにちは。サイボウズ株式会社 生産性向上チームの平木場です。 僕たち生産性向上チームは毎週水曜日に Productivity Weekly という「1 週間の間に発見された開発者の生産性向上に関するネタを共有する会」を社内で開催しています。 本記事はその時のネタをまとめたもので

IEは卒業しても終わらない~IEで表示することがリスクとなる時代~

Qiita(trend) · 2022-06-16

2022年6月16日、多くの環境でInternet Explorer 11(以下IE)のサポートが終了します。それに合わせ、複数のサイトやライブラリがInternet Explorer(以下IE)のサポートを打ち切っています。Reac...

Gitでmainと間違えてmasterにswitchすると「You are wrong!」と怒られるようにする方法

Qiita(trend) · 2022-06-16

はじめに 2020年10月、GitHubでデフォルトブランチの名前が master から main に変わりました。これを機に私の手元には main がデフォルトのリポジトリと master がデフォルトのリポジトリが混在するように...

Dev Container が VSCode から CLI にもやって来た

Zenn · 2022-06-16

VSCode の更新情報を見ていたら Dev Container の仕様と、リファレンス実装の CLI ツールについて記載がありました。 Development Container specification Our development container teams

なぜ「問い合わせフォームSaaS」が広く使われているのか? - 便利な「問い合わせフォームSaaS」まとめ

Zenn · 2022-06-16

Google FormsやNetlify Formのような問い合わせフォームSaaSは、わりと広く使われています。 問い合わせフォームぐらい、自分で実装しても大した手間じゃなさそうなのに、なぜ問い合わせフォームSaaSを使う人がいるのでしょうか。 この記事では、その理由を解説しま

React/Next.jsでAtomic Designを導入する初心者がとりあえず読む記事(ボイラーテンプレートあり

Zenn · 2022-06-16

この記事で得れる情報 これからReact/Next.jsとAtomic Dsignで何か作るってなった時にとりあえず多分必要なものがさらっと集約して学べる 参考にしたサイトのまとめ・噛み砕き 私の所感 上記を既に入れたいと思ってる人は、入れ済みのすぐ使えるボイラーテン

ASP.NET Core Blazor Server でオレオレ認証を追加したい without Cookie

Zenn · 2022-06-16

過去記事で色々認証系について書いてきました。 ここで書いてきたものは、なるべくクラウドの IdP に依存せずに手軽に独自の認証を追加する方法でした。 https://zenn.dev/okazuki/articles/signin-blazor-server https://ze

最近見たダメなフローチャートの書き方

Qiita(trend) · 2022-06-16

最近フローチャートをよく見る業務がありまして、その中でもこれはまずいのでは?と思うようなものを書き出してみました。 ただ、特殊な場合(言語によるもの、システムの特性等)ではこの限りでないことがあります。 ※図はかなり簡略化しております...

AWS Lambdaのトリガーについて

Qiita(trend) · 2022-06-16

Lambdaについて AWS Lambda(以下Lambda)はサーバレスコンピューティングサービスです。 オペレーティングシステム(以下OS)などのインフラストラクチャの管理が不要で、利用者はプログラムコードを準備し、Lambda...

WebAssemblyの略語はWASMではなくWasm

Zenn · 2022-06-16

タイトルの通り。WebAssembly仕様の冒頭に記述されている。 WebAssembly (abbreviated Wasm [1]) is ... [1] A contraction of “WebAssembly”, not an acronym, hence not u

Internet Explorer に会いたくなったら...

Zenn · 2022-06-16

Internet Explorer が 27 年の歴史に幕を閉じました。 https://blogs.windows.com/japan/2022/06/15/internet-explorer-11-is-no-longer-supported/ 長く Internet Exp

【GAS (Google App Script) 】コードの書き方・テクニック編|Offers Tech Blog

Zenn · 2022-06-16

概要 こんにちは、Offers を運営している株式会社 overflow のバックエンドエンジニアの shun です。今回は、GAS(Google App Script)のコードの書き方と、ゴリゴリに GAS を書きまくってきた知見から少しのテクニックを紹介できればと思います

Postgres と MySQL における id, created_at, updated_at に関するベストプラクティス

Zenn · 2022-06-15

読者対象 ある程度データベースに関する知識を持っている,経験年数 1 年以上のバックエンドエンジニア 特定のプログラミング言語に依存する部分は含めないため,すべての SQL 使用者を対象とする また,ゼロからの丁寧な説明というよりは,リファレンス感覚で使える記事という形に

プログラムを「書き始める」「試しに実行する」コストを下げる工夫

Zenn · 2022-06-15

はじめに 物事を上達するためには反復を、というのはよく聞きますが、もちろんプログラミングでも大事なのかと思います。とくに自分は「一を聞いて十を知る」ような器用なことはできないので、何度も何度もプログラムを書いて、試していました。 このような反復を支援するためには、できるかぎり

炎上案件Hack! 今北産業。戦場(獄炎)を爆速で駆け抜けろ! 3行説明、他(PMO編)

Qiita(trend) · 2022-06-15

炎上案件Hack! 今北産業。戦場(獄炎)を爆速で駆け抜けろ! 3行説明、他(PMO編) 結論(どうすればよいか) 5W2h タスクボード エスカレ これらができてくると約2W~4Wほどで案件は鎮火に向かいます。 もうちょっ...

【意外と知らない】スプレッドシート - Tips(条件付き書式編)

Qiita(trend) · 2022-06-15

はじめに スプレッドシートって便利な機能たっぷりですが、 機能が多くて知られてないことが多いなと感じるシーンが多々‥ タタタ♪ と、いうことで。 私的オススメ機能を備忘録がてら残してゆきます。 今日は、「表の中に特定のフレーズが出現...

web3.jsでローカル環境にデプロイしたコントラクトをNext.js(Typescript)で使ってみる

Zenn · 2022-06-15

本記事の対象者 Web3技術に興味がある Next.jsにWeb3技術を導入したい 独自通貨を作成してみたい 本記事のリポジトリ https://github.com/sugayutokyo/next-zenn-web3 ぜひ参考にしてください! Next.jsの

Flutter_JavaSpringプログラム自動作成

Zenn · 2022-06-15

Vectorに登録した、『Flutter_JavaSpringプログラム自動作成◎自動生成』ツールを使用して出来上がったSpringBootプログラム及び、Flutterで出来たスマホアプリプログラムの説明です。  補足:ツール作成のコンセプト   すでにVectorに登録してあ

【新規事業】SkyWayで1:1通信を作ってみたよ【プロト開発】

Qiita(trend) · 2022-06-15

はじめに 株式会社マイスター・ギルド新規事業部のウサギーです。 弊社新規事業部では、新規サービスの立ち上げを目指して 日々、アイディアの検証やプロトタイプの作成を行っています! 今回は、考えていたサービス案についてプロトタイプを作成...

「さくっ」とテストデータを作るための段取り

Zenn · 2022-06-15

1. はじめに この記事は、開発工程でテストデータを作らないといけない方向けの情報です。 コマンドを使って、さくっとテストデータを作ります。 【利用者像】: アプリケーション開発の局面で、とにかくテストデータが必要な方 実務経験1年未満のエンジニア大多数。要員育成が必要

ミノ駆動本を読んでクソゲー作ってみた

Qiita(trend) · 2022-06-15

はじめに 良いコード/悪いコードで学ぶ設計入門(ミノ駆動本)を読み、悪いコードがどれほど悪影響をおよぼすのか、良いコードでどれだけ改善できるのかを実証していくために実際にゲーム作ってみました。 今回は悪いコードをピックアップして実装...

React のコードの良さを結合度で考える

Qiita(trend) · 2022-06-15

はじめに 私は普段 React を使ってフロントエンドの開発をしています。 React でもっと良いコードが書けるようになりたいと思い、良いコードを書くためにどういうことを意識すれば良いかいろいろ調べている中で、結合度というものを知...

未経験がWeb系エンジニアに転職して感じた、入社してから絶対にやるべき5つのこと

Qiita(trend) · 2022-06-15

はじめに 私は未経験からWeb系エンジニアに転職しました。 Web系エンジニアとして8ヶ月ほどの勤務を通して痛感した、身につけるべきマインドを紹介したいと思い、本記事を執筆しました。 本記事で話す内容は万人受け・全ての企業に当てはま...

Productivity Weekly (2022-06-08号) 簡易版

Zenn · 2022-06-15

こんにちは。サイボウズ株式会社 生産性向上チームの平木場です。 僕たち生産性向上チームは毎週水曜日に Productivity Weekly という「1 週間の間に発見された開発者の生産性向上に関するネタを共有する会」を社内で開催しています。 本記事はその時のネタをまとめたもので

previm で式やグラフが表示できる様になりました。

Zenn · 2022-06-15

はじめに previm は Vim で Markdown 編集する際にブラウザでプレビューできるプラグインです。 これまで plantuml と textile くらいしかサポートしていませんでしたが、katex や plolyjs 等をユーザ自身で追加できる様にしました。

React Suspenseをふわっと理解

Zenn · 2022-06-15

自己紹介 サスペンスとは 機能自体はReact 16.6(2018年10月リリース)からあった Facebookが自社サイトの抱える問題を解決するために開発した 正しく使えば、より良いユーザー体験を提供できる コンポーネントを「ローディング中なのでまだレンダリン

【知らないとやらかす】見せかけの回帰【時系列分析】

Zenn · 2022-06-15

本記事の目的 本記事の目的は、時系列性を伴うデータの分析を行う際に現れる「見せかけの回帰」というとても恐ろしい事象についてご紹介することです。Google Colaboratory を使って実行しながら、その恐ろしさを体感していただければと思っています。 ソースコードは Gi

Jetpack ComposeではViewModel(相当のクラス)でStateFlowを持たない方が良さそう

Zenn · 2022-06-14

概要 Jetpack Composeではさまざまなオブザーバブルな型をサポートしています。ここにある通り、LiveData、Flow、RxJavaをサポートしています。 これらをViewModelなどで利用し、コンポーザブル関数で、observeAsState()やcolle

6歳娘「パパ、HTMLタグがセットなら、コンポーネントもセットにしちゃったら?」

Qiita(trend) · 2022-06-14

※Reactを使っている前提です。 ※タグっていうか要素やね。 リモートワーク中ワイ ワイ「さてと、今日もお仕事開始や」 ワイ「Webサイトを作っていくで」 ワイ「ほな、デザインデータを見ながらコーディングしていこか」 ワイ「どれど...

VS Code 用プラグイン Microsoft Teams Toolkit が GA リリース 🎉

Qiita(trend) · 2022-06-14

こんにちは、みなさん元気にお過ごしでしょうか? ここ一年ほど、一連のブログ記事(英語)で Teams Toolkit プレビュー版を紹介してきましたが、今回、Visual Studio Code 用 Teams Toolkit と T...

不義理な仕事は絶対にやめよう(エンジニアと仕事している人向け)

Qiita(trend) · 2022-06-14

最近、義理を欠く仕事をしている人をSNSなどでもよく見かけます。 いわゆる恩を仇で返すパターンです。しかし、その不義理な仕事、一時的にはメリットをもたらしますが、長期的には大きなダメージとなって跳ね返ってきます。 ※これはエンジニアと...

Webカメラの被写体で遊ぶどうぶつタワーバトル風ゲームを作った

Zenn · 2022-06-14

作ったもの Webカメラの被写体で遊ぶ、どうぶつタワーバトル風のゲームを作りました。 遊んでいる様子 https://github.com/3w36zj6/webcam-tower-battle (よろしければstarを頂けると幸いです) 有名なので知らない方は少ないとは

軽量feature flag導入の手引き

Qiita(trend) · 2022-06-14

何か Kyashでサーバサイドのエンジニアをしているhirobeです。 業務でサーバサイドのアプリケーションへのfeature flag導入を提案および設計をしました。 どのような設計や実装にするか、なぜそうしたかを整理します。 な...

【Rails】AppleMusicを投稿して埋め込む方法

Qiita(trend) · 2022-06-14

1:概要 apple musicのリンクを投稿し、サイトに埋め込む方法を2つを紹介していきたいと思います。 サイト上で試聴も可能なため、音楽投稿系サイトを作りたい方々にはおすすめ 使いたい方法に応じて選んでいただけたら幸いです。sp...

【Fresh】DenoのWebフレームワークを試してみたら面白かった

Zenn · 2022-06-14

https://fresh.deno.dev/ DenoのWebフレームワーク、Freshを試してみました。 次に述べる特徴にもあるように、設定ファイルをゴニョゴニョする必要が無く、使い方もとてもシンプルで分かりやすく、正にフレッシュなフレームワークという印象を受けました。 また

WWDC22、iOS16:数行のコードで作成できるSwiftUIの新機能(26本)

Qiita(trend) · 2022-06-14

※一般公開されているWWDC Keynoteの動画と公開Session/Documentation/Sample Codeページだけを使ってこの記事を執筆しました。 新しいビューの種類: Gauge - 進捗状況を表示する新し...

大規模サービスのBFFサーバーをKubernetesに移行した記事で書いていないこと

Zenn · 2022-06-14

先日、ハンドブックを公開しました。 https://dwango.github.io/nicolive-kubernetes-migration-handbook-2022/ ここではKubernetes上で稼働させた実績値としての記録が紹介してあります。が、逆に紹介していないも

Node.js Docker baseイメージには alpine < distroless < ubuntu+slim 構成がよさそう

Zenn · 2022-06-14

はじめに この記事は、DockerCon 2022 で発表された Bret Fisher の "Node.js Rocks in Docker, DockerCon 2022 Edition" を参考にしています。 base イメージの選択肢に関する話は、動画の前半一部分だけ

argo-helmでCODEOWNERSの一員になった話

Zenn · 2022-06-14

これは何? ArgoCDやArgoWorkflowsのHelm Chartを管理しているargo-helmで argo-cd と argo-workflows に対するCODEOWNERSに加えて頂きました。これを記念して自身の振り返りをまとめました。 https://git

計算苦手な妻「構成比?前年比?伸び率?」←Webサービス作って解決してみた【React】

Qiita(trend) · 2022-06-13

妻は計算ができない ワイ (`・ω・´) 「 こんにちは。masakichiです。 あなたの身近に計算が苦手なひとはいませんか? ワイの妻は仕事につかう計算が苦手で、構成比やら前年比やら伸び率やらを出さないといけない時、ワイにヘルプ...

ジュニアエンジニアが初めてOSSにコントリビュートした話とコツ

Zenn · 2022-06-13

はじめに こんにちは、Web系企業でエンジニアになって2年目のyukunです。 この記事はよくある初めてOSSにコントリビュートした自慢のポエムですので温かい目で読み流していただければと思います。 ところで、OSSにコントリビュートしているエンジニアってかっこいいですよね。僕

初心者プログラマーのための英語命名法

Qiita(trend) · 2022-06-13

はじめに 「なんか、レビューのたびに変数名を指摘されてる気がする...」 「日本人なんだから、英語で命名とか無理...」 こんなお悩みありませんか? この記事では、「プログラマーが英語の命名で悩んだ時にどうすれば良いか」をフローチャ...

GitHubに現れたサメちゃんの正体

Qiita(trend) · 2022-06-13

わい「今日も1日頑張るんやで」(GitHubぽちぽち) わい「ファ!何やこれ!」 わい「サメちゃん、きゃわわ!やで!🤗」 わい「でも、なんでついたんや🤔」 GitHub Achievement 2022年6月9日にGitHubがA...

Contosoのサンプルデータを読み込もう✨

Qiita(trend) · 2022-06-13

はじめに サンプルデータがあると、Demoを作成したり、技術検証を行うときに便利ですよね。 Contoso サンプルデータをSQL serverのローカルインスタンスに読込み、オンプレミスデータゲートウェイを介してPower BI ...

数値計算ライブラリにおいて配列を表現するクラスの実装とはどうあるべきかを悩んだ末のポエム (1次元)

Zenn · 2022-06-13

はじめに この記事の答えは私自身見つかっていません.是非コメント欄にコメントください.. 数値計算や機械学習のコードを書いている皆さん,どうもこんにちは. 今日は私が3日悩んでいるポエムのような話をしようと思います. この記事では前提としてC++で開発することを考えますが,R

唐突にダイスの期待値を計算するツールが欲しくなったから1週間で作ってリリースした

Qiita(trend) · 2022-06-13

完成品どーん 作りたいもの キッカケ ワイ「TRPGおもろいなぁ」 ワイ「特にこのログ・ホライズンTRPGっちゅうのはワイのお気に入りやな」 ~~~ある日のこと~~~ ワイ「この攻撃力が45+10D1の技と31+15Dの技はど...

TypeScript/React18でのContext Objectの型付けについて

Zenn · 2022-06-13

こんにちは。最近は奥さんだけでなく型チェッカにも怒られないことを目標にしている者です。 さて、先日 TypeScript(tsc4.7.3)でReact18のContext APIを使おうとして気づいたことがあったので、小ネタですが投稿してみます。 React 18でCont

ロリポップ!に置いたPythonのCGIでLINE Messaging APIのWebhookを受ける

Qiita(trend) · 2022-06-13

何故こんなことをしたのか? 個人的な諸事情で素早くデモンストレーション用のLINE Botを作りたかったのですが、Lineのメッセージデータを送るWebhookを手軽に設置したかったので、Pythonが動くというロリポップ!を試験的...

Next.jsでmicroCMS上のデータをRTK Queryで取得してSwiperでカルーセルを作成

Qiita(trend) · 2022-06-13

関わっているプロジェクトでNext.js,microCMS,RTK Query,Swiperでカルーセルが実装されていたので自分でも実装してみました。 タイトルが長くなっていますが流れ的には, microCMSでブログ記事作成  R...

【Flutter】大学生のためのコミュニティアプリ「Hash」をリリースしたので気づいたことをまとめてみる

Zenn · 2022-06-13

筆者の概要 ・文系学部の大学4年生(2022年6月現在) ・プログラミング歴は3年、Flutter歴は10ヶ月 ・受託開発企業で半年ほどインターン生として勤務(業務ではFlutterを使用) ・まともなアプリを作れたのはFlutterが初めて ・Flutterは独学+Flut

【React/Vue.js】UIコンポーネントのProps設計と具体的な作り方

Zenn · 2022-06-13

概要 こんにちは、Offers を運営している株式会社 overflow の Software Engineer(主戦場はフロントエンド)の Kazuya です。今回は、UI コンポーネントの Props 設計について紹介します。 コンポーネントを初めて作る方や作り慣れて

rstfilter VSCode extension による新しい Ruby の開発体験のご紹介

Zenn · 2022-06-13

VSCode 用の拡張 Ruby's rstfilter extension をリリースしましたので宣伝です。 この拡張を使うと、 保存するたびにそのスクリプトを実行 各行に実行結果を表示(出力は下の OUTPUT に表示) マウスポインタをおくと式の結果を表示 とい

エンジニア1年生の自分に読んでもらいたい書籍

Qiita(trend) · 2022-06-13

はじめに 今回は「エンジニア1年生の自分に読んでもらいたい書籍」を紹介します。 自分は2021年4月に新卒でweb系エンジニアに就職し、2022年で2年目になります。 1年前の自分のスキル感としては、 HTMLとCSSで静的コーデ...

Container/Presentationalパターン再入門

Zenn · 2022-06-12

はじめに フロントエンドの有名なデザインパターンの1つにContainer/Presentationalパターンというものがあるのですが、いくつか記事を見ていると記事によって多少実装方法が異なってたり、hooksによるContainer/Presentationalパターンの

「達人プログラマー」を読んだので、その要点

Qiita(trend) · 2022-06-12

エンジニアとしてこの先生きのこるために - Speaker Deck でも登場する本、「達人プログラマー」を読んだ、読書感想文(脳内でマーカーを付けた部分のメモ)です。 達人プログラマー(第2版) 熟達に向けたあなたの旅 | Ohms...

お察しなWindows11をなるべく使いやすくするためにやったこと

Qiita(trend) · 2022-06-12

嫌ならWindows10のままでいいじゃんとかそんな次元じゃない。 PC買ったらWindows11なんだよ。Windows10の選択肢がなかったんだよ。マジ勘弁してくれ Windows11がお察しOSな理由 愚痴りかっただけ。読み飛...

Sociomedia ヒューマンインターフェースガイドラインを自分なりに理解する

Zenn · 2022-06-12

どうもフロントエンドエンジニアのoreoです。 みなさんソシオメディアのヒューマンインターフェースガイドラインをご存じでしょうか? https://www.sociomedia.co.jp/category/shig このガイドラインには、UIデザインの基本となる100のルールが

よくある「ホバーしたらドロップダウンメニューを表示するナビゲーション」を駆逐したい

Qiita(trend) · 2022-06-12

正確には 「ホバーした時だけドロップダウンメニューを表示するナビゲーション」がどうかなぁ、と思っている次第です。 あと駆逐は言いすぎましたごめんなさい。「タイトルは弱く見えるくらい強い言葉を使え」って誰かが言ってたので(出典不明) ...

M1 MacにiTerm2+fish shell+Iceberg+bobthefishを導入するメモ

Zenn · 2022-06-12

https://zenn.dev/lightkun/articles/e666f0976e0c19 に続いてM1 Macの初期セットアップをしています.今回はiTerm2とfish shellを導入してカスタマイズするメモです. 環境 機種 : MacBook Pro 202

VSCodeとDockerでLaTeXを用いた多機能論文執筆環境を整える

Zenn · 2022-06-12

はじめに 面倒な\LaTeXの環境構築と論文執筆テンプレートを作った https://github.com/being24/latex-template-ja https://github.com/being24/latex-docker 前提 \LaTeXを使っています

6歳娘「パパ、ユーザーのタイミングでPromiseをresolve()できないの?」

Qiita(trend) · 2022-06-12

window.confirm()みたいなカスタムフックを作るお話です。 今回の使用技術 言語 TypeScript フレームワーク Next.js( React.js 製 ) とある休日 娘「ねぇ、パパ?」 ワイ「...

Next.jsとFirebaseによる実用Webアプリ開発

Zenn · 2022-06-12

この本は執筆途中ですが諸事情により更新を断念しました。ご留意の上適宜参照してください。また、Tailwind CSSなど古いバージョンに基づいているのでその点もご留意の上ご参照ください Next.js、Firebase、Algolia、SendGridを使ってゼロからWebアプ

【個人開発】ピースサインで開いた指の角度で競い合ってみるサービスを開発しました✌️

Qiita(trend) · 2022-06-12

🔹はじめに🔹 写真を撮っている時、たまに見かけませんか? 「あの人、ピースサインの指、開き過ぎちゃう?」 そして考えました。 「あの人のピースサイン、何度くらい開いているのか...知りたい!」 そんなもどかしい好奇心から生まれたサー...

Cloud FunctionsにおけるSlack APIの3秒レスポンス問題の対処法

Zenn · 2022-06-12

Slack APIはUXのため著名な3秒レスポンスルールを設けています。初期設定のようなものではなく、自ら伸ばすことはできません。(厳しい) https://api.slack.com/interactivity/slash-commands If you need to re

Swift5.7 新機能まとめ

Qiita(trend) · 2022-06-12

まえがき Swift5.7から導入される新機能をいくつか抜粋し、触りの部分のみまとめました。 各機能の詳細については、プロポーザルのリンクをご参照ください。また内容に間違いがある場合や正確性に欠く記載がありましたらコメントいただける...

animationstartイベントを使ってCSSからHTML要素のsvgを切り替えられるようにした話

Zenn · 2022-06-12

はじめに ドワンゴでニコニコ生放送のWebフロントエンジニアをやっています misuken です。 今回はHTMLのanimationstartイベントを使って、CSSからHTML要素のsvgを切り替えられるようにした話を紹介します。 動機 状態に応じて動的にsvgを切

わかりやすいシステム構成図の書き方

Qiita(trend) · 2022-06-11

わかりにくいシステム構成図とは こんなシステム構成図を書いてないでしょうか? このシステム構成図のわかりにくい点が3つあります。それは 製品名は書いてあるが「役割」が書いていない データと処理が区別できない データの流れと制御の...

Instagram APIを使って何ができるか[準備編]

Qiita(trend) · 2022-06-11

事前準備 instagramアカウントをbusinessアカウントにする FB Developerページと、instagramアカウントを紐付ける Access Tokenを取得する FB Developerページでアプリカ...

GitHubにAchievementsバッジが追加されました

Zenn · 2022-06-11

GitHub Achievements GitHub公式ブログの記事 Introducing Achievements: recognizing the many stages of a developer’s coding journey | The GitHub Blog

できるか!?ニュービジネス 初心者が1日で物流追跡アプリを作ってみた

Qiita(trend) · 2022-06-11

1.この記事の対象の方と完成品 1-1 この記事の対象の方 トラック間や鉄道の連携、組み合わせの非効率さにお悩みの方 DXが大好きで非エンジニアから情報システム部へ異動された初心者の方 「トラック」(陸送)、「鉄道」(モーダル...

M1 Macの初期環境セットアップ メモ

Zenn · 2022-06-11

背景 数年に1回くらいしかしない作業なので,次やるとき用のメモです. M1 MacBook Proが届いたのでセットアップをしました.Time Machineを使えば多分こういうのはしなくて済む?のかもしれませんが,ゴミデータを引き継いでしまうのが嫌だったのと,intel→a

誰かのために

Qiita(trend) · 2022-06-11

プログラミングは美しくなければならない。  実際、美しく書けるかどうかではない。美しく書こうという心構えが大切だ。コーディングの話ではない。いやコーディングの話なのか?  計画の段階で「こういう風に書き始めよう、ああいうステー...

ITのブラック企業体験

Qiita(trend) · 2022-06-11

ブラック企業に勤めていた話はよくあるが、私も転職してブラック企業、というよりブラック上司の下で働くことになり、無事メンタルをやられた。(適応障害) なので、これから転職を考えている方、現在ブラックな環境にいて苦しんでいる方には参考にし...

再実装 Flutter

Zenn · 2022-06-11

モバイルアプリのみならず、デスクトップやWebなどに対応しUIフレームワークとして広い盛り上がりを見せているFlutter。Widgetを組み合わせることで様々な画面を作ることができますが、なぜそのようなことができるのでしょうか? この本ではFlutterを1から作り直し、Fl

RustのWasm周りのクレートまとめと、Trunkを使ってRustで書いたWasmをブラウザ上で簡単に実行する

Zenn · 2022-06-11

はじめに この記事ではRustのWasmを使う際に便利なライブラリたちをまとめて、その後Trunkというツールを利用してRustでWasmを書いて実行するところまでを試してみます。 記事執筆時のRustのバージョンは1.61.0です。 RustでのWasmの実行周りのエコ

KH CoderをDocker for Macで動かす手順

Zenn · 2022-06-11

KH CoderをDocker for Macで動かす手順です。 こちらの記事をほぼ全面的に参照させていただき、手元で動かなかった部分や手作業が発生していた部分をちょっと減らすように修正しています。 https://qiita.com/ryos36/items/9802b5da6

Phaserでtilemapとプレイヤーを追跡するライトを実現

Zenn · 2022-06-11

tilemapとプレイヤーを追跡するライト マップエディタ(Tiled)で作成したtilemapを利用して、マップを作成します。また、マップ内全体を暗くします。プレイヤー周辺だけを明るくして表示します。ライトの機能ではなく、Phaserのテクスチャーとマスク処理を利用して、プ

重い初期化、並列処理, Singletonの罠, そしてInstancePoolへ

Zenn · 2022-06-11

はじめに 初期化処理が重いインスタンスってありますよね。代表的な例だとJDBCコネクションとか。Factoryパターンで初期化を隠蔽するような奴は概ね重いのはどの言語でも一緒だと思います。 こういった重い処理を例えばループなどで大量に初期化してしまうのはかなりのコストになって

WEB会議の家族乱入事故を回避する仕組みをサクッと作る

Qiita(trend) · 2022-06-11

この記事は、「Qiita Engineer Festa 2022」に参加するために執筆した記事です。 (1粒で2度美味しいを狙ってしまいましたが、メインはClaris Connectの方になります。 WebhookはZoom AP...

RによるPubMedの検索結果の取得

Zenn · 2022-06-11

はじめに Rを用いて、PubMedの検索結果をCSVファイルとして出力する流れをまとめました。 最終的に作りたいCSVファイルは以下のような形式です。(ここではPMID、Title、Abstract、Yearをもってきていますがその他の情報も取得可能です) No PMI

2歳息子「パパ,PHP の Carbon はミュータブルだよ?」

Qiita(trend) · 2022-06-11

リモートワーク中のある日 ワイ「(カタカタカタカタ・・・ッターン!)」 息子(2歳)「パパ,お仕事捗ってそうだね!」 ワイ「仕事?ちゃうで.これは自分専用のダイエット管理ツールや!」 ワイ「リモートワークやと,仕事せんでもバレへんか...

PHP 8.1 において名前付き引数で NULL と引数省略を区別する方法

Zenn · 2022-06-10

問題 以下のようなユーザ情報を格納するテーブルを考える。 CREATE TABLE users( id INTEGER PRIMARY KEY, name TEXT NOT NULL, description TEXT NOT NULL ); このテー

大学院を中退するゴミが Twitter スペースを検索できるサービス作ったよ

Qiita(trend) · 2022-06-10

はじめに どうも yoshii です。 普段はお酒を飲みながら趣味でアプリやサイトを作っています。 今回の記事は作ったものの宣伝でしかないです。 作ったもの これです。 Twitterスペースを検索できるサイトです。 PCでログイ...

自分好みのアウトライナーを開発した記録

Zenn · 2022-06-10

はじめに Twirlinerというアウトライナーアプリを作成しました 既存のアウトライナーアプリと大きな違いはありませんが、自分が欲しい機能を少しずつ追加しています。バグや要望等ありましたら、お気軽にコメントをお願いします。 Demoページ 更新は保存されません。記述記

neovimでc++のコーディングに必要な最低限の情報

Zenn · 2022-06-10

はじめに(絶対読んで !!!) vimの道に進むと、他のエディターと比べて メリットがたくさん 爆速でコーディングできます 正確には、コーディング速度のポテンシャルが有名なエディターの中で一番高いです 自分だけの環境を作れます こんなショートカットが欲しいと思

Frontend Talk(2022-06-10)

Zenn · 2022-06-10

こんにちは。株式会社HRBrainでフロントエンドエンジニアをしているしっぽくんです。 私たち HRBrain では週に1度30分、フロントエンドトークという「1週間の間に発見したフロントエンドに関するネタを共有もしくは相談する会」を社内で開催しています。 今回は公開第 5

男性エンジニアが迷わず育休を1年間とったほうが良い理由

Qiita(trend) · 2022-06-10

TL;DR 育休をとると、実は年収は上がる 年収600万の人であれば、育休を取得することで年に40h働くだけで今までと同じ手取り収入を得られるようになる。 育休に関する労働時間と手取り収入早見表 表の値を 一ヶ月あたりの労働...

男性エンジニアが迷わず育休を1年間とったほうが良い理由

Zenn · 2022-06-10

TL;DR 育休をとると、実は年収は上がる 年収600万の人であれば、育休を取得することで年に40h働くだけで今までと同じ手取り収入を得られるようになる。 育休に関する労働時間と手取り収入早見表 表の値を 一ヶ月あたりの労働時間 手取り年収 として、 額面年

GKEクラスタのアップグレードをSlackで通知する

Zenn · 2022-06-10

はじめに GKEのクラスターは自動でクラスターがアップグレードされてしまうことがあり、知らぬ間に致命的な変更が加わっていて業務に支障を与えたり不具合が発生してしまうことがある。 そのためGKEクラスタがアップグレードした際はSlackへ通知させて、バージョンの把握をしやすいよ

【k-近傍法】scikit.learnのBallTreeを使ってみた!

Qiita(trend) · 2022-06-10

【k-近傍法】scikit.learnのBallTreeを使ってみた! <目次> 1.はじめに 2.k-近傍法とは 3.BallTreeの特徴 4.実装 5.参考にしたサイト・書籍 1.はじめに kaggleの「Foursquar...

SPIRE v1.3.1変更点調査

Qiita(trend) · 2022-06-10

SPIREv1.3.1の変更点を紹介します。 がついた文章は筆者の補足です。 機能追加 Windowsのワークロード認証に新しく sha256 セレクタが追加されました。これにより、ワークロードバイナリのSHA256ダイジェ...

不適切な言葉をシステムに登録させないように頑張ってみた話

Zenn · 2022-06-10

こんにちは、地図パズル製作所の都島です。地図パズル製作所では、現在ログイン機能を絶賛開発中です。その中でシステムへの印象を悪くしないようにするためにも、ユーザから不適切な言葉を登録させないようにすることになりました。ということで、今日はユーザから不適切な言葉を登録させないようにす

CORSにハマった...(Laravel, JavaScript)

Qiita(trend) · 2022-06-10

CORSにハマったので、備忘録として記載します。。 CORSとは、 オリジン間リソース共有 (Cross-Origin Resource Sharing, CORS) は、追加の HTTP ヘッダーを使用して、あるオリジンで動作し...

【CSS】こんなメディアクエリの使い方知ってる?

Qiita(trend) · 2022-06-10

概要 みなさんは、メディアクエリ @media をご存じですか? Webサイトを開発する時に、 ブラウザーのサイズに応じて、スタイルを変えたり、 ユーザーのデバイスに応じて、スタイルを変えたり... このようにユーザーがWebサイト...

テスト環境でも本番環境に近いデータを用意しようぜ

Zenn · 2022-06-10

どうも、株式会社プラハCEO兼エンジニアの松原です 今回は、テスト環境にやばいデータが大量に生息していたせいで、えらい目にあった話です。 TL;DR テスト環境のデータがヤバすぎると営業先で営業が詰められる テスト環境のデータが雑すぎるとバグに気付きづらい データが偏る事に

スクラムにおいてプロダクトオーナーはどこまで「権限+オーナーシップ」を持てるのか?

Qiita(trend) · 2022-06-09

はじめに 今回はスクラムにおいての役割の1つであるプロダクトオーナーの「権限とオーナーシップ」について、自身の経験を踏まえて書いてみたいと思います。おそらく各組織チームによって状況も違うと思うので1つの答えは出ないと思いますが皆様の...

rails api + react + typescript + graphqlでの認証

Zenn · 2022-06-09

9割コードを貼り付けているだけですがご容赦ください。

Web 技術解体新書「第二章 Cache 解体新書」リリース

Zenn · 2022-06-09

Web 技術解体新書「第二章 Cache 解体新書」リリース Intro 「Web 技術解体新書(Web Anatomia)」の第二章として「Cache 解体新書(Cache Anatomia)」をリリースしました。 これで予定している八章のうち二章が終わりました。

テストってどうやればいいの?

Qiita(trend) · 2022-06-09

この記事について 筆者が実務経験から得た、テスト全般についてのノウハウを記載します。 難しい技術を前提とした説明はありません。主にテストをするうえでの考え方に焦点を当てています。 筆者の実務経験の内容は、Webシステムやスマホアプリ...

Cache 解体新書 v0.0.0

Zenn · 2022-06-09

Web 技術解体新書 第二章 Cache 解体新書 v0.0.0 Cache は Web に限らずシステム設計における最も難しいトピックの 1 つだ。 本章では、 Web における Caching の概念を `Cache-Control` だけでなく関連するあらゆる仕様の側面

Slackワークフロービルダー使ってみた #1

Qiita(trend) · 2022-06-09

はじめに 昨年2021年末からSlackを使用し始めましたが、 まだまだSlackを 遊び倒せてない 使いこなせてないなと感じているので、 Slackのワークフロービルダーを触ってみることにしました。 本記事は備忘録がてら残します。...

next/image の width, height 指定を型レベルで強制する

Zenn · 2022-06-09

next/image をラップしたコンポーネントを作る機会があり、せっかくなら width, height の指定を型レベルで強制したいと感じたのでメモ。 next/image のおさらい next/image は Next.js 10 から正式に使えるようになったコンポーネ

決まったメール作成作業を自動化!初心者のPower Automate Desktop活用!

Qiita(trend) · 2022-06-09

こんにちは! 千葉県在住、商業デベロッパーの会社で新規事業の企画検討をしています。 様々な分野への知見を広げるために、絶賛エンジニア分野を勉強中です。 今回はPower Automate Desktop 通称「PAD」を活用し、メール...

UE4とUE5の違いとは?新機能もまとめてみた

Zenn · 2022-06-09

コメント🐤 今回はUE4とUE5の違いについて新機能と一緒にまとめてみました。 今年4月に正式リリースされたUnrealEngine5(UE5) 2022年4月5日にUnrealEngineは「UnrealEngine4」から「UnrealEngine5」へ変更され

Pythonの例外エラーログ、もうちょっと詳しく見たくない?

Qiita(trend) · 2022-06-09

ある日の某Pythonアプリケーションのエラーログを眺めていると謎のエラーが...! Traceback (most recent call last): File "/sandbox/app.py", line 22, in &...

WWDC22、iOS 16:SwiftUIでChartsフレームワークを使ってチャートを作成する

Qiita(trend) · 2022-06-09

※一般公開されているSession/Documentation/Sample Codeページだけを使ってこの記事を執筆しました。 SessionビデオやDocumentationページからの画像を収録しています。 実際のチャートは...

【GraphQL】入門編 ~基礎とQuery / Mutationの書き方~ | Offers Tech Blog

Zenn · 2022-06-09

概要 こんにちは、Offers を運営している株式会社 overflow の Software Engineer(主戦場はフロントエンド)の Kazuya です。今回は、昨今の WEB アプリケーション開発で採用がされるケースが増えてきている GraphQL について紹介し

GA4のストリーム情報一覧をGASでスプレッドシートに出力する

Qiita(trend) · 2022-06-09

自分のGoogleアカウントが権限を持っている全GA4プロパティが持つストリーム情報をGoogle Apps Scriptを使ってGoogleスプレッドシートに出力する方法について。 この方法でGA4計測タグ設定の測定IDから対応する...

Leaner 開発メンバーの開発環境

Zenn · 2022-06-09

Leaner 開発チームの黒曜(@kokuyouwind)です。 以前、Leaner開発メンバーのリモートワーク環境を各メンバーから紹介してもらいました。 https://zenn.dev/leaner_tech/articles/20220228-remote_work_fac

学童の入退室メールを Google Home に読み上げさせる

Zenn · 2022-06-09

子供が通っている学童では、入退室時に保護者にメールが送られてくるシステムが導入されています。ざっと調べた限りでは、そういうシステムを導入している学童・塾などは結構あるようです。 在宅で仕事をしているのですが、携帯をずっと見ているわけではないので、メール Google Homeが通

エンジニアが最初に覚えるNotion活用例!

Zenn · 2022-06-09

この記事に書いてあること エンジニアがNotionを使い始めよっかな…って思った時、 意外と何から始めたらいいのか一瞬慣れるまでよく分からない場合もある気がするので、 最低限これだけでもやったら便利だよ! ってのをまとめます。 私がマネージャーやPM・スクラムマスターとして動

その日のコミット数に応じて増える Docker キャラクターのコンテナ

Zenn · 2022-06-09

前回 Gopher くんをベースにその日のコミット数に応じて伸びる Gopher くん svgというのを書き、Docker のキャラクター Moby Dock でも作りたくなったのと、前回は雑に書いたので、Docker バージョンも作ることにしました。 手順 以下の手順で作成

Rails の with_options がヤバいし、なんならバグってたって話

Zenn · 2022-06-08

3行で Rails の with_options は黒魔術 ちゃんと使わないとバグる ちゃんと使っててもバグってた どんな機能? with_options というメソッド、ご存じでしょうか? https://api.rubyonrails.org/classes/Ob

Jetpack ComposeとRecyclerView(やGroupie)のパフォーマンス比較

Zenn · 2022-06-08

概要 FlutterでもSwiftUIでもそうですが、宣言的UIなアプリを作る際は、ちゃんとパフォーマンスを意識して作らないと効率の悪い状態になります。 では、公式で書いてある通りに実装したとして、旧来の方式(RecyclerView)と比べてもJetpack Compose

Notion APIとデータベースを使ってCMSを作りベトナム語の単語学習アプリを作成した

Zenn · 2022-06-08

使用技術 Next.js TypeScript Notion SDK JS TailiwindCSS この記事を書いたきっかけ こんにちは。 ITエンジニア1年生のひろっきーと申します。 私にはベトナム人のパートナーがおり、ベトナム語の習得をしたいと感じたが私自身エン

【AWS】AmazonConnectの電話番号に架電してから、着信するまでの流れについて、自分なりにまとめてみた

Qiita(trend) · 2022-06-08

はじめに どうも、ARIの名古屋支社に勤務している愛知県民です♪ (/・ω・)/ 最近、AmazonConnectについて初学者向けに発表する機会があり、AmazonConnectについて色々調べました。 そこで今回はAmazonC...

【初投稿】Google Magenta でファイナルファンタジーの戦闘曲を学習させて新曲を作る試み

Qiita(trend) · 2022-06-08

初めまして! Qiita初投稿です。 自身の初学習成果を備忘録も兼ねて投稿します。 初学者向けの内容です! 開発環境は少し古いです😅 Magentaを導入して自動作曲アートとして何か面白いアイデアの参考になればと思います。 海外でもニ...

ts-patternでTypeScriptにパターンマッチングを持ち込み、より型安全な世界へ

Zenn · 2022-06-08

0. はじめに 現代のWebアプリケーションの開発言語として、TypeScriptはファーストチョイスの一つです。特殊なケースを除き、フロントエンドの開発言語にはTypeScriptが選ばれるため、言語を統一するメリットを優先し、バックエンドにもTypeScriptが採用され

Cloneは用法容量を守って使いましょう。

Qiita(trend) · 2022-06-08

Cloneは用法容量を守って使いましょう。 TL;DR Cloneは、メモリコピーのコストもあるが、リソースの保持者が分かりにくくなるので注意が必要 参照をうまく使うことでCloneを減らすことができる。 Cloneは悪でもない...

React初学者からみた最良のディレクトリ構造

Qiita(trend) · 2022-06-08

こんにちは!最近、中華ばっかり食べてる話をしていたら「中華マン」というあだ名を つけられました、中華マンことゆーだいです。 今回は、ReactでTodoアプリを作る際に、どのようなディレクトリ構造がベストなのかについて疑問に思ったので...

TypeScript: const n=1とconst n:1=1は何が違うのか、なぜ違うのか

Zenn · 2022-06-08

TypeScriptにおいて、それぞれ以下のように書いたときの違いと、その理由を説明できますか。 const n: 1 = 1; const n = 1; 両者の違い エディタでホバーするといずれも 1 という型が表示され、一見同じことをしているように思えるかもしれません。し

Reactでスクロール位置によって要素のスタイルを変える

Zenn · 2022-06-08

以前、Webページでスクロール位置に応じて要素のスタイルを変えたいようなケースがありました。 上の例では、最初は60pxですが、現在の位置より上にスクロールされると少しずつサイズが小さくなり、ビューポート上部に達したときに20pxになるように実装されています。 これをReact

[NFT] Pythonで独自コントラクトを作成しアイコンをmint(NFT化)してみた

Qiita(trend) · 2022-06-08

今回の記事の目的 OpenSeaなどのNFTマーケットを利用すれば簡単にNFT化できるが、今回はPython(一部solidity)で独自にやってみることによってNFT化とはどんなことをやっているか理解する ※詳しい用語の説明はして...

ITILファンデーション合格体験記

Qiita(trend) · 2022-06-08

はじめに この度「ITIL® 2011 Foundation」に満点合格しました。 これから受験を考えている方に、使用した問題集や勉強法など、参考にしていただければと思います。 試験を受けた感想・難易度 試験の難易度は公開されてい...

WWDC22, iOS 16: WeatherKitで気象データを取得

Qiita(trend) · 2022-06-08

※一般公開されているWWDC Keynoteの動画と公開Session/Documentation/Sample Codeページだけを使ってこの記事を執筆しました。 新しくリリースされたWeatherKitフレームワークでは、...

マイベストにおいて graphql-ruby はどう使われているか

Zenn · 2022-06-08

こんにちは、マイベストに中途で入社して1年が経ったegamiTaです。 本記事ではマイベストにおけるRails内でのGraphQLの運用について紹介していきたいと思います。 マイベストではコンテンツの作成・管理をする社内向けのプロダクト(いわゆる管理画面)のAPIにGraphQL

Airflowはすごいぞ!100行未満で本格的なデータパイプライン

Qiita(trend) · 2022-06-08

はじめに ワークフローを作成、実行、監視するためのプラットフォーム「Airflow」が、近年人気を集めていて、多くの企業に利用されています。Airflow Summit 2022 のようなグローバルイベントも開催されるようになり、世...

自動テストとの向き合い方

Zenn · 2022-06-08

はじめに 初めまして! 株式会社おてつたびでフルスタックエンジニアをしているぶりぼんと申します。主にフロントエンド領域を開拓しており、ReactやTypeScriptが最も得意です。 今回は、おてつたびの自動テストとの向き合い方に関してお話しします。 フロントエンドのテスト環

【ecsh】ECS execでのコンテナログインを楽にするツールを作りました

Zenn · 2022-06-07

ecsh ECS Execを使用したコンテナへのログインを対話形式で実行するツールです。 すべて対話形式で進むのでコマンドを実行するだけで使えます。 https://github.com/kishii4726/ecsh install バイナリファイルを取得してパスの通

【Python】声優100人をキレイに話者識別するための機械学習レシピ

Qiita(trend) · 2022-06-07

とあるプログラミング学習サイトで以下のような講座を見つけました。 Python×AI・機械学習入門編2: 話者認識をしよう 機械学習で音声認識を行います。音声データから特徴量を抽出する方法を学習し、SVMで分類します。 とても...

Productivity Weekly (2022-06-01号)

Zenn · 2022-06-07

こんにちは。サイボウズ株式会社 生産性向上チームの平木場です。 僕たち生産性向上チームは毎週水曜日に Productivity Weekly という「1 週間の間に発見された開発者の生産性向上に関するネタを共有する会」を社内で開催しています。 本記事はその時のネタをまとめたもので

【Android】PlayBillingLibrary を3.0→4.0にバージョンアップ&課金処理実装してみた

Qiita(trend) · 2022-06-07

はじめに こんにちは。 PlayBillingLibraryのバージョンを上げる機会があったので備忘録として残しておきます。 RevenueCatというツールを使ってアプリにサブスクリプションを実装しようとした際にPlayBilli...

Fastify DX というフルスタックなフレームワークは伸びるか?

Zenn · 2022-06-07

Fastify DX という、Node.js 製のフルスタックなフレームワークが発表されています。開発者は Jonas Galvez さんで、NearForm という Fastify の開発をスポンサーしている企業の方です。 同じく NearForm で働いている Fastify

Microsoft Lobe × Power App で画像分析アプリをカンタン作成 [BUILD2022 Update]

Qiita(trend) · 2022-06-07

マイクロソフトが提供する Lobe は、画像分析モデル(Classification)を手軽に作成、利用できるアプリです。最低5枚の画像(1タグ付けあたり)からモデルが簡単に作成でき、動画を撮りながらスナップショットで学習画像登録がで...

API Gateway × Lambdaの設定による挙動の違いを見ていく

Zenn · 2022-06-07

Serverless Frameworkでバックエンドを構築した際、API Gatewayの設定によって色々ハマったので調査してみました🔎 調べるきっかけになったお困りごと API Gatewayと連携しているLambdaでHTTPヘッダーが上手く取得できないことがありました

Next.jsにThree.jsを導入して表示させるまでの手順【TypeScript】

Qiita(trend) · 2022-06-07

Next.js(Reactのフレームワーク)に、Three.jsを導入してジオメトリを表示させるまでの手順を解説していきます。(※TypeScriptを使用) Next.jsのプロジェクトを作成する まずはNext.jsのプロジェク...

Supabaseで作る勤怠管理システム

Zenn · 2022-06-07

最近話題になっているBaas(Backend as a service)のSupabaseとNext.jsで勤怠管理システムを作っていきます。 Supabaseを使ってみたい, Supabaseで何か作ってみたいという方には特にオススメです。

QR-UOV 理解ログ 1/7

Zenn · 2022-06-07

個人的に気になっている QR-UOV について理解したことをまとめていきます. H. Furue, Y. Ikematsu, Y. Kiyomura and T. Takagi: "A New Variant of Unbalanced Oil and Vinegar Using

[UE5] City Sampleのライティングをエディタ上で昼から夜に変える方法

Qiita(trend) · 2022-06-07

City Sampleの夜景を見たい場合、プレイインしてUIからNight Modeに変更するのが主なワークフローとなりますが、細かく検証する際はいちいちプレイインせずにそのままエディタ上で見れる方が便利かと思います。本記事にて、エデ...

ReactからSolidに変えました

Zenn · 2022-06-07

趣味でプログラミングをしていて、ライブラリをReactからSolidに変えたので、変えるときに気をつけたことを書きます。 クラスコンポーネントを関数コンポーネントにする Solidにはクラスコンポーネントがないので、関数コンポーネントに書きなおします。 フック関数を変える

FlutterでTwitter API v2.0のVolume Streamを使用する方法

Zenn · 2022-06-07

概要 Twitter API v2.0 では現時点(2022/06/05)でVolume StreamとFiltered Streamでのストリーミングがサポートされていますが、今回はその中のVolume Streamに関してFlutterでどのように実装するのか紹介します。

韓国のプログラマーの生活(2)どんな言語が使われるか?

Qiita(trend) · 2022-06-07

初めて、Qiitaで記事を投稿してみます。韓国人なので、日本語が下手な部分があるかもしれません。これからQiitaに日本語で記事を投稿しつつ、日本語の勉強も頑張ります。どうぞよろしくお願いします! 自己紹介 初めまして、このよ...

新人さんにすすめる「もくもく会」 2022年初夏 🍧

Qiita(trend) · 2022-06-06

平日毎朝 9:00-10:00 という時間に「もくもく会」を開催しています。 いま話しかけて良いのかな... ちょっとだけ質問したいな... 集中力切れちゃったな... リモートワークをしているとそんな悩みがあります。 オフ...

WWDC 2022 基調講演 まとめ (新しいフレームワークの紹介とSessionリンク)

Qiita(trend) · 2022-06-06

※一般公開されているWWDC Keynoteの動画と公開Session/Documentationページだけを使ってこの記事を執筆しました。 「(API)」と表記されている機能は、開発者が自分のアプリで利用できる機能であることを意味し...

[Power BI] 「データを取得」時の工夫🤩 軽いデータでレポート作り→公開時は全件データ

Qiita(trend) · 2022-06-06

はじめに レコード数の多いデータをインポートしてレポートを作成しなければいけないとき、こんな風にしてみるのはいかがでしょうか。 やりたいこと レポートを作成するときは一部のデータで行いたい Power BI Serviceで公開...

direnv で環境変数を切り替えつつ、ghq + peco でディレクトリ移動をサクサクやりたい!の覚書

Zenn · 2022-06-06

はじめに 僕は今まで、仕事で使ってるPC(Mac)と私用のPC(Windows)を完全に分けていたんですが、結構不便なこともある、というか正直毎回つなぎ替えるのがめんどくさくて、仕事用のMacでも色々できるようにしたいな〜と思ってました。 一番心配していたのは「何かしら間違え

初心者 flutter x firestoreの複合クエリに挑戦する(multiple search)

Qiita(trend) · 2022-06-06

ユーザーとしては、あって当然の機能だが  うっかりつくる側に回ってしまった初心者には、とても大変なことだった。基礎をおろそかにしたまま応用に走るからいけないんだということはわかっているけれど、これは性格なのでしようがない。公式ドキュ...

QuickSight で Athena と連携して ALB のアクセスログを可視化してみた

Zenn · 2022-06-06

先日 QuickSight のチュートリアルを実施したのですが、30 日間の無料トライアル期間中なので、色々遊んでみることにしました。 今回は、QuickSight で Athena と連携して ALB のアクセスログを可視化してみました。 事前準備 ・QuickSight

zxの紹介 〜 さよならシェルスクリプト そして伝説へ|Offers Tech Blog

Zenn · 2022-06-06

はじめに こんにちは!! プロダクト開発人材の複業転職プラットフォーム Offers を運営する株式会社 overflow 普通のバックエンドエンジニアの takkun7171 でございます。 最近は Apex もやってますが、筋トレにハマっています。可変式ダンベル買ったん

On-demand ISRはSSRの代わりになり得るのか

Zenn · 2022-06-06

ファンタラクティブのエンジニアの 太田 です。 Next.js v12.1でリリースされたOn-demand ISRについて、SSRの代わりになり得るのか考えました。 SSRとは ユーザーがページアクセスするたびに、サーバーサイドでデータ取得をしプリレンダリングした結果をク

README に開発のセットアップ方法を書こう(書いてくれ)

Qiita(trend) · 2022-06-06

READMEに何を書くべきか問題 リポジトリの顔とも言うべきREADMEに何を書くべきかは多くの方が議論されていると思いますが、ここではリポジトリのソースコードを利用して開発を始める時の手順(セットアップ)の記述に関して、自身の体験...

複業体験談 - エンジニアの個人的感想

Zenn · 2022-06-06

複業体験について個人的な感想を書いた記事です。 エンジニアとして副業(複業)をやってみたい、興味がある、または始め方がよく分からないという方の参考になれば幸いです。 複業をはじめた経緯 副業をはじめた当時はWebシステムの受託開発の会社に勤めていました。 その会社ではレガシー

突発的に会議を開催する「突然の会議ジェネレーター」を、ZoomとGoogleCalendarとSlackのAPIを使って作った

Qiita(trend) · 2022-06-06

この記事は、「Qiita Engineer Festa 2022」に参加するために執筆した記事です。 TL;DR ランダムに社員4人を抽出し、Google CalendarのAPIで空き時間を取得し、ZoomのAPIで会議を作成...

Terraform Cloud Run Tasks (GA) と自前の Open Policy Agent サーバーを連携して遊んでみる

Zenn · 2022-06-06

ちなみに… 「Terraform Cloud/Enterprise で OPA をネイティブにサポートしてほしい!」というリクエストは数多く寄せられていて、時期こそお伝えできないものの、サポートする動きは進んでいるようです。 Terraform Cloud Run Tas

【2022年最新】オススメのプログラミング学習サービス集

Qiita(trend) · 2022-06-06

はじめに 今回はプログラミング初心者と中級者向けの、プログラミング学習サービスを紹介します。 自分自身が実際に学んできた中でよかったものだけをピックアップしています。 なお、progateやドットインストールといった誰でも知っている...

【初心者向け】ちゃんと理解するIPアドレス

Qiita(trend) · 2022-06-06

この記事に書いてあること 理解しておきたいIPアドレスの基礎的なことについてまとめました。 記事を書いた経緯 クラウド関連のことを学習していたらネットワークやらIPアドレスやら出てきて、理解ができなかったので改めて基礎的なところを...

次世代Pythonバインディングライブラリnanobindを試す

Zenn · 2022-06-05

Pythonバインディングとは? (主に)C/C++で書かれたコードをpythonで使えるようにすることを言います。 このようなことを行う理由としては、Pythonはもともと計算のパフォーマンスがあまり良くなく、ボトルネックとなるような処理をC/C++のような処理の速いコンパ

その日のコミット数に応じて伸びる Gopher くん svg

Zenn · 2022-06-05

Github の README でよく見るオシャレなやつを作りたくなったので、 Gopher くんで遊ぶ。 https://streaching-gopher.herokuapp.com/?username=ogty 必要な機能 コミット数の取得 &lt;svg&gt;を

「ファシリテーションの教科書」を読んで、会議とプロジェクト進行に活かしたいポイント

Qiita(trend) · 2022-06-05

ファシリテーションの教科書: 組織を活性化させるコミュニケーションとリーダーシップ | グロービス |本 | 通販 を読んだ。 ファシリテーションとは変革リーダーのコアスキルと...。 感想 単に会議の場面で議論を方向づけ、結論...

【Linux】パーミッション 初心者のための超基本

Qiita(trend) · 2022-06-05

環境 MacBook Air (M1,2020) macOS Monterey ⚠️こちらは、Linuxに入門したばかりの初心者が投稿しております⚠️ 先日SSH接続をした際に、秘密鍵のパーミッションを600に変更しました。 こんな感...

kubernetesについて、登場人物をまとめてみた。

Qiita(trend) · 2022-06-05

コンテナオーケストレーションとは? Docker Swarm、Mesos、Kubernetesに代表される、複数のコンテナをうまく管理するための仕組み。 コンテナが動作するマシンが一つだと、マシンの故障とともに中で動くシステムもダウ...

安全運転管理者業務を楽にしたい!teachablemachineとLine botを使用して アルコールチェックの自動記録してみよう

Qiita(trend) · 2022-06-05

今回のチャレンジ 道路交通法が改正されて4月から安全運転管理者義務に酒気帯び有無の確認が追加されました。 10月には更にアルコールチェッカーを使用してのチェックと記録の保管も義務化されることを見越してアルコールチェックの自動記録に...

【knowledge】Design Docをビジネス職で応用する

Zenn · 2022-06-05

想定読者 データアナリストや〇〇Ops、企画職などプロジェクトのマネジメントに関わる方 プロジェクトマネージャーの元でプロジェクト推進を行う方 (エンジニアの方) Design Doc とは 2007年の Google Developer Day Tokyo での鵜飼

ジョージア工科大学のコンピュータサイエンス修士課程に進学します

Zenn · 2022-06-05

https://twitter.com/yusuktan/status/1513850658444972040 アメリカの州立大学、Georgia Institute of Technology (以下ジョージア工科大学)が提供しているコンピュータサイエンスの修士課程オンラインコ

【TypeScript】型ガードを改めて整理する

Zenn · 2022-06-05

どうもフロントエンドエンジニアのoreoです。 この記事では代表的な型ガードの方法について整理したいと思います。 型ガードとは、ある値に対して特定の型かどうかチェックし、その結果に応じて処理を分けることを指します。ユーザー定義型ガードや型ガードの変数代入は、知っておくと差がつきま

LEGO 部品を利用した回転型倒立振子のレシピを公開!(第 3 回:運動方程式編 ー MATLAB / Symbolic Math Toolbox)

Qiita(trend) · 2022-06-05

YouTube 「かーたー」チャンネル 1. はじめに  倒立振子は不安定なシステムであるため,適当にコントローラのパラメータを決めても倒立させることは困難です.そこで,倒立振子のふるまいを表現するモデルを微分方程式で記述し...

iOS Safariのセーフエリアの対応を行う

Zenn · 2022-06-05

ios15でアドレスバーを「シングルタブ」に変更して、下固定のボタンをクリックするとボタンが反応しないでsafariのメニューボタンが出てきてしまうため、その時に対応したことになります。(状態については下の画像のような状態です。) ! 「シングルタブ」・「タブバー」の切り替え方

SECCON Beginners CTF 2022 Writeup (Crypto)

Zenn · 2022-06-05

はじめに VLANouroboros の HK-ilohas として、SECCON Beginners CTF 2022 に参加しました。今年は Crypto 全問と Misc 数問を解きました。去年は Crypto が 1 問解けなかったので、きっと成長しているのでしょう。

Bluetooth イヤホンの接続がスリープ中の PC に吸われて辛い思いをしているあなたへ

Zenn · 2022-06-05

🌙 ある日のこと 「あ〜仕事終わった〜〜!!今日も開発にミーティングに色々頑張ったな...」 「スマホで音楽聴きながら帰ろっと...」 「ん...??? 全然この bluetooth イヤホンがスマホに繋がらない...」 「あ、 PC の bluetooth オフにし忘れたか

ソフトウェア開発は、自作トースターだ!!

Qiita(trend) · 2022-06-05

ソフトウェア開発において、英語の良質な記事や本などがすでに大量に和訳されています。しかし、世界中最も母国語話者(出典)の多い中国語から翻訳されたものはまだ少ないでしょう。中国・台湾国内のみならず、シリコンバレーで勤務する中華系のつよつ...

ソフトウェア開発は、自作トースターだ!!

Zenn · 2022-06-05

ソフトウェア開発において、英語の良質な記事や本などがすでに大量に和訳されています。しかし、世界中最も母国語話者(出典)の多い中国語から翻訳されたものはまだ少ないでしょう。中国・台湾国内のみならず、シリコンバレーで勤務する中華系のつよつよエンジニアたちの個人ブログを読んで、大変勉強

Vue 向けの Vite 製の UI コンポーネントカタログツール Histoire

Zenn · 2022-06-05

Histoire はフランス語で「Story」という意味の単語であり、Storybook のように UI コンポーネントのカタログを作成するツールです。 Histoire は以下のような特徴を謳っています。 Vite にネイティブ対応 Histoire は Vite 向けのツ

Kaggle Image Matching Challenge 2022 まとめ

Qiita(trend) · 2022-06-04

2022年6月時点の情報です あと数式とか間違えてるかもしれないので見つけたら教えて下さい 今回 Image Matching Challenge 2022 | Kaggle に参加しました 約1ヶ月ほど参加しました 一緒...

【Next.js】サッカー選手の成績を分析するための準備

Zenn · 2022-06-04

はじめに サッカー選手の試合成績を分析したい 本記事で説明する内容 データ分析用に以下項目を実施 データ基盤整理 UI 設計 CSV 出力 分析チュートリアル API を使ってデータを取得する 今回はマンチェスター・シティの選手を対象とします。 使用する AP

ソフトウェアアーキテクチャの基礎 第1部 [要約]

Zenn · 2022-06-04

はじめに 仕事仲間からアクティブ・ブック・ダイアローグに誘われて「ソフトウェアアーキテクチャの基礎」の要約をしていくことになった。 それまで漠然としていたアーキテクチャという概念を整理したいと思ったことに加え、定期的な要約作業によって文章力のトレーニングを習慣化する良い機会

やっちまった。。GCPでプロジェクトをまたいで請求を予算内に抑える方法

Zenn · 2022-06-04

クラウド破産という言葉は他人事だと思っていましたが、やってしまいました。 数万円の請求額 k8sの独学コースを始めたのを失念しており、先月のGCP請求額が数万円になってしまいました。 Budget/Alert機能で通知メールは飛ばしていたのですが、Inboxの海に埋もれてい

『ペアデザ』で現場の共通言語をつくった話

Zenn · 2022-06-04

はじめに 本記事はUIデザインも扱うフロントエンドエンジニアが短納期PJで他エンジニアと行った「ペアデザイン」という取り組みについて書いたものです。 デザイナーとエンジニアが協業するときは色んな要望・悩みがあがると思います(短納期PJは特に) ◯ レスポンシブ時の仕様やレイア

[Power BI] PBIXファイルをデータモデルとビジュアルに分割してCI/CDしよう😁

Qiita(trend) · 2022-06-04

はじめに Power BI勉強会のGW合宿にて、Power BI Report Opsと題して発表した内容の一部になります。 こちらの記事を併せて こちらの記事が併せて読んでいただくとよいかと思っています。ぜひ読んでみてください...

多倍長整数の実装5(乗算とmulx)

Zenn · 2022-06-04

初めに 今回はN桁x1桁の固定多倍長整数の乗算の実装の改善をします。 記事全体の一覧は多倍長整数の実装1(C/C++)参照。 乗算と加算の順序を入れ換える 前回の実装は筆算の通り、「掛け算してから足し算」を繰り返しました(図の左側)。 2 4 7 2

何の売場かを判別し、担当者別に画像を転送するLINE Bot

Qiita(trend) · 2022-06-04

画像があれば何を持って行けばいいか一目瞭然  私は地方スーパーの事務所で働いています。事務所にはお店の出張販売所があって、少し離れた建物にある店舗から担当の人が毎朝商品を補充しに来て下さっています。けれども、何が品切れしているかを...

君には 1 ヶ月で AWS SAA を取得してきてもらうよ

Zenn · 2022-06-04

先輩: 「森本君、この前は無茶振りしちゃってごめんね」 新人: 「いえいえ。確かに大変でしたけど、勉強になりました」 先輩: 「最初は大変かもしれないけど、スキルアップのためだと思って頑張ってね」 先輩: 「ただ本気で辛くなったら、すぐチャットするなり有給取るなりしてね」 新人:

この声優さんたちって共演してる気がする!!!

Qiita(trend) · 2022-06-04

はじめに  『五等分の花嫁』っていいアニメですよね。花澤香菜さん、竹達彩奈さん、伊藤美来さん、佐倉綾音さん、水瀬いのりさん、高森奈津美さん とさまざまな声優さんが出演されています。  声優さんたちが他にどんなアニメに出演されているの...

[Power BI] SharePointまたはOneDriveを使用したCI/CD

Qiita(trend) · 2022-06-04

はじめに 以前、Power BI勉強会で発表した内容の一部を記事化しました。 ビジュアルとデータモデルの分離については別記事にします。 Power BI Report Ops 通常、Power BI Reportを一人で作成し...

AIによる野菜識別器アプリの作成

Qiita(trend) · 2022-06-03

はじめに 初めまして、Yukimuraと申します。 ネットワークエンジニア(非AI)をしていますが、AIエンジニアをやりたいなと思っている今日この頃です。 E資格やDS検定(リテラシーレベル)は取得済みのため、AIに関する基本的な知...

「これどこにあるの?」 Teachable Machineを使って売り場探すLINE bot作成記録

Qiita(trend) · 2022-06-03

「これどこにあるの?」 こんにちは。 自社の店でも迷い子になる、コードとか見たらすぐ頭が痛くなるのにDXに関わっている部門で働くスーパーマーケット社員でーす。 近ごろは、人手不足が深刻だ。特別なスキルを要求するわけではなく、ごく普...

EC2 に Docker と Node.js を入れてコンテナを動かしてみた

Zenn · 2022-06-03

AWS でコンテナを実行するサービスとして、ECS や EKS があります。 とても便利なサービスですが、今回は勉強のために EC2 に 自分で Docker と Node.js をインストールしてコンテナを動かしてみました。 参考サイト 以下のサイトを参考にしました。 ht

ブロックチェーン方面の The Graph を試してみる (for developers)

Qiita(trend) · 2022-06-03

Running through Camilia's workshop with (sometimes) translation into Japanese. Camila さんによるチュートリアル記事 を やってみました。たまに翻訳...

Frontend Talk(2022-06-03)

Zenn · 2022-06-03

こんにちは。株式会社HRBrainでフロントエンドエンジニアをしているしっぽくんです。 私たち HRBrain では週に1度30分、フロントエンドトークという「1週間の間に発見したフロントエンドに関するネタを共有もしくは相談する会」を社内で開催しています。 今回は公開第 4

FirebaseUI for Web を使って、ログイン・サインアップ機能を作るときは気を付けよう!

Zenn · 2022-06-03

こんにちは。地図パズル製作所の都島です。地図パズル製作所では Firebase Authentication を使って、ログイン・サインアップ機能を構築中です。構築には、FirebaseUI for Web を使っているのですが、想定外な点がいろいろありましたので、説明して行きた

【備忘録】個人的によく使う「ファイル名を指定して実行」

Qiita(trend) · 2022-06-03

はじめに 「ファイル名を指定して実行」で自分が使っているコマンドを備忘として残します。 必要に応じて随時追記していきます。 「ファイル名を指定して実行」って? 「ファイル名を指定して実行」を起動し、入力欄に特定のコマンドを打ち込...

デザインを実装する際に齟齬がうまれやすい「余白」

Zenn · 2022-06-03

ランサーズのデザインシステムで策定している新しい余白ルールについて 基本8の倍数のpxで定義(maxは64px) 56pxは使用しない(64pxと比較時にデザイン的な意味の差が無かった為、64pxを採用) 例外的に4px、12pxだけは使用可能とする それ以外のpxの余白は認め

りあクト!第3.1版を読んでハマったこと(2022/05)

Zenn · 2022-06-03

この記事は2021年9月発行の『りあクト! TypeScriptで始めるつらくないReact開発 第3.1版』を、2022年5月に読んでハマったことのまとめです。 https://booth.pm/ja/items/2368045 Ⅰ. 言語・環境編 1-2. プロジェク

GitHub Actions から OIDC を使って Google Workspace のドメイン内にのみ共有しているデータにアクセスする

Zenn · 2022-06-03

Google Workspace の組織内限定で共有しているスプレッドシートなどのデータに定期的にアクセスして集計スクリプトを回したいときってありますよね。 GAS でやるっていう手もありますが、好きな言語を使えることや、コード管理・デプロイ周りの簡潔さを考えると GitHub

【フルスタックアプリ入門】ブックマークアプリを作成しよう(Next.js & TypeScript & NextAuth & Prisma)

Zenn · 2022-06-03

2022 年現在、世界で最も使われているフロントエンドのライブラリは React です。 そして、React の強力なフレームワークである Next.js は SSR や SSG にも対応が可能であり、フロントエンドのあらゆるニーズに答えることができます。 本書籍では、そんな

Next.js + react-konvaを使ってみた

Zenn · 2022-06-03

こんにちは! takjinです。 今回はNext.js + react-konvaを使う機会がありましたので、導入から描画、画像データを保存するところまで、紹介していきたいと思います。 実行環境はこちらです konva: 8.3.9 next: 12.1.6 react: 18.

vuetifyのv-calendarで土日の色を変える

Qiita(trend) · 2022-06-03

今回vuetifyのv-calendarを使用した中で、土日のカレンダーの背景色を変えることに苦労したので書いてみようと思います。 前提 vue: 2.6.11 vuetify: 2.6.0 手順に行き着くまでの過程 当初は、vu...

Kubernetesをだいたい理解するまで

Zenn · 2022-06-03

インフラ初心者がいきなり実務でKubernetesを使うことになったので、その学習記録✎ 流れとしては、 概念的なところを抑える 実際に手元で動かしてみる です! また、すでにKubernetesについて書かれたわかりやすい記事がたくさんあるので、本記事はそれらをもとに自分の

JavaScriptのデバックにはdebugger文を使おう

Qiita(trend) · 2022-06-03

JavaScript初心者のため、デバック力がまだまだ拙くどうしたらデバック力ってつくのだ…と悩んでいたら 👨‍💻 &lt; スタックトレースするといいよ! 👨‍💻 &lt; スタックトレースするにはdebuggerとかconsole...

NextAuthをvercelで使うときに絶対見て欲しい、、、ママ。

Zenn · 2022-06-02

概要 NextAuthとVercelのデプロイの組み合わせは非常にタチが悪く、じゃんけんで言うところの「後出し」のようなことをたくさん仕掛けてくるので、今後のためにそれらについてまとめることにする。 罠1: NEXTAUTH_URLを使ってりゃいいわけじゃねーんだ編 Ne

UE5で削除された r.TonemapperFilm 0 の代替手法(ToneCurveAmount)

Qiita(trend) · 2022-06-02

アンリアルエンジンでトゥーン表現などを行う場合、 デフォルトで適用されているフィルム トーンマッパ "r.TonemapperFilm 1" によって 少し色がくすんでしまって困る、ということがありますよね。 フィルム トーンマッパ...

【CSS】CSS Grid Layoutの新機能「サブグリッド」の使い方 - CSS Grid

Qiita(trend) · 2022-06-02

概要 今まで、Firefoxでしか実装されていなかった、 CSS Grid Layoutの新機能「サブグリッド」が、Interop 2022の取り組みによって、 主要ブラウザすべてで、サポートされようとしています。 それに伴い、CS...

第1形式と第2形式と接続と共変微分について

Qiita(trend) · 2022-06-02

概要 勉強会用のメモです。 途中式や証明は省略して、式の意味と関係だけを記載します。 詳細は「応用数学基礎講座 微分幾何」をご参照ください。 第1基本形式 2次元の領域$u,v \in \mathbb{R}^2$から3次元空間$\...

データサイエンティストのためのWebアプリ開発入門(現在執筆中)

Zenn · 2022-06-02

※※本資料は2022年6月2日時点で執筆途中のものとなりますのでご注意ください。 本講座資料は会社内のデータサイエンティストに向けて、Webアプリ開発の基礎をハンズオンでお伝えするための資料を一般公開したものとなります。タイタニックの特徴量を与えると自動で生き残る確率が返ってく

GitHub ActionsでのPR操作権限はデフォルトでオフになったよ

Zenn · 2022-06-02

事象 GitHub ActionsでPRを自動で作るようにしていたが、ある時からコケるようになった。 error Run gh pr create -B staging -t Develop -b "" pull request create failed: GraphQL

なぜ !1 なのか?

Qiita(trend) · 2022-06-02

プロジェクトの古いソースコードを眺めていると次のような記述があった。 { hoge: !1 } !1 !?!? そのコードを見た時、正直笑いました。 なんでそうなるの??って。 そして理由を考えてみたのです。 かのプログラマ...

Redux と Firebase バージョン9 を使ってログインとCRUD処理を実装

Zenn · 2022-06-02

Redux の使い方について学習したいと思い、React, Redux, Firebase を使ったシングルページアプリケーションの開発を行いました。 Firebase SDK バージョン9 を利用しており最終的なコードは GitHub にて公開しており下記のリンクからアクセスで

Next.jsと型安全session

Zenn · 2022-06-02

Next.jsをBFFサーバーで使う時、セッションを使いたいケースもあるかと思います。この際にnext-session が結構便利で一工夫すれば型安全なセッション管理ができるので紹介です。 next-sessionのメリット expressでRedisなどを利用してセッション

ファミチキで学ぶ String 型

Qiita(trend) · 2022-06-02

皆さん、こんにちは。 ゴールデン・ウィークから 28日。そして、次の祝日まで 46日の中日。いかがお過ごしでしょうか。 今回は "Java" のお話。 Java を学習し始めた人のほとんどが躓くであろう Java の String 型...

動的リッチメニューを試してみた #linedc

Zenn · 2022-06-02

LINE Developer CommunityはLINE APIに関連する最新情報や開発Tipsを共有するコミュニティです。 2022年4月に行われたLINE DC Monthly LT #1 - LINE de IoT「ものづくりを語ろう!」では、IoTとLINEを連携させた

退屈なURLクエリパースは gorilla/schema にやらせよう

Zenn · 2022-06-02

Intro こんにちは。みなさんは gorilla/schema というGoのライブラリをご存知ですか? gorilla/muxなどで有名な、Go言語でのWeb開発向けライブラリコレクションであるgorila toolkitのひとつです。私は恥ずかしながら最近まで知らなかった

render hooks パターンの素振り

Zenn · 2022-06-02

以下の記事で紹介されている「render hooks パターン」がすごく良いなと思ったので、実際に業務で利用した構成を元に実装してみました。 https://engineering.linecorp.com/ja/blog/line-securities-frontend-3/

【AWS】関数URLを利用して外部からLambda関数を呼び出す

Qiita(trend) · 2022-06-01

1.はじめに どうも、ARIの名古屋支社に勤務している愛知県民です♪ (/・ω・)/ 2022年4月6日にLambda関数に「関数URL」という機能が追加されたようです。 一言でいうと、API Gatewayの設定なしで外部からL...

Scapyで色々なパケットを作ってみた

Qiita(trend) · 2022-06-01

概要 ScapyはPythonで記述されたコンピューターネットワーク用のパケット操作ツールである。今回はそのScapyを使用してのパケット作成から送信、Wiresharkでの確認までをまとめていく。 参考 ネットワークの勉...

PythonとHerokuで謎解きLINEbotを作る 前編

Qiita(trend) · 2022-06-01

1週間前、「27 Letters」というLINE公式アカウントを利用した謎解きゲームをリリースしました。 この記事は、その「27 Letters」で使用したLINE botの作り方についての雑記です。 本記事は前後編に分かれています...

LEGO 部品を利用した回転型倒立振子のレシピを公開!(第 1 回:製作編)

Qiita(trend) · 2022-06-01

この記事は note に書いた記事を Qiita に移植したものです(内容はほぼ同じです). YouTube 「かーたー」チャンネル 1. はじめに  ここでは,工作に自信がない人でも,比較的,簡単???に「回転型倒立振...

Power Automate から Teams に投稿したアダプティブカードを更新する

Qiita(trend) · 2022-06-01

はじめに Power Automate の Teamsコネクタに 「チャットやチャネルのアダプティブ カードを更新する」アクションが追加されます。 ※現在(2022年6月1日時点)はPreview環境にて利用可能です。 Hiroさん...

Redshiftのsuper型配列を反復処理する方法

Qiita(trend) · 2022-06-01

はじめに Redshiftのsuperデータ型は、配列などを簡単に扱うことができ、とても便利である。 今回は、superデータ型の配列を反復処理する方法を簡潔にまとめてみた。 参考ドキュメント テスト用テーブル準備 今回の検証...

6歳娘「パパ、条件によって変わる型を作りたいの」

Qiita(trend) · 2022-06-01

とある休日 娘「パパ」 ワイ「なんや?娘ちゃん」 娘「あのね、友達が」 娘「TypeScriptの便利な型を忘れちゃったの」 ワイ「そうなんや」 ワイ「便利な型を忘れてもうて、どうなってんねんそれ」 ワイ「ワイも一緒に考えてあげるか...

ステルスリリースが好き

Zenn · 2022-06-01

機能が完成した!いざリリースだ! ふとPull Requestを見ると、差分が大きくなってしまうことってよくありますよね。 『ちょっと差分が大きくなったけれど...』 『テストも書いた...』 『CIだって書いてる...』 『リーダーもレビュー済みだ...』 『本番データと同

trivy-actionを使ってDocker imageの脆弱性診断をやってみた

Qiita(trend) · 2022-06-01

はじめに 皆さんこんにちはasmgです。今回は、セキュアな状態で、Dockerimageを作成するために、GitHubActions上でtrivyを使いDocker imageの脆弱性診断をやってみたいと思います。 本記事の対象者...

FlutterアプリのPresentation層構成方針

Zenn · 2022-06-01

この方針策定のためのディスカッションページ https://github.com/orgs/altive/discussions/1 当方針は @naipaka さんにより起案・骨子考案いただきました!ありがとうございます👏 @keimiya_325 さん、ディスカッションへの

初めてバズった(?)のでGoogleAnalyticsで分析してみた

Zenn · 2022-06-01

こんにちわ alivelimb です。 先日書いた「君には今から 3 時間で機械学習 Web アプリを作ってもらうよ」という記事に予想以上に反響があり、自分が一番驚いています。今回は後日談として、執筆時に思っていたことや Google アナリティクスによるアクセス履歴の分析結果な

【試験まで3週間】基本情報技術者試験の戦略的学習法

Qiita(trend) · 2022-06-01

目次 章 タイトル 備考 はじめに この記事の対象者 1 基本情報技術者試験を受験した理由 2 試験前の自分のITスキル 3 学習期間 4 基本情報技術者試験について 最新版の基本情報...

おてつたびのフロントエンド コーディング規約

Zenn · 2022-06-01

はじめに 初めまして! 株式会社おてつたびでフルスタックエンジニアをしているぶりぼんと申します。主にフロントエンド領域を開拓しており、ReactやTypeScriptが最も得意です。 今回はおてつたびのフロントエンドで定義している、コーディング規約に関してお話しします。 20

コロナ時代の大規模カンファレンスでオンライン登壇した体験が素晴らしかった話

Zenn · 2022-06-01

! iOSDC Japan 2022 のトーク募集 &amp; チケット販売が始まったこともあり、宿題のまま残っていた 2021 の参加記事を書かなければと思っていたら、書きかけになっていた 2020 の記事 が出てきました😇 何が起こったのかちょっと意味がわかりませんが、読み返