並び順

ブックマーク数

期間指定

  • から
  • まで

161 - 200 件 / 464件

新着順 人気順

setterの検索結果161 - 200 件 / 464件

  • ウィンター・オン・ファイヤー: ウクライナ、自由への闘い | Netflix (ネットフリックス) 公式サイト

    '); doc.close(); } if (!doc) throw Error('base not supported'); var baseTag = doc.createElement('base'); baseTag.href = base; doc.getElementsByTagName('head')[0].appendChild(baseTag); var anchor = doc.createElement('a'); anchor.href = url; return anchor.href; } finally { if (iframe) iframe.parentNode.removeChild(iframe); } }()); } // An inner object implementing URLUtils (either a native URL // ob

      ウィンター・オン・ファイヤー: ウクライナ、自由への闘い | Netflix (ネットフリックス) 公式サイト
    • 【DDD】Golangを使ってモデルでドメイン知識を表現してみた

      はじめに これはGo Advent Calendar 2021の 6日目の記事です。 DDDについてはエリック・エヴァンス先生や先人の鬼ほどわかりやすい書籍があるので、 こちらを読むことをおすすめします。(笑) ドメイン駆動設計 モデリング/実装ガイド ドメイン駆動設計 サンプルコード&FAQ ドメイン駆動設計入門 ボトムアップでわかる!ドメイン駆動設計の基本 なのでここでは、DDDを詳しく解説などはせずに、 Golangを使ってモデルでドメイン知識をどのようにソフトウェアに落とし込むのか、 簡単な具体例をあげて説明していきます。 ドメイン駆動設計(DDD)とは? とはいっても、ドメイン駆動設計とはなんぞやをカンタンに説明しておきますね。 DDD Referenceでの定義を以下に記します。 Domain-Driven Design is an approach to the develo

        【DDD】Golangを使ってモデルでドメイン知識を表現してみた
      • Pydanticで始めるイミュータブルクラス駆動開発 - NFLabs. エンジニアブログ

        はじめに こんにちは!NFLabs. 研究開発部の林です。普段はセキュリティ教育プラットフォームの開発をしています。 今回はセキュアコーディングの重要な要素である「バリデーション(入力検証)」に関連して、PythonのPydanticライブラリにフォーカスしてお話します。 Python界隈では、昨今、型ヒントやFastAPIの普及に伴い、型の重要性や有用性が徐々に認識されつつあるかと思います。 それに伴い、バリデーションライブラリのデファクトスタンダードの一つであるPydanticの注目度も上がってきたと感じています。 Pydanticは実行速度の速さを特長として挙げていますが、Pydanticがもたらす安全性・Immutable(不変)性は、開発速度向上にも一役買っています。 本稿ではPydanticがいかに開発速度・開発体験に寄与するか考察します。 ちなみに、タイトルの「イミュータブル

          Pydanticで始めるイミュータブルクラス駆動開発 - NFLabs. エンジニアブログ
        • 副作用と参照透過性と冪等性を理解して、テストでドメインを磨く - Qiita

          朝でも夜でも mac でも windows でも商用環境でも日本でもアメリカでも、add(2, 3)は5 透過的 ( transparency ) とは「存在するものを存在しないように見せる」感じらしい 透過の反対は仮想らしい 透過 → あるけど見えないガラス 仮想 → ないけど見えるホログラム つまり「参照透過性」は「参照があるけどないように見せる」ということ 変数の再代入やグローバル変数の参照が処理内になければ、処理内では変数の参照について心配する必要がないので、参照が透過的と言える 冪等性 処理を何回実行しても同じ結果になること 現状を気にせず叩けば良いので、chef やマイクロサービス等のたくさんの状態を更新する処理と相性が良い (一部が失敗しても全てが成功するまで叩き直せば良いから) 身近な例だと「オン | オフ」みたいなトグルボタンは冪等性がないけど「オフにする」ボタンは冪等性

            副作用と参照透過性と冪等性を理解して、テストでドメインを磨く - Qiita
          • 履いた靴の記録を取っている - type holyshared = Engineer<mixed>

            昨年の6月くらいから履いた靴の記録を残すようにしました。 365shoes.style 残す理由は以下の通りです。 手持ちの靴が革のものが多く、経年変化の記録を残したい。 いつの間にか変わってることが多い。 靴が気付いたら増えているので、増減を記録したい。 学習しないんや。。。 靴のレビューを残したい。 今まで履いてきたものの記録がない為、反省できない場合が多い。 履く頻度の低い靴の処分判断がしたい。 あまり履いてないな、という感覚があるがどの程度が不明なことが多い。 開発のスタイル 基本的に土日にコードを書くスタイルです。 軽度のものは、勤務時間の休憩時間で対応しています。 技術スタックは下記のものを使用しています。 そのうちTypeScript、Next.jsに置きかえると思います。 Flow Nodejs React Express GraphQL MongoDB Heroku AW

              履いた靴の記録を取っている - type holyshared = Engineer<mixed>
            • 理論的裏付けのある基調インフレ - himaginary’s diary

              クルーグマンが4/15の連ツイで、Iván WerningのNBER論文を基に、理論の裏付けのある基調インフレについて述べている。 Wonk alert! It's a beautiful day, soon I'm going to take a run in the park, but first, some thoughts about ... inflation, where I may actually have something new to say. Bottom line here; I'll explain shortly what I mean and where it comes from 1/ Background: I've become increasingly disillusioned with attempts to measure underlying

                理論的裏付けのある基調インフレ - himaginary’s diary
              • クイーンズ・ギャンビット | Netflix (ネットフリックス) 公式サイト

                '); doc.close(); } if (!doc) throw Error('base not supported'); var baseTag = doc.createElement('base'); baseTag.href = base; doc.getElementsByTagName('head')[0].appendChild(baseTag); var anchor = doc.createElement('a'); anchor.href = url; return anchor.href; } finally { if (iframe) iframe.parentNode.removeChild(iframe); } }()); } // An inner object implementing URLUtils (either a native URL // ob

                  クイーンズ・ギャンビット | Netflix (ネットフリックス) 公式サイト
                • React Hooks useState state の更新にハマる - かもメモ

                  useState の setter で値を更新しても即時 state に反映されるわけではないので、更新された state を使って別の処理を行いたい時などで意図しない動作になってしまうことがあります。 🐞 function Counter({ initCount }) { const [count, setCount] = useState(initCount); const [square, setSquare] = useState(initCount * initCount); const updateSquare = () => { setSquare( count * count ); } const onCountup = () => { setCount( count + 1 ); // ここではまだ count は更新されているとは限らない updateSquare()

                    React Hooks useState state の更新にハマる - かもメモ
                  • 管理画面にWasm入れてみた | CyberAgent Developers Blog

                    こんにちは、CyberFight DX 事業本部で web フロントエンドエンジニアをしている久保です。CyberFight DX 事業本部は複数のエンタメサービスを開発、運用するFANTECH本部に所属しています。今回は、管理画面を対象に WebAssembly ( Wasm ) を導入した事例をご紹介します。 FANTECH 本部では技術ブログでの発信を強化しており、最近では下記のような記事を投稿しています。ぜひご一読ください。 Cloud Run サイドカーで Fastly の Prometheus Metrics を収集して Grafana で可視化する reminder-lintでFeature Flagsの削除漏れを防ぐ マルチリージョンで稼働する内製Feature Flagsの実装 私たちのプロダクト WRESTLE UNIVERSE では、ユーザー対象のキャンペーンを実施す

                      管理画面にWasm入れてみた | CyberAgent Developers Blog
                    • DDD に入門するなら、まずは ValueObject だけでもいいんじゃない? - Qiita

                      今日は 『ドメイン駆動設計#1 Advent Calendar 2019』の 11日目 です。 昨日は mejileben さんの 『Laravelでドメイン駆動設計を実践し、Eloquent Model依存の設計から脱却する』 でした。 みなさん初めまして、こんばんは! C# をこよなく愛する静岡エンジニアの t2-kob です。 本日のテーマは、 「DDD に入門するなら、まずは ValueObject だけでもいいんじゃない?」 です。 ■ なぜこの記事を書いたか? ・理由の1つ目は、勉強のためアウトプットしたいと思ったからです。 最近 DDD コミュニティの DDD-Comunity-jp(Discord) に参加して、色々なオンライン勉強会に参加させて頂いています。 この勉強会へは色々下調べして臨んでいますが、その後の振り返りが出来ていませんでした。 このため、勉強を兼ねてアウト

                        DDD に入門するなら、まずは ValueObject だけでもいいんじゃない? - Qiita
                      • BigQueryでSendGrid Activityをセキュアに管理する仕組みを構築した - エムスリーテックブログ

                        エムスリーエンジニアリンググループ AI・機械学習チームでソフトウェアエンジニアをしている中村(po3rin) です。検索とGoが好きです。 今回はBigQueryでSendGrid Activityをセキュアに管理する仕組みを構築したのでその紹介をします。SendGridを使い始めた方や、今後メール送信データを活用していきたい開発者の方は必見です。 SendGridのActivityを管理したい SendGridでActivityを保管するアーキテクチャ SendGridのEvent Webhookの基本 SendGridのEvent Webhookをセキュアに受け取る仕組み Signed Event Webhook Requests カテゴリの付与 メール送信後にすぐにイベントをチェックする まとめ We are hiring !! SendGridのActivityを管理したい 弊社

                          BigQueryでSendGrid Activityをセキュアに管理する仕組みを構築した - エムスリーテックブログ
                        • Real World GraphQL on Next.js SSR - timakin.com | Seiji Takahashi (@__timakin__)

                          tl;dr Next.jsはv9.3.0以降Initial Loadingの扱いが変わった クライアント側ではApolloを利用することができるが、Authorization Headerを設定するなら一工夫必要 SSR時にはfetchによるシンプルなAPIリクエストをすると良い 昨今のWebフロントエンド 昨今のWeb開発において、React、TypeScriptとかのベース知識は当然として、やはりNext.js(あるいはNuxt.js)のような、SPA/SSR両方のニーズを汲み取りながら、dynamic routingを提供してくれたり、ビルド環境を高速に整備してくれるフレームワークが重宝されるようになってきていると感じます。 また、Reduxもアリですが、スキーマ駆動開発が推進できるGraphQL、特に尋常じゃなくステート管理が用意になるHooksとApolloクライアントの組み合わ

                            Real World GraphQL on Next.js SSR - timakin.com | Seiji Takahashi (@__timakin__)
                          • Chrome 115 beta  |  Blog  |  Chrome for Developers

                            Multiple keywords for the CSS display property, WGSLLanguageFeatures for WebGPU, HTTPS upgrades, and more. Unless otherwise noted, changes described apply to the newest Chrome beta channel release for Android, ChromeOS, Linux, macOS, and Windows. Learn more about the features listed here through the provided links or from the list on ChromeStatus.com. Chrome 115 is beta as of May 31, 2023. You can

                            • location.assign(url) と location.href = url の違い | Wantedly Engineer Blog

                              結論普通は自ウインドウのlocationを操作するためhrefとassignは同じ挙動になりますが、自身とは異なるウインドウを操作する場合には挙動が異なります。具体的には実行中のコードと異なるオリジンを持つウインドウのlocationを操作しようとしたとき、 location.href = url; ではオリジンの検査は行われず、操作は成功します。location.assign(url); ではDOMException (SecurityError) が発生します。以下がそのデモです。iframe内に表示している https://example.com はこの文書自身とは異なるオリジンであるため、このようなiframeのlocationをassignで操作しようとするとエラーになります。 <!doctype html> <html> <head> <script> "use strict"

                                location.assign(url) と location.href = url の違い | Wantedly Engineer Blog
                              • JavaScriptのプログラミングはこれだけ効率化できる! 使用歴5年目のエンジニアが送るWebStormの厳選神業集 - ICS MEDIA

                                JavaScriptのプログラミングはこれだけ効率化できる! 使用歴5年目のエンジニアが送るWebStormの厳選神業集 JavaScript(ES 2015+)、TypeScript、Babelの需要は高まる一方ですが、プログラミングの効率化をどれくらい意識していますか? プログラミングが効率化されれば、作業時間の短縮、ケアレスミスの軽減、プロダクトの品質の向上、そしてストレスの軽減に繋がります。 筆者が5年間使用している「WebStorm(ウェブストーム)」は、JavaScriptのプログラミングをする上での面倒な処理をほとんど自動化するための機能が揃っていて、ロジックの検討や表現の作り込みに時間を割けるようになります。 本記事では、多くの機能の中からとくに便利だと感じるものをピックアップして紹介します。WebStormを使ったことがない方も、「この作業はツールで自動化できるのか」とい

                                  JavaScriptのプログラミングはこれだけ効率化できる! 使用歴5年目のエンジニアが送るWebStormの厳選神業集 - ICS MEDIA
                                • 結婚式の装花をしょぼいと言わせない7つのテクニック - Perfect Choice|プレ花さんのための結婚準備ブログ

                                  装花の費用ってどのくらい? しょぼくみられたくないな... 節約法が知りたい! 今回はこんなお悩みを解決しますね。 費用はできるだけ抑えたいけど、「装花がしょぼいなぁ」なんて思われたくないですよね。 今回はしょぼく見えない装花の節約テクニックを紹介しますよ。 結婚式の装花の平均費用は17.1万円 最初は一番しょぼい装花で見積もられている 結婚式の装花にしょぼいと言わせない7つのテクニック しょぼく見せないテクニック1:テーブルランナーを入れる しょぼく見せないテクニック2:装花はグリーンを多めにする しょぼく見せないテクニック3:花びらを散らす しょぼく見せないテクニック4:造花でかさ増しする しょぼく見せないテクニック5:水中花を使う しょぼく見せないテクニック6:小物を使う しょぼく見せないテクニック7:価格交渉する まとめ:テクニックを使ってしょぼくない装花をしよう! 結婚式の装花の

                                    結婚式の装花をしょぼいと言わせない7つのテクニック - Perfect Choice|プレ花さんのための結婚準備ブログ
                                  • Java開発のお助けTIPS(2020年5月) - セキュアスカイプラス

                                    こんにちは、SSTでWeb脆弱性診断用のツール(スキャンツール)開発をしている坂本(Twitter, GitHub)です。 5月のGW明けごろに、社内のエンジニア向けにJava開発のスキルアップサポートを行う機会がありました。 コロナの影響で在宅となったため、Google Meets を使ってリモートでJava開発についての細々としたノウハウを若手エンジニアに伝授しました。 「細かすぎたかな・・・」と不安になりましたが幸いにも好評だったので、ざっくりとした箇条書きになりますがこちらでも公開します。 対象読者 : 中級レベルにステップアップしたい Java ビギナー(Javaの入門書を1 – 2冊、環境構築も含めて写経したくらいを想定) なお一部には坂本個人の意見も混ざっています。参考程度にとどめ、もし所属するチームで定められたルールやレギュレーションがあったり、読者自身のこだわり/意見があ

                                      Java開発のお助けTIPS(2020年5月) - セキュアスカイプラス
                                    • Watch The Social Dilemma | Netflix Official Site

                                      '); doc.close(); } if (!doc) throw Error('base not supported'); var baseTag = doc.createElement('base'); baseTag.href = base; doc.getElementsByTagName('head')[0].appendChild(baseTag); var anchor = doc.createElement('a'); anchor.href = url; return anchor.href; } finally { if (iframe) iframe.parentNode.removeChild(iframe); } }()); } // An inner object implementing URLUtils (either a native URL // ob

                                        Watch The Social Dilemma | Netflix Official Site
                                      • Go の 構造体定義から Functional Options Pattern のコードを自動生成する CLI ツールを作った

                                        Go でオプション引数を実現したいときによく Functional Options Pattern が使われるかと思います。このデザインパターンは便利な一方、構造体の中でオプション引数を用意したい全てのフィールドに対して、オプション引数用の関数を実装する必要があり、記述すべきコードが多くなりがちです。 この問題を解決すべく、Functional Options Pattern を実現するためのコードを自動生成する CLI ツール 「foggo」を作りました。 Functional Options Pattern とは Go はそのシンプルな言語仕様から、オプション引数を提供していません。 オプション引数はデフォルト引数やオプションパラメータとも呼ばれ、Python だと可変長引数である *args や *kargs のことを指します。 通常の関数であれば特に問題ないのですが、構造体の初期化

                                          Go の 構造体定義から Functional Options Pattern のコードを自動生成する CLI ツールを作った
                                        • babel 環境における Polyfill のビルド最適化と async-await の扱い - blog.euxn.me

                                          リポジトリ euxn23/babel-and-polyfill-sample 想定読者 Babel を使っているが、 Polyfill がいまいちわからない方 Polyfill は使えるが、より最適なビルドを生成したい方 @babel/polyfill が非推奨になったことを受け現在の推奨実装を知りたい方 Polyfill とは 例として、以下の Promise を使ったコードを、 @babel/preset-env を使用して IE11 向けにビルドします。 input const main = () => { Promise.resolve().then(() => console.log('then')); } main(); output "use strict"; var main = function main() { Promise.resolve().then(functi

                                            babel 環境における Polyfill のビルド最適化と async-await の扱い - blog.euxn.me
                                          • All I know about Vue 3's Vapor Mode Details (2023/12) - Qiita

                                            Vapor Mode ってご存知でしょうか? 少しでも聞いたことがあるようであれば、おそらくあなたは日常的に情報を収集している熱心な方でしょう。 というのも、現在(2023/12)、Vapor Mode について日本語での言及はほぼありません。 かといって英語圏に情報が出回っているかというと、そうでもありません。(後述) 今回は現時点で筆者が知っている Vapor Mode の詳細について、前提知識も整理しつつ理解していければと思います。 初めに お品書き (何を理解するか) 改めて Vue.js とは これから Vue.js を学び始める方や、Vue.js をのぞいてみるのは随分と久しぶりだという方もいるかと思うので、ざっくりおさらいします 現在の Vue.js 現在の Vue.js がどういう実装で実現されているのか、 Vapor Mode に関わってくる部分を抽出し、ソースコードベー

                                              All I know about Vue 3's Vapor Mode Details (2023/12) - Qiita
                                            • アメリカン・ファクトリー | Netflix (ネットフリックス) 公式サイト

                                              '); doc.close(); } if (!doc) throw Error('base not supported'); var baseTag = doc.createElement('base'); baseTag.href = base; doc.getElementsByTagName('head')[0].appendChild(baseTag); var anchor = doc.createElement('a'); anchor.href = url; return anchor.href; } finally { if (iframe) iframe.parentNode.removeChild(iframe); } }()); } // An inner object implementing URLUtils (either a native URL // ob

                                                アメリカン・ファクトリー | Netflix (ネットフリックス) 公式サイト
                                              • YouTube Data API v3を使用して、YouTubeページと同じリストモジュールを作ってみた【LIGアドベントカレンダー20日目】 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                                こんにちは、フロントエンドエンジニアのはっちゃんです。 こちらはLIGアドベントカレンダーの20日目の記事です。 LIGアドベントカレンダー2019は こちら! 今回は、YouTube Data API v3を使って、YouTubeページと同じリストモジュールを再現してみたいと思います。 YouTube Data APIとは YouTubeが提供しているAPIで、動画やチャンネル、再生リストに関わる情報を取得して、自分のWebサイトやアプリケーションで使用することができます。 公式のドキュメントが用意されているので、詳しくはこちらをご覧ください。 https://developers.google.com/youtube/v3/getting-started?hl=ja 今回やること 動画URLの取得 サムネイルの取得 タイトルの取得 チャンネル名の取得 チャンネルURLの取得 再生回数の

                                                  YouTube Data API v3を使用して、YouTubeページと同じリストモジュールを作ってみた【LIGアドベントカレンダー20日目】 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                                • 要約Java8→17 。何が変わったのか?

                                                  Java17が2021/9/14にリリースされました。 Java17は長期サポートされる(LTS)バージョンです。 特にJavaに携わっているエンジニアが大半というボンズテックでは注視していることでもあります。 エンタープライズとして今後もJavaを使っていけるかの試金石になるバージョンなのではないかと感じています。 実際にJava17になって何が変わったのかを要約解説いたします。 1.何でJava8→Java17なのか? Oracle JDK 17より再び無償利用可能。この1点に尽きます。 ご存じの方も多いと思いますが、OracleはJava11から商用利用を有償化したため、LTS(Long Term Support、長期サポート)版としてはJava8が最終版となっていました。 ところが一転、先日リリースされた「Oracle JDK 17」では再び無償化となりました。 理由は推測するしか

                                                    要約Java8→17 。何が変わったのか?
                                                  • 【感想】『Clean Code アジャイルソフトウェア達人の技』:Uncle Bob流のクリーンなコード道場 - Rのつく財団入り口

                                                    クリーンなコードを書いていこう 以前に上げた『Clean Architecture』の感想記事にブクマなどなどアクセスありがとうございました。読了して洞察が増してクリーンを追求したいな気分になったので、同じくボブおじさんによるCleanシリーズ、『Clean Code』も読むことにしました。 こちらはアーキテクチャ本よりも前に刊行。アーキテクチャのレベルよりも細かな、クラスや関数、プログラミングの習慣レベルでのクリーンで良いプログラムのコードの書き方に注目した本となっています。 Clean Code - アスキードワンゴ Clean Code アジャイルソフトウェア達人の技 (アスキードワンゴ) 作者:Robert C.Martin,花井 志生発売日: 2017/12/28メディア: Kindle版 前書き 名著らしく何やらインテリジェントなことを言ったり日本の1950年代の工場の品質向上

                                                      【感想】『Clean Code アジャイルソフトウェア達人の技』:Uncle Bob流のクリーンなコード道場 - Rのつく財団入り口
                                                    • Comparing the top React Hooks libraries of 2023 - LogRocket Blog

                                                      Editor’s note: This list of the top React Hook libraries was last updated on 17 July 2023 to add more popular libraries, including React Hook Form, TanStack, React Hook Router, and useHooks-ts. React’s Hooks API is now the de facto method for creating components. It coexists alongside the class component API, which lets us create components with JavaScript classes. In addition to the standard hook

                                                        Comparing the top React Hooks libraries of 2023 - LogRocket Blog
                                                      • Minimal React: getting started with the frontend library

                                                        This blog post explains how to get started with React while using as few libraries as possible. Required knowledge  # Things you should know before reading this blog post: JavaScript: You should have already written code in that language. Browser DOM (document object model): It helps if you are loosely familiar with how the DOM represents HTML and how it handles events. npm: It also helps if you h

                                                        • REDWING RW-891 90年代後半製 - 赤い羽BLOG

                                                          REDWING COLLECTION NO.40 RW-891 Irish Setterロゴ 90年代後半製 レッドウィング891は、本国アメリカで「カントリーウォーカー」と言う シリーズの一つのモデルとしてリリースされ 1995年から2000年代初め頃までにラインナップされていた。 とても軽量で履き心地と歩きやすさを重視している。 これは見た目の通りで、クラークスのワラビーに激似のモデル。 かつてラインナップされていたモデルの再現でも無い様なので レッドウィングに求めるイメージとかけ離れているところもあり 今では知る人ぞ知るような、マニアックなモデルの一つ。 891の日本国内で取り扱いが始まったのは1996年以降からで 手元にある資料では1998年当時の定価は税抜き24800円。 当時定番のモックトゥタイプが税抜き35800円だったことから 少し値段が高めの印象もあり、最終的には結構売れ

                                                            REDWING RW-891 90年代後半製 - 赤い羽BLOG
                                                          • npm Blog Archive: npm v7 Series - Arborist Deep Dive

                                                            The npm blog has been discontinued. Updates from the npm team are now published on the GitHub Blog and the GitHub Changelog. << Introduction >> Why Keep package-lock.json? @npmcli/arborist is the dependency tree manager for npm, new in npm v7. It provides facilities for doing nearly everything that npm does with package trees, and fully replaces large parts of the npm CLI codebase. Way back in the

                                                              npm Blog Archive: npm v7 Series - Arborist Deep Dive
                                                            • JPQL入門(JPA)

                                                              @Table(name="auto_increment") @Entity @Getter @Setter public class AutoIncrementtEntity { @Id @GeneratedValue(GenerationType.IDENTITY) private Integer id; @Column(name="name") private String name; }PostgreSQLの場合でSequenceオブジェクトを使用している場合は、@SequenceGeneratorのsequenceName属性でSequenceオブジェクト名を指定する必要があります。 /** ID. */ @Id @GeneratedValue(strategy = GenerationType.SEQUENCE,generator = "id_seq") @SequenceGen

                                                                JPQL入門(JPA)
                                                              • React のカスタムフックで作る debounce 機能

                                                                始め 最近案件で debounce 機能を実装する機会がありました。色々調べてたら、カスタムフックで実装できる方法があったので紹介したいと思います。 まだカスタムフックに馴染んでない方は「React 初心者の難問、カスタムフック(Custom Hook)を解説します」を是非お読みください。 1. debounceとは 私が実装してたのは検索欄に文字を打つたびにサジェストを表示する機能でした。普通は検索するとき単語をぱぱっと連続で入力しますので、インプットが発生するたびに API コールするよりは入力が終わった後に API コールしたほうが効率的です。ここで欲しくなるのが debounce です。 debounceとは連続で実装された関数たちの中で一番最後の関数だけ(もしくは一番最初の関数だけ)実装させることです。 簡単なデモを準備しました。インプット欄になにか入力してみてください。 原理は

                                                                  React のカスタムフックで作る debounce 機能
                                                                • 【脱仮想 DOM !?】Vue.js が控えている進化 "Vapor Mode" の詳細 (2023/12)

                                                                  ※本記事は Qiita / All I know about Vue 3's Vapor Mode Details (2023/12) のミラーです ⚡️ Vapor Mode ってご存知でしょうか? 🤔 少しでも聞いたことがあるようであれば、おそらくあなたは日常的に情報を収集している熱心な方でしょう。 というのも、現在(2023/12)、Vapor Mode について日本語での言及はほぼありません。 かといって英語圏に情報が出回っているかというと、そうでもありません。(後述) 今回は現時点で筆者が知っている Vapor Mode の詳細について、前提知識も整理しつつ理解していければと思います。 😋 初めに 🎯 お品書き (何を理解するか) 改めて Vue.js とは これから Vue.js を学び始める方や、Vue.js をのぞいてみるのは随分と久しぶりだという方もいるかと思うので

                                                                    【脱仮想 DOM !?】Vue.js が控えている進化 "Vapor Mode" の詳細 (2023/12)
                                                                  • Babelプラグインの順序とallowDeclareFieldsの妙 | Wantedly Engineer Blog

                                                                    Babelでdeclareクラスフィールドを使うためにallowDeclareFieldsというオプションがあります。一見すると単に設定でこれを有効化すればいいような気がしますが、実は正しくこの設定を有効化するには罠がありました。本記事ではBabelとTypeScriptのクラスフィールドサポートを紐解き、正しい理解にもとづいて適切な設定を紹介します。 クラスフィールドとはクラスフィールドはJavaScriptのStage 3提案で、クラスの直下に変数宣言のような記法でインスタンス変数やクラス変数に相当する宣言を行えるというものです。 class C { x; y = 42; static a; static b = 42; } console.log(new C().y); // => 42 console.log(C.b); // => 42TypeScriptでは型定義や修飾子ととも

                                                                      Babelプラグインの順序とallowDeclareFieldsの妙 | Wantedly Engineer Blog
                                                                    • Androidのいらないアプリを全部消そう!!!!!!au、docomo、softbank、Sony、Samsung編|nekofuton

                                                                      Androidのいらないアプリを全部消そう!!!!!!au、docomo、softbank、Sony、Samsung編 Androidにもともと入っているアプリ(プリインストールアプリ)がすごく嫌いなので、adbコマンドを使って一括で削除します。本来消せないアプリも消えます。 root化とか難しいことしなくていい! Androidの開発ツールとかインストールしなくていい! コピペだけでできる! です。 アプリ一覧もまとめているお役立ち記事です。 自己責任で!!! 準備するもの!!! ・アンドロイド ・Windowsパソコン ・USBケーブル 手順!!! ・スマホ側の準備(1分) ・パソコン側の準備(1分) ・batファイルを作る ・実行■スマホ側の準備最初にUSBデバッグをONにします。 [設定]→[デバイス情報]→[ビルド番号]を連打 [システム]→[開発者向けオプション]→[USBデバ

                                                                        Androidのいらないアプリを全部消そう!!!!!!au、docomo、softbank、Sony、Samsung編|nekofuton
                                                                      • 【PHPでDDD】ドメイン駆動設計と上手く付き合う方法

                                                                        私は小規模な会社の代表を務めながら現場でコードも書くフルスタックエンジニアです。 今回の記事では、会社経営や現場の両方から見たDDDと上手く付き合う方法の一つを紹介したいと思います。 あくまでも弊社で決定している開発方針になりますので、「推奨する」方法ではありません。この記事は一例に過ぎませんが、皆さんの参考になればと思います。 DDDの導入を拒む企業が多い理由 DDDの導入に否定的な企業が多いと感じます。その理由をざっくり上げてみます。 人材の教育が大変 開発のオーバーヘッドが大きい コストがかかる(インフラ、勉強、時間などのコスト) 導入のメリットがイマイチわからない ざっくりではございますが、こんな感じでしょうか。 DDDを商業プロジェクトに導入するまでの道のりは確かに長いです。また、データを軸に設計していた開発者に、ドメインを中心に設計する方法に慣れてもらう必要があり、手間がかかる

                                                                          【PHPでDDD】ドメイン駆動設計と上手く付き合う方法
                                                                        • ペーパー・ハウス | Netflix (ネットフリックス) 公式サイト

                                                                          '); doc.close(); } if (!doc) throw Error('base not supported'); var baseTag = doc.createElement('base'); baseTag.href = base; doc.getElementsByTagName('head')[0].appendChild(baseTag); var anchor = doc.createElement('a'); anchor.href = url; return anchor.href; } finally { if (iframe) iframe.parentNode.removeChild(iframe); } }()); } // An inner object implementing URLUtils (either a native URL // ob

                                                                            ペーパー・ハウス | Netflix (ネットフリックス) 公式サイト
                                                                          • 真偽値を返す関数のネーミング - Qiita

                                                                            みんな exists を使ってます。 納得できようができまいが、exists なのです。 ソフトウェアの世界では、Apple と Microsoft と Google が黒と言ったら黒です。 黙って従いましょう。 このように、関数名の表現に困ったら、世の中の API を参考にすると良いです。 非ネイティブの我々では思いつかないような的確な表現が見つかることもあります。 関数の名付け方 真偽値を返す関数は if 文で使われることが多いので、頭に if を置いて最もしっくり来る表現が良いと思います。 個人的には、真偽値を返す関数名を考えるときは以下のフォーマットに当てはめるようにしています。 if オブジェクト名 関数名 「項目が選択中だったら」なら "if item is selected" なので関数名は item.isSelected() となります。 同様に「項目が存在したら」なら "

                                                                              真偽値を返す関数のネーミング - Qiita
                                                                            • 2人のローマ教皇 | Netflix (ネットフリックス) 公式サイト

                                                                              '); doc.close(); } if (!doc) throw Error('base not supported'); var baseTag = doc.createElement('base'); baseTag.href = base; doc.getElementsByTagName('head')[0].appendChild(baseTag); var anchor = doc.createElement('a'); anchor.href = url; return anchor.href; } finally { if (iframe) iframe.parentNode.removeChild(iframe); } }()); } // An inner object implementing URLUtils (either a native URL // ob

                                                                                2人のローマ教皇 | Netflix (ネットフリックス) 公式サイト
                                                                              • コブラ会 | Netflix (ネットフリックス) 公式サイト

                                                                                '); doc.close(); } if (!doc) throw Error('base not supported'); var baseTag = doc.createElement('base'); baseTag.href = base; doc.getElementsByTagName('head')[0].appendChild(baseTag); var anchor = doc.createElement('a'); anchor.href = url; return anchor.href; } finally { if (iframe) iframe.parentNode.removeChild(iframe); } }()); } // An inner object implementing URLUtils (either a native URL // ob

                                                                                  コブラ会 | Netflix (ネットフリックス) 公式サイト
                                                                                • ASP.NET Core WebAPI を ECS・Fargate にデプロイしてみた | DevelopersIO

                                                                                  CX事業本部の佐藤です。 ふと思い立って、ASP.NET Coreを触ってみました。.NET Core になってからはほとんど触れていなかったのですが、 dotnet CLIを使うことで、雛形のアプリケーションを簡単に作ることができ、非常に便利でした。そこで、簡単なTodo WebAPIを ASP.NET Core で作成して、ECS・Fargate にデプロイしてみたので、手順を残します。 ASP.NET Coreとは? Microsoftがオープンソースで開発している、クロスプラットフォームなWebフレームワークの一種です。元々、ASP.NET 4.xのときはWindowsでしか開発ができませんでした。ASP.NET Coreは ASP.NET 4.xを再設計し、macOS, Linux環境でも開発できるようにしたフレームワークです。基本的にはC#を使ってWebアプリケーションを構築し

                                                                                    ASP.NET Core WebAPI を ECS・Fargate にデプロイしてみた | DevelopersIO