ReactでのonClickイベント処理 【イベントハンドラ】 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
Reactの最新版（v18）において、イベントハンドラ関数に引数を渡す方法および基本的なイベント処理について説明します。 ボタンやリンクなど、あらゆる要素をクリックした後に何らかの処理を実行する場合は、常にonClickイベントハンドラを使用します。 これはReactで最も強力で、最も頻繁に使用される機能の一つです。 また、この記事ではonChangeイベント処理についても解説しますが、ほとんどはonClickイベントハンドラを重点的に学習していきます。 SyntheticEvent(合成イベント) Reactのイベントハンドラ イベントハンドラをインライン関数として呼び出す インライン関数にボタンの値を引数として渡す 複数の関数を呼び出す イベントハンドラ内の状態を更新 最後に SyntheticEvent(合成イベント) イベントは、ユーザーが行う操作やシステムが生成するトリガー動作に
はじめに こんにちは。22卒アナリティクスエンジニアの井下田(@hiroki_igeta)です。 普段からデータ基盤の整備とDWH開発はもちろん、ダッシュボード作成、広告ロジック改善にも携わっています。 -- 本記事は、Rettyのデータ分析チームが約3ヶ月間取り組んできた「dbtの導入」を中心テーマとした連載 #dbtでデータの民主化 の3記事目です。 dbtの導入背景については連載記事の1つ目、dbt移行のプロジェクト進行については2つ目をそれぞれご参照いただけますと幸いです。 (Rettyではdbt導入のためにプロジェクトを立ち上げ、dbt移行を推進しました。) 連載記事1つ目：データアナリストがdbtを使って育てるデータマネジメント 連載記事2つ目：dbt移行プロジェクトを振り返ってみた 連載3記事目の本記事では、「DWHの管理を内製ツールからdbtへ移行する際に工夫した点・反省点
![DWHの管理を内製ツールからdbtに移行した話[連載3/3] - Retty Tech Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/fffcfefbd2d67a5c1ebfbfb26969137ee9e9fc39/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fr%2Frettydev%2F20220927%2F20220927082220.png)
3分でわかるデータマネジメント【データモデリング】
データモデリングの意味、必要とされる理由、進め方を解説 本記事では、ユーザー企業の方向けにデータモデリングについて解説していきます。 データモデリングは、データに関する要件を明確化するための技術です。この技術は、データマネジメントを成功させるうえで必須のものとなっています。(”そもそも「データマネジメント」とは？” という方は、こちらの記事『データマネジメントとは何か』もご覧ください。） 本記事ではデータモデリング(およびその成果物であるデータモデル)について、そもそもの意味や必要とされる理由、進め方等について解説いたします。 3分でわかるデータマネジメント【データモデリング】の想定読者層 本記事は、以下の方々を想定して作成しております。 情報システム構築やパッケージ導入に携わる方（特に、ユーザー企業の情報システム部門の方） デジタルトランスフォーメーションに携わる上で、データから価値を見
GitHubのreleaseとtagを自動でつけたい
概要 最近privateドタバタしてて全然開発できてなかったけど、隙間時間で再開🤹♂️ GitHubでよく見るこの辺のreleaseとかtagを自動で打てたら素敵だなぁ と前々から思ってたので、今日はこの辺調べてみ たらすでに素敵な記事があったw 基本上記記事通りやればいいだけだけど ちょっと詰まった部分もあったのでメモ残しとく ポイント 以下やっていく感じ main branchにpushしたらreleaseとtagを勝手に打ってもらう semantic-release コミットの命名規則を見てtagとreleaseをよろしく作成してくれる GitHub Actions masterへのpushでsemantic-release実行してくれるCI ローカルでコミットメッセージの規則性を強制する commitlint コミットの命名がsemantic-releaseの求める規則通りかチ
煩雑なインストール、複雑なディレクトリ構成、フォルダ名の命名規則などの面倒から解放！！ 「sd-webui-train-tools」を用いて、WebUI（1111）上でLoRA学習ができました！！
Terraform RegistryのModuleを使ってAWSリソースを作成してみた | DevelopersIO
はじめに 新オフィスからこんにちは、コンサル部の島川です。 突然ですが、Terraform Module使ってますか？作ったことありますか？ Terraform Moduleとは Terraform RegistryのModuleの話に入る前にModuleについて簡単に説明します。 Terraform Moduleは関係するresourceのまとめを定義しておくテンプレートのようなものです。Moduleに必要な値を与えることで環境を構築することができます。さらにModuleは再利用できるので、環境の複製にとても便利だったり、パーツを組み合わせるようにModuleを使って様々なパターンの環境をさくっと作れたりします。環境の複製についてはWorkspaceもありますが、今回は説明を省略します。 とは言ってもModule本体はただの.tfファイルです。値を変数に置き換えておいて、Moduleを使
実務でリニューアル案件や改修案件をやると、他人が書いたコードをよく見ることになります。悪い意味で"ヤバイ"と思うコードもたくさん目にします。 HTMLは色々な書き方があってOKというわけではなく、正しく意味付けするものなので、ちゃんと書いていれば人によってあまり差が生まれません。一方で、SSは人によってC書き方はかなり様々です。 どんなサイトを作るのか 誰が作るのか サイト公開後は誰が保守・運用するのか これらによって最適な書き方は変わってきます。正解はありませんが、CSS設計を理解して、自分の中でどんなCSS設計手法を採用するかは決めておくべきです。 この記事では、CSS設計に関して、具体的なサンプルも用いて解説します。 👇 メンターやってます 👇 模写修行やこのメディアを作ったエンジニア中心に、メンタリングサービスHello Mentorを運営しています。
オープンソース・ソフトウェア(OSS)は、現在多くの産業で使われていますが、脆弱性やコンプライアンス面で、さまざまなリスクも存在しています。そんな中で注目されているのが、ソフトウェアを構成する要素を一覧できるリスト「SBOM（エスボム）」です。欧米の公的機関などでもSBOMの必要性が指摘されており、今後は国内のさまざまな企業・組織でも対応が求められる可能性があります。 本記事では、株式会社日立ソリューションズ主催「SBOMを語る3日間！OSSマネジメントフォーラム2022」より、SBOM活用検討の中心として活動する経済産業省の三田真史氏の講演をお届けします。前編では、欧米で先行するSBOMをめぐる議論や、国内の検討状況について解説します。 社会的に影響が大きかった「情報セキュリティ10大脅威」 渡邊歩氏（以下、渡邊）：「SBOMを語る3日間！ OSSマネジメントフォーラム2022」Day1
先日発売された新型iPad mini（5世代目）を発売日に購入してから数ヶ月間、日常的に使ってみてのレビューをまとめていきます。 本記事で紹介している第5世代iPad miniの後継となる第6世代iPad miniのレビューは別記事にて紹介しているので、併せてチェックしてみてください。 もはや説明不要なAppleのタブレット「iPad」の小型モデルとして登場したiPad miniは、2012年に発売された初代以降、2013年、2014年、2015年と毎年新モデルが発売されてきました。 しかし2015年に発売されたiPad mini 4はその後モデルチェンジされる事なく販売され続け、今回2019年3月に5世代目となる新型iPad miniが発売されるまでは約4年間ほど新型が出る気配が無く、ラインナップ自体いつ途絶えてもおかしくない風前の灯火でした。そういった意味では今回の新モデルの登場で胸を
IntelがモバイルPC向け「第10世代Coreプロセッサ(開発コードネーム：Comet Lake)」を発表しました。 Intel Expands 10th Gen Intel Core Mobile Processor Family, Offering Double Digit Performance Gains | Intel Newsroom https://newsroom.intel.com/news/intel-expands-10th-gen-intel-core-mobile-processor-family-offering-double-digit-performance-gains/ Intel’s line of notebook CPUs gets more confusing with 14nm Comet Lake | Ars Technica https:/
オンライン転職/入社のコミュニケーションを加速させるFigmaのメリット｜macheri / Designer｜note
まちぇり(@macheri_me)です。2年ぶりの投稿…！1歳8ヶ月になった娘はイヤイヤ期突入し、毎日白目向きながらデザイナーやってます。 そんな感じでプライベートも世の中も大変な時期ですが、最近の大きな出来事といえば転職活動・入社をすべてオンラインで行いました。2020年8月よりクックパッド株式会社のクックパッドマートチームにジョイン。 テレワーク中心(週１出社)ですがたくさんの仲間に囲まれ、ハイスピードで大きなデザイン施策をどんどん任せてもらえています！お仕事楽しい！ 今回、この記事で私がお伝えしたいことは Figmaはこのオンラインが基本となったコミュニケーションにおいて、最高のデザインツールです。 初挑戦のFigmaですが簡単で覚えやすい&他者との共同制作が何よりもやりやすく、デザインに関与するコミュニケーションがノーストレスです。本当に便利...。 【この記事ではFigmaのメリ
「実践！フロントエンド分離戦略」はREADYFOR 株式会社主催のエンジニア向けLT勉強会です。ここで、吉井氏が「フロントエンドの複雑に耐えるために実践したこと」のタイトルで登壇。Next.js を採用したREADYFORのアプリケーション設計・実装について話します。 Next.jsは要件に合わせやすいフレームワーク 吉井健文氏（以下、吉井）：Takepepeです。「フロントエンドの複雑に耐えるために実践したこと」というタイトルで、本日発表します。Reactの地続きとして、READYFORのアプリケーションがNext.js化していくところをお話しします。 分離戦略のゴールです。バックエンドとフロントエンドの責務をきちんと分けて、疎結合すること。フロントエンドの部分ですね。時代に即したベストプラクティスが、いろいろ出てきているので、そういったところを追求できるところがゴールです。 これまでモ
ポメラを買った！ポメラを買ったぞ！長らく気になってはいたものの、折角なら限定色のWHITEかCristalが欲しかった（だがどちらももうとうに完売していて手に入らない）という気持ちもあり、なんとなく買うに至っていなかったポメラを！ついに！買ったぞ！！ 朱野さんの「キーボードなんて何でもいいと思ってた」を読んで以来、欲しいな…私もポメラニアンに…でもな…と迷ってたポメラ、ついに買ったー！明日届くぞー！ https://t.co/uVxZVPlmOP — mochiko (@mochikoAsTech) 2024年5月2日 なぜこのタイミングで買ったかというと、2024年5月に開催される技術書典16で出す新刊（テクニカルライティング本）の原稿があまりに進まなくてつらかったからです。新しい文房具買うとわくわくしてしばらく真面目に日記書いたりするじゃないですか。あの感覚でポメラ買ったらもうちょっと
プログラマーでもエンジニアでもない私がエンジニア転職に向けた取り組みとして「これまでプログラミングの独学に使ってきた技術書の遍歴」を、Qiitaの練習も兼ねて記事を書いてみました。 採用担当者の方が目にしたときに「この人が独学でなにを学んできたのか」がまとまってる記事になるといいですね(誰得感...) 想定読者 開発実務未経験でプログラミングの知識ゼロでまともなSESとかに行きたい方あるいはSES採用担当者様向けな内容になっているかなあと思います。私の学習履歴を並べた自己紹介的な内容ですね。(私はまだ転職できていませんが... プログラマーとして正社員として転職できました) 私について Not プログラマー Not エンジニア 完全に独学のみです。エンジニア転職活動中の者です。(この記事を書いた当時の話です) 「なぜプログラマー/エンジニアを目指しているのか？」ですが、私は平日・土日問わず
IAM で MFA デバイスを複数登録が可能となった影響で MFA 強制の IAM ポリシーに修正が必要です - サーバーワークスエンジニアブログ
カスタマーサクセス部 佐竹です。 本日は、以下のアップデートに関する運用上の注意点のお知らせです。IAM ポリシーで、IAM User に MFA デバイスの設定を強制されている場合に、本アップデートによる影響がありましたので周知のために記載しております。 aws.amazon.com はじめに アップデートの影響 IAM ポリシーへの影響 修正が必要な個所 ${aws:username} 発生するエラー 修正後の IAM ポリシー json 注意点やその他のご連絡事項 影響を受けないお客様 まだ全ての AWS アカウントが複数の MFA デバイス登録に対応していない 2台目の MFA デバイス登録からエラーが発生する場合 1台目の MFA デバイス登録からエラーが発生する場合 MFA デバイス名は AWS アカウント内で一意でなければならない 修正後はアスタリスク (*) で問題はないの
いつもclassの名前をどうするかで悩むどこにどんなclassを付けたか忘れてしまい、コーディングに時間がかかるclassの命名に必要な英語がパッと浮かばない class命名規則のポイント主なポイントclass名を見たらどこの何かがわかるまずclass名を付けるときに注意したいのが、class名を見ただけでどの部分の何に対して指定しているのかある程度検討がつくということです。 特にコーディングを学び始めて間もない方はナンバリングをするだけだったり、何の脈絡もない名前を付けてしまったりして、修正が必要になったときに見返すと「何が何だかわからない状態」になってしまう人もいたりします。 そんな悲劇はもうたくさんです。class名を見れば「だいたいこの辺かな？」とアタリが付けられるようにしましょう。その術を以降で伝えていきます。 ある程度の規則性があるコードの品質が高いレベルで必要な場合は「厳格な
Discordがユーザー名のフォーマットを変更へ。4桁数字は不要に、TwitterやInstagramと同様に | テクノエッジ TechnoEdge
ガジェット全般、サイエンス、宇宙、音楽、モータースポーツetc... 電気・ネットワーク技術者。実績媒体Engadget日本版, Autoblog日本版, Forbes JAPAN他 フリーのコミュニケーションツールDiscordが、ユーザー名のフォーマット変更を計画しています。 これまでのDiscordでは、ユーザー名の後ろに#で始まる4桁の識別子を付与して、同じ名を持つユーザーを区別してきましたが、今後は@マークを先頭に付けた一意の英数字名で識別されるようになります。また、ユーザー名とは別に、特殊文字、スペース、絵文字、非ラテン文字を含む、重複可能な表示名を別に用意できます。つまり、TwitterやInstagramと似たフォーマットになるというわけです。 ではどのようにしてユーザー名を新しくするのかですが、Discordの説明によれば、これまで使用してきたユーザー名の識別子よりも前の
GMOアドマーケティングのT.Kです。 開発環境をDocker Composeで構築していますが、コンテナ間の通信が出来なくなり、原因を調べたらコンテナ名が変わってました。 起きた事 コンテナ名を明示的に指定されていなかったので、V1では<PROJECT名>_<service名>_<連番>で作成されます。アプリケーション側はその命名規則を前提に、コンテナ名を指定して通信を行うように行なってました。V2ではハイフンを使うように変更されたので、<PROJECT名>-<service名>-<連番>で作成されます。アプリケーションからは存在しないとコンテナを通信しようとしてエラーになりました。 対策 container_nameで明示的にコンテナ名を指定する事でV1、V2両方の環境に対応出来ます。また、サービス名を使ってもコンテナ間の通信は行えます。 まとめ 開発ツールのアップデートはリリースノー
PowerShell（パワーシェル）を利用して、Windows上の反復作業を自動化してみませんか？Windows 10に標準搭載されています。 PowerShell（パワーシェル）とは何か？できることやメリット、使い方の具体的な方法などについて、画像を添えた実例でご紹介します。 PowerShell（パワーシェル）とは？ PowerShellとは、Microsoftが開発したスクリプト言語およびキャラクターユーザーインターフェイス（CUI） の1つです。 CUIは主にテキストを使って、パソコンを動かしているWindows OSへ直接コマンド命令を下せます。 たとえば、指定のプログラムを起動したり、ファイルの位置を移したりすることが可能です。 コマンド（文字入力）という名の通り、PowerShellを直接操作するのにマウスは必要ありません。コマンドによりPCの動作制御をおこなえるソフトウェア
はじめに 年次関係なく誰でもできる小さな品質改善活動の話をします。 私事ですが、今年の1月に同じ部署内のCI/CD Grp.に異動しました。 CI/CD Grp. という名前ではありますが、組織でやっていきたいのは Developer Productivity Engineering で、CI/CD関連の業務以外にもいろいろと自由にやらせてもらえてます。 『いいコードを学んだけど、最近コード書けてないや』と、ふと思ったのでせっかく書くなら品質上げるコミットをdevelopブランチにマージするナニカをしようと思ったのが本記事の背景です。 仕様化テストとリファクタするぞ！と意気込んでました 今まで一生懸命がんばってきた甲斐があって、保守しやすいコードを書く大切さを理解し、意図をもってコーディングできる自信がついてきました。（成長したね...） 『CI/CD Grpメンバーとして、他グループの開
Figmaconfig2022で発表されたComponent PropertyとAutoLayoutについても追記しました。 2023年にリリースされたVariables、NestedComponentに対応しました。 2024年のmulti-editに対応しました。 このドキュメントの目的デザインガイドライン・システムに関する理解を深め、UIUXを通したプロダクト価値の最大化が業界として底上げされるといいなと思っています。 あとは、私rikikaが個人的にいろいろなお仕事で作らせて頂く機会をいただくのですが、そのたびに事例や作り方のハウツーが目まぐるしく変わっていき、インターネット上に情報が散らばっていると感じていたのでそのsingle source of truthの役目を担いたいという気持ちもあります。 とはいえ、絶対これが正しいというのもない分野だと思うので、全体感を通して適宜コメ
XDPメモ（アーキテクチャ、性能、ユースケース）
はじめに# The eXpress data path: fast programmable packet processing in the operating system kernel 1 を読んだ。 この文章はほとんどこの論文をもとに書いたが、一部ニュース記事を引用している。 eBPF／XDPが流行っているということは、BCC、bpftrace、Facebook Katran、Cloudflare Gatebot などeBPF／XDPを使うプロジェクトのGithub Star数から感じ取れる。 eBPF／XDPには、特殊なハードウェア・ソフトウェアに依存せず、 カーネルの仕掛けとして高速パケット処理を実現できるという強力なメリットがある。 一方であまり弱点を主張するような記事は見当たらないので、実際のところどうなのか感触を知りたい。 XDPを使うとNICデバイスドライバのコンテキス
「どうして数字とファイル名の間にアンダーラインを入れるんですか。スペースでいいですよね」非ITの人から言われそうなネタにツッコミ殺到した話 (2ページ目)
hiro:processinger @hiro_loveness ただの読みやすさみたいなフワフワした理由で命名規則変えるわけないでしょw それ以上に強固な命名理由があるんだから。 twitter.com/fumokmm/status… 2023-09-20 13:41:47
こんにちは、セーフィー株式会社の23卒、新卒エンジニア職入社予定の伊東です。 この記事はSafie Engineers' Blog! Advent Calendar 10日目の記事です。 私たち新卒一期生は入社前に５ヶ月間インターンシップを行ってきました。 このインターンシップの振り返りをしつつ皆さんにセーフィーという会社の教育環境や会社の雰囲気をお伝えしようと思います。 自己紹介 伊東 スキルセット セーフィーを選んだ理由 インターンで期待していたこと 土田 スキルセット セーフィーを選んだ理由 1.会社と事業のビジョンに共感できる 2.エンジニアとして成長できる環境 なぜインターンをしようと思ったか インターンで取り組んだこと Udemy講座 チーム開発 1. 仕様書作成(半月) 難しかった点 心がけた点 画面遷移図 ER図 2.開発環境構築(２週間) フロントエンド バックエンド ぶ
ReactのHOC（Higher-Order Component）パターンの理解と使用法：実際の例でユースケースをカバー - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
HOCとは？ HOCのユースケース HOCパターン コンポーネントの拡張 フックのHOC フックとHOCについて 注意点 最後に 高階コンポーネントHigher-Order-Component(HOC)は、Reactの構成上の性質から派生した設計パターンです。 フックが導入される前は、コンテキストや外部データサブスクリプションにアクセスするためにHOCが広く使用されていました。 しかし、HOCを記述して理解するのは非常に複雑です。 そのため、フックが導入されたとき、誰もがフックに切り替えたのも不思議な事ではありません。 それでもHOCの概念は、クラスコンポーネントと関数コンポーネント両方に使用できるため、最新のReactの世界でも適用できます。 ただし、HOCには否定できない問題があり、その問題はReact Hookによって完全に解決されます。 面接担当者は、候補者がReactのコンポーネ
こんにちは。 株式会社アドグローブ ゲーム事業部のデザイナー飯塚です。 今回はUnreal Engine5（以後、UE5）の機能【IKリターゲッタ】を使用したアニメーションのリターゲットと調整のフローの一例をご紹介させていただきます。 【IKリターゲッタ】はUE4でのRetargetManagerに代わる機能で、ジョイント構造や命名規則が異なっている場合でも簡単にリターゲットができる機能となっています！ はじめに 作業の流れ IKリグの設定 IKリターゲッタの設定 あとは書き出すだけ！ その後の調整もUE5上で行える まとめ はじめに モーションキャプチャデータをゲームに組み込む場合、ゴミ取りやパーツのめり込み処理、繋ぎの細かい調整など結構手間がかかりますよね。 プロジェクトのプロト段階で【フリーのモーションを使って工数削減をしようとした結果、結局調整に時間がかかってしまった」ということに
Amazon Web Services ブログ SaaSテナント分離をAWS IAMとABACで実装する方法 この記事は、How to implement SaaS tenant isolation with ABAC and AWS IAMを訳したものです。 マルチテナントアプリケーションにおいては各テナントのリソースが他のテナントからアクセスできないように設計を行う必要があります。AWS Identity and Access Management (IAM) は多くの場合、この目的を達成するための重要な要素となりえます。一方で、IAMを用いることによる課題の一つとして、テナント分離を実現するのに必要な IAM ポリシーの数と複雑さが急速に拡大することにより分離モデルの規模と管理性に影響を与えることが挙げられます。IAM の 属性ベースのアクセスコントロール (ABAC) の仕組みはこ
Vue.js
スタイルガイド このドキュメントは、 Vue 固有の記法についての公式なスタイルガイドです。もしあなたがプロジェクトにおいて Vue を使用する場合は、エラーや有益でない議論、アンチパターンを避けるための素晴らしい参考資料となります。しかし、どんなスタイルガイドもすべてのチームやプロジェクトにとって理想的であるとは考えていません。そのため、過去の経験、周囲の技術スタック、および個人的な価値観に基づいて、注意深い逸脱が奨励されます。 ほとんどの場合、一般的な JavaScript や HTML に関する提案も避けています。セミコロンや末尾のカンマの使用は気にしません。 HTML の属性値がシングルクオートで囲まれているかダブルクオートで囲まれているかも気にしません。しかし、特定のパターンにおいて Vue のコンテキストが役立つと判明した場合については、その限りではありません。 最後に、私達
はじめに こんにちは。IT 基盤部 19 新卒の安藤と小池です。 安藤はソーシャルゲーム及びオートモーティブのインフラの運用を、 小池は大規模ゲームタイトルおよびゲームプラットフォームのインフラの運用を主に担当しております。 また、安藤・小池ともに全社的なパブリッククラウド利用の管理を行うチームにも参画しており、アカウント作成自動化のプロジェクトにアサインされています。 今回はこのことについてお話いたします。 パブリッククラウドアカウント作成自動化 DeNA では社内で使うパブリッククラウドアカウントはすべて IT 基盤部で一元管理をしています。 そのため IT 基盤部には、毎日多くのアカウント作成依頼が届きます。 しかしながら現状の作成フローでは、「手作業：GUI コンソールから手入力しなければならないもの」、「半自動：API を curl コマンドで都度叩く、もしくは AWS CLI
Next.js+TypeScriptをmonorepoで構築したアプリに共通処理を配置するモジュールを作成した - ROXX開発者ブログ
はじめに こんにちは！ RECJob開発チームの福山(@posion_404)です。 社内ではpoisonって呼ばれております。 今回は、プロダクトを作成している際に共通処理をモジュール化して管理することを実施したのでそのことについて書いていきます！ なぜモジュール化を分けようと思ったのか 今チームで開発している、RECJobというプロダクトはReact/Next.js+TypeScriptをmonorepoで構築されています。 そこで、各アプリにまたがって同じ処理を書くことが増えてきたので、いっそのこと共通ディレクトリを作成してそこで管理しようということになりました。 同じ処理を書く際にアプリをまたぐことで使用面においても管理面においても色々と制御しやすいと考えました。 （monorepoの構築に関してはこちらの記事で紹介しているので一読してみてください！） techblog.roxx.
単体テストの考え方/使い方 まとめ
著者は古典学派のスタイルを好んでいて、本書では古典学派の定義を採用している テスト対象の焦点をクラスに当てるのは間違っていて、1単位の振る舞いに焦点を当てなければいけない。 また、ロンドン学派のスタイルだと単体テストがテスト対象の内部的なコードと密接に結びつく傾向があるため、賛同できない。 3章 単体テストの構造的解析 AAAパターンという単体テストの構造を用いることで、全てのテストケースに対して簡潔で統一された構造を持たせることができる。また、この構造に慣れることで読みやすさが向上し、保守コストを下げることにつながる。 準備フェーズ(Arrange)フェーズ...ケースの事前条件を満たすように、テスト対象システムとその依存の状態を設定するフェーズ 実行(Act)フェーズ...テスト対象の振る舞いを実行するフェーズ 確認(Assert)フェーズ...実行した結果が想定した結果であることを確
Cisco ACI Fundamentals
Cisco ACI 勉強会で使用した資料です。初心者向けとなっているので正確性に欠ける表現をしている個所もあります。間違いなどがあればコメント頂けると助かります。 ACI って何？ Application Centric Infrastructure の略語 Cisco が提供するプロダクト名称の略（特定の機器名称ではない） 主にデータセンタ向けを想定しているサービス（俗にいうSDN に分類される） Cisco は他にもSDN 向けサービスを出しているが、そのうちの一つ（イチオシらしいよ） 英語名称のとおり、アプリケーションを中心にした基盤 仮想化を中心に発展/進化するサーバやアプリケーション環境に対して今後の成長に耐えうるネットワークインフラ アプリケーションエンジニア（ ≠ ネットワークエンジニア）でもネットワーク機器の設定を自分たちでできるように、色々と抽象化して複雑な考え方を無くし
2020年2月27日紙版発売 2020年2月27日電子版発売 半田惇志 著 B5変形判／512ページ 定価3,608円（本体3,280円＋税10%） ISBN 978-4-297-11173-1 Gihyo Direct Amazon 楽天ブックス ヨドバシ.com 電子版 Gihyo Digital Publishing Amazon Kindle ブックライブ 楽天kobo honto 本書のサポートページサンプルファイルのダウンロードや正誤表など この本の概要 CSS設計は多くの現場で導入されていますが，いまだに悩みがつきません。プロジェクトの大小や性質によって最適解も変わってきます。 そこで本書は，CSSのさまざまな設計手法を紹介しつつ，考え方や実践のポイントを明確化します。そのうえでボタン，ラベル，カード，テーブル…といったウェブの定番的なモジュールを網羅的に取り上げ，さらにはそ
AWS Loft好きなKyoです。CLIも好きです。 CI/CDに入門するためにS3への静的サイトのデプロイパイプラインを作ってみました。なお、今回は自動デプロイのみなので、CI/CDではなくCDですね。 参考にしたのは、以下の公式チュートリアルです。 Tutorial: Create a Pipeline That Uses Amazon S3 as a Deployment Provider 環境 macOS Mojave 10.14.6 aws-cli/1.16.232 Python/3.7.3 Darwin/18.7.0 botocore/1.12.222 構築してみた 大きく3種類の作業が必要となります。1,2についてはCLIから作業を行いました。 CodeCommitのレポジトリの作成 S3バケットの作成および静的サイトホスティングの設定 CodePipelineのパイプライン
JSer.info #462 - フロントエンド周りのツールについてのアンケート行うFront-End Tooling Survey 2019の結果が公開されています。 Front-End Tooling Survey 2019 3,005人の開発者にCSS、JavaScriptなどに関するアンケートを行った結果を去年の結果と比較したものが掲載されています。 CSSのプリプロセッサ、フレームワーク、命名規則/CSS-in-JS。 JavaScriptのフレームワーク/ライブラリ、Bundler、Transpiler、テスト。 また、パフォーマンステスト、アクセシビリティテストなどについても項目もあります。 興味がある人は見てみると良さそうです。 Build your own Reactという記事では、スクラッチでReactのようなDOMレンダリングの仕組みを実装していっています。 crea
【Cell Ranger】NCBI SRA データをCell Ranger用に準備する方法【scRNA-seq】 - LabCode
NCBI（National Center for Biotechnology Information）が提供するSequence Read Archive（SRA）から取得したシーケンスデータでSingle cell RNA-seq解析したいと思いませんか？ この記事は、SRAを10x GenomicsのCell Rangerでデータ処理する方法を解説します。 データの取得から、FASTQファイルのダウンロード、そしてFASTQファイルの命名規則に従った名前変更までの方法を解説します。 この記事を理解することで、公開されているシーケンスデータを効率的に再利用することができますぜひ挑戦してみましょう。 Cell Rangerとは？ Cell Rangerは10x Genomics社が開発したソフトウェアパッケージで、シングルセルRNAシーケンシング(scRNA-seq)データの前処理と解析を
Security-JAWS 第21回レポート #secjaws #secjaws21 #jawsug | DevelopersIO
Security JAWS 第21回のレポートです。AWS WAFの最新情報からIAMの最小権限、金融APIをAPI Gatewayで実現する話、そしてAzure SentinelでCloudTrailを分析する話でした。そして何でも答える質問コーナーです！ こんにちは、臼田です。 Security JAWS 第21回が開催されましたのでレポート致します。 Security-JAWS 【第21回】 勉強会 2021年5月19日(水) - Security-JAWS | Doorkeeper 動画 レポート Session1: 「AWS エッジサービス入門ハンズオンの紹介とAWS WAFのアップデートについて」 アマゾン ウェブ サービス ジャパン株式会社 テクニカルソリューションアーキテクト 文珠 啓介さん 前半はAWSエッジサービス入門ハンズオンの紹介 後半はAWS WAFのアップデート
はじめに iOSアプリをAppStoreで公開する手順をまとめました。以下の点に注意して読み進めてください。 Apple Developerの登録手順については説明しません。登録が終わった後にこの記事を読み進めてください。 無料アプリを前提に説明します。有料アプリの公開手順については説明しません。 記事の公開後にApple DeveloperやAppStore Connectサイトの外観が変わるかもしれません。そのため、あえてスクリーンショットは掲載していません。 動作検証については以下の環境で行いました。 macOS 12.2.1 Monterey Xcode 13.2.1 (13C100) それでは、手順1から手順10まで順番に作業を進めましょう。 （手順1）アプリのスクリーンショットを撮影する Xcodeを起動してProducts→Destinationを選択します。 iPhone
はじめに 個人開発しているサービスで、追加した機能の効果測定がしたいと思ったので、データ分析の仕組みを整えることにしました。 実現手段の検討 分析したい内容を決める まず、分析したい内容を決め、取得したいデータの内容を決定します。これはサービス個別の内容なので省略します。 Firestoreのデータをどう分析するか DBにFirestoreを使用しているので、Firestoreからどうやってデータを取得して表示するか考えました。 [却下] 管理画面を作って、そこにデータを表示する 管理画面用にFirestoreのセキュリティールールを作成したり、いちいちFunctionsでデータを取得してくるのは面倒なので却下。 [却下] GASを使って、Google Spredsheetに表示 Fuctionsでデータを加工、取得してきて、それをGASでゴニョゴニョして、Googleスプレッドシートに表
[レポート] Amazon S3およびAmazon S3 Glacierの新機能 #STG203 #reinvent | DevelopersIO
はじめに こんにちは、AWS事業本部のニシヤマです。はいマスキュラー。 本記事は、スピーカーセッション「STG203-R2 - [REPEAT 2] What's new with Amazon S3 and Amazon S3 Glacier」のレポートです セッション概要 Amazon Simple Storage Service (Amazon S3) is the largest and most performant, secure, and feature-rich object-storage service. With Amazon S3, organizations of all sizes and industries can store any amount of data for any use case, including applications, IoT,
![[レポート] Amazon S3およびAmazon S3 Glacierの新機能 #STG203 #reinvent | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/9419c6cf4ac1d0e1323fa1560dfc995d191622f5/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F12%2Freinvent2019_report_eyecatch.jpg)
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DWHの管理を内製ツールからdbtに移行した話[連載3/3] - Retty Tech Blog
遂に登場！！待望のWebUI上でLoRA学習可能な拡張機能を使いトレーニングする方法
【CSS設計入門】class名の決め方(命名規則)から具体的な書き方まで詳しく解説 | 模写修行メディア
欧米やOSS先進企業が注目する「ソフトウェアの部品構成表」の重要性 経産省による、SBOM導入の4つのシナリオ
iPad mini(2019)レビュー。成熟した5世代目のminiは性能＋大画面を日常的に持ち運べる完成形
Intelが6コア12スレッドのモバイルPC向け第10世代Coreプロセッサ「Comet Lake」を発表
Next.js導入で責務の所在を明確化 READYFORのフロントエンド分離戦略
ついにポメラを買ってポメラニアンになった - mochikoAsTechのdig日記
実務未経験者が今まで独学に使ってきた技術書を公開していくよ - Qiita
【初学者必見】HTMLにつけるclass名(クラス名)の命名規則の考え方を徹底解説！ - PENGIN BLOG
Docker Compose V2で作成されるコンテナ名が変わった
PowerShell(パワーシェル)は何ができるの？メリット、使い方、実例まで｜ドスパラ通販【公式】
リファクタリングのハードル、自分で上げすぎてない？ - Qiita
デザインシステム完全版｜Figmaでの作り方、事例など【2024年版】｜rikika
セーフィーで長期インターンシップを終えて - Safie Engineers' Blog!
UE5でのモーションリターゲット - アドグローブブログ | 渋谷のIT会社
SaaSテナント分離をAWS IAMとABACで実装する方法 | Amazon Web Services
パブリッククラウドアカウント作成自動化について | BLOG - DeNA Engineering
CSS設計完全ガイド ～詳細解説＋実践的モジュール集
CodePipelineとCodeCommitとS3でCD入門してみた | DevelopersIO
2019-11-19のJS: Front-End Tooling Survey 2019、Reactの作り方
（2022年版）iOSアプリをAppStoreで公開する手順まとめ
BigQueryとデータポータルで、Firestoreのデータを分析する