並び順

ブックマーク数

期間指定

  • から
  • まで

121 - 160 件 / 464件

新着順 人気順

setterの検索結果121 - 160 件 / 464件

  • Java Beans の大罪 〜 getter/setter を捨てて美しきオブジェクトの世界で生きよ〜 - A Memorandum

    まえがき はじめに Java Beans の誕生 サーバサイドの台頭 Struts と BeanUtilsの興起 Enterprise JavaBeans ORM の台頭 getter/setter は良くない習慣です なぜ getter/setter は悪なのか 悪の囁きに対する処方箋 まとめ まえがき 以下のコードを見てください。 Car car = new Car(); car.getEngine().getFuelContainer.setFuel(Fuel.litreOf(30)); もしあなたが、このコードに違和感を感じたのであれば、以下の記事を読む必要はありあません。 はじめに 開発の現場では今なお、疑問を挟む余地なく Bean という言葉が使われ、それに付随する getter/setter の呪縛に囚われ続けた状態が続いています。 この慣習は広く蔓延し、多くの開発者の思考を

      Java Beans の大罪 〜 getter/setter を捨てて美しきオブジェクトの世界で生きよ〜 - A Memorandum
    • ESLint v7.0.0 released - ESLint - Pluggable JavaScript Linter

      Published 08 May, 2020 under Release Notes ESLint v7.0.0 released We just pushed ESLint v7.0.0, which is a major release upgrade of ESLint. This release adds some new features and fixes several bugs found in the previous release. This release also has some breaking changes, so please read the following closely. Highlights There are several breaking changes in 7.0.0. We’ve created a migration guide

        ESLint v7.0.0 released - ESLint - Pluggable JavaScript Linter
      • Dagger Hilt (DevFest 2020 資料) - Qiita

        DevFestの資料の記事版です。ステップごとにサンプルアプリの差分付きで説明します。 なぜDependency Injectionが必要なのか から始め、Dagger Hiltの説明、実践的なプラクティスまで説明していきます! Dependency Injection(DI)とはなにか なぜDIが必要なのか DI、ちょっと難しいイメージありますが、そもそもなんで必要なんでしょうか? 作っているのが動画再生するアプリでVideoPlayerというクラスがあるとしましょう。 VideoPlayerのクラスの中にデータベースやcodecなどがハードコードされています。 コード: https://github.com/takahirom/hilt-sample-app/commit/8c36602aaa4e27d8f10c81e2808f0ff452f1c8a4#diff-bbc9d28d8bc

          Dagger Hilt (DevFest 2020 資料) - Qiita
        • How Swift Achieved Dynamic Linking Where Rust Couldn't - Faultlore

          How Swift Achieved Dynamic Linking Where Rust Couldn't For those who don’t follow Swift’s development, ABI stability has been one of its most ambitious projects and possibly it’s defining feature, and it finally shipped in Swift 5. The result is something I find endlessly fascinating, because I think Swift has pushed the notion of ABI stability farther than any language without much compromise. So

            How Swift Achieved Dynamic Linking Where Rust Couldn't - Faultlore
          • なぜPythonにはsetter/getterメソッドがないのか? - Qiita

            概要 JavaやC++などの他のオブジェクト指向言語ではsetter/getterメソッドの使用が推奨されているが、Pythonには存在しない。 もともとJavaやC++に触れていた僕には「なぜPythonにはsetter/getterメソッドがないのか?」がすごく疑問だった。 さらに、Javaなどの言語の資料では 「クラス内部の変数はprivateにして隠蔽せよ」 と書いてあるが、逆にPythonの資料では 「privateはなるべく使わずpublicを使え」 と書いてあることが多い。 矛盾しているのでは...? 気になったのでいろいろ調べて見た結果、そこには2つの理由があることがわかった。 さらに、Pythonでsetter/getterを使いたい場合の1つの代替案があるということもわかった。 この記事では オブジェクト指向とカプセル化について Pythonにsetter/getter

              なぜPythonにはsetter/getterメソッドがないのか? - Qiita
            • REDWING COLUMN NO.74 レッドウィング 90年代の箱 - 赤い羽BLOG

              REDWING COLUMN NO.74 レッドウィング 90年代の箱 今回はレッドウィングのブーツではなくて、購入時に付いてくる箱について。 箱のデザインや情報からでも、おおまかなモデルや年代を推測可能で 自分が主に集めている90年代半ば~2000年代前半の物をメインに紹介。 現在レッドウィングで復刻されているモデルは通常の箱とは違い この90年代のデザインや、さらに古い年代の物を採用している。 レッドウィングの箱は、このように蓋が独立していないタイプ。 現在は緩衝材としての効果がある段ボールを採用しているが かつては蓋が完全に取り外せる物だったり、厚紙を使っていたようだ。 この箱の特徴は、側面に切り取り線が入っていて 組み合わせると持ち手が作れて持ち運びがしやすくなる。 現在使われている箱もこの仕様は引き継がれていて 購入して持ち帰る時にアピールしていた人もいるとかいないとか。 90年

                REDWING COLUMN NO.74 レッドウィング 90年代の箱 - 赤い羽BLOG
              • MVC、3 層アーキテクチャから設計を学び始めるための基礎知識 - Qiita

                はじめに アプケーション・アーキテクチャについて学ぶと「MVC」や「3 層アーキテクチャ」といった言葉にたどり着きます。 さらに勉強を進めると「MVVM」、「ドメインモデル」、「クリーンアーキテクチャ」など、よく分からない言葉がどんどん増えていきます。 また、「オブジェクト指向」を勉強しても、実際のアプリケーションでの使いどころが分からなかったりします。 この記事では、これらの用語の非常に分かりにくい関係を整理しました。 2 種類の 3 層 伝統的な Web アプリケーションは、以下のように 3 種類のサーバから成り立ちます。 このサーバ構成を 3 層アーキテクチャと言うことがあります。 一方、アプリケーションサーバで動いているプログラムの内部構造も、以下のように 3 層に分離することがあります。 これも 3 層アーキテクチャと言うことがあります。 この記事では、サーバの構成ではなく、アプ

                  MVC、3 層アーキテクチャから設計を学び始めるための基礎知識 - 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 (ネットフリックス) 公式サイト
                  • ドメインモデル貧血症 - kawasima

                    マーチン・ファウラー命名のドメインモデル貧血症は、ドメイン層っぽいデータをもつクラスを作りながらも、フィールドのGetter/Setterだけをつものを指す。そうしちゃうとドメインオブジェクトに業務知識が実装されず、それを使う側に任されることになる。

                      ドメインモデル貧血症 - kawasima
                    • 監視資本主義: デジタル社会がもたらす光と影 | 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 (ネットフリックス) 公式サイト
                      • 天才の頭の中: ビル・ゲイツを解読する | 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 (ネットフリックス) 公式サイト
                        • Rustで実装するNetflow Collector - Qiita

                          git clone https://github.com/4hiziri/rust-netflood.git cd rust-netflood rustup run nightly cargo run generate 127.0.0.1 -t sample/template.json -o sample/option.json -i 1 -c 1000 -s 10001 -p 2055 -n -tでTemplate FlowSetのフィールドを設定し、-oでOptions Template FlowSetのフィールドを設定しています。 Netflow Collectorの実装 Rustの tokio を用いて非同期で動くNetflow Collectorを実装していきます。Rustを使用する理由として、まず第一に素早くpacketを捌く性能がCollectorに求められるからです。さらに

                            Rustで実装するNetflow Collector - Qiita
                          • JetBrains IDEのオススメPlugin - Qiita

                            バージョン管理など .ignore .ignore - Plugins | JetBrains ファイル/ディレクトリを右クリックしたときのメニューにAdd to .gitignore file, Add to .gitignore file(unignore)が追加される。 .gitignoreを開いているときにCtrl+クリックで飛べる .gitignoreを開いているときに.gitignoreglobalの内容も表示してくれる gitignoreされてるファイルはProject Viewでグレーの表示になる。ファイルを開いたらignoreされてますよと教えてくれる。 GitToolBox GitToolBox - Plugins | JetBrains Project Viewに今のブランチ名とか、リモートブランチとの先行/後コミットの数を表示してくれる。 GitAlso GitAl

                              JetBrains IDEのオススメPlugin - Qiita
                            • AnImator#1 ― AIと見るアニメ作画のスムーズさ - Morikatron Engineer Blog

                              こんにちは、モリカトロンのAIエンジニア兼オタクの銭です。 皆さんは、アニメを見る時、視覚的に何か他のメディアあるいは欧米のアニメと異質なものを感じたことありませんか。色々あると思いますが、その中コアと考えられるパートーー「作画」について、AI寄りの視点で考察していきたいと思います。 はじめに 作画とは 枚数が少ないがスムーズ 何故スムーズ AIはどう思う 動き分からないがイケる 何故スムーズの再考 AIはどう思う (おまけ)タイミングの質感 何故質感が生まれる AIはどう思う まとめ 参考文献 はじめに 筆者自身の趣味から出発し、AIの観点からアニメというメディアを考察し、アニメ制作におけるAI応用の可能性も検討且つ実験してみようと思い、「AnImator」を題に連載を始めようと思います。 プログラマーにアニメの奥深い面白さを、アニメ関係者にAIの可能性を、伝えたいと思います。 今回のブ

                                AnImator#1 ― AIと見るアニメ作画のスムーズさ - Morikatron Engineer Blog
                              • 2023-06-11のJS: Rspack 0.2、Modern CSS、polywasm

                                JSer.info #647 - Rustで書かれたwebpack互換のbundlerであるRspack 0.2がリリースされました。 Announcing Rspack 0.2 - Rspack Plugin Hooksの追加、ESM形式のoutputに対応、SplitChunksPluginの実装、Data URIのサポートが追加されています。 また、Vue/Svelte/NestJSのloaderのサポートが追加されています。 Modern CSS in Real Life - Chris Coyierという記事では、最近CSSに追加され利用できるようになった機能について紹介されています。 Logical Properties、Container Queries、Cascade Layers、CSS Colorsとoklch()、View Transitions APIについて現実の

                                  2023-06-11のJS: Rspack 0.2、Modern CSS、polywasm
                                • Announcing TypeScript 4.3 RC - TypeScript

                                  Today we’re excited to announce our Release Candidate (RC) of TypeScript 4.3! Between now and the stable release of TypeScript 4.3, we expect no further changes apart from critical bug fixes. To get started using the RC, you can get it through NuGet, or use npm with the following command: You can also get editor support by Downloading for Visual Studio 2019/2017 Following directions for Visual Stu

                                    Announcing TypeScript 4.3 RC - TypeScript
                                  • Closure LibraryからTypeScriptの型定義を生成する - Cybozu Inside Out | サイボウズエンジニアのブログ

                                    こんにちは、フロントエンドチームエキスパートチームの穴井(@pirosikick)です。 弊社の製品である kintone は Closure Tools (Closure Library と Closure Compiler の総称) を使って開発していますが、TypeScript を使ったモダンなスタックへの移行を検討しています。 その移行の過程で Closure Tools 側のコードを TypeScript で型安全に再利用したいケースが発生し、その解決策として Clutz というツールを試しています。 今回は、この Clutz がどういったツールなのか、その使用方法と注意点などについて紹介します。 この記事は次の条件に当てはまる方には特におすすめできる内容になっています。 Closure Tools(Closure Compiler, Closure Library)を使って開発

                                      Closure LibraryからTypeScriptの型定義を生成する - Cybozu Inside Out | サイボウズエンジニアのブログ
                                    • vue3のprovide,injectで型安全なストアを作る - うしろのこの本ください

                                      vue3が本格的に使われるようになってくるとvue2系では影が薄かったprovideとinjectも流行ってくると思います。(願望) こいつらがいい感じに型で補強してあげるとより使いやすくなるので紹介します。 provide/injectって何 そもそもこいつらが何かという話ですが、簡単に言えば親のインスタンスにkey:valueを保持しておいてどのコンポーネントからでも取り出せるようにする関数です。 以下のように、provideで登録したkeyとvalueをinjectで簡単に利用することができます。valueは登録時にリアクティブにしておけば、取り出した側での変更を追跡します。 main.ts import { createApp, ref } from 'vue' import App from './App.vue' const key = 'count' // 一意なキーを生成す

                                        vue3のprovide,injectで型安全なストアを作る - うしろのこの本ください
                                      • 2023-05-26のJS: wrangler v3.0.0、playwright v1.34.0、TypeScript 5.2の予定(変換プラグイン)

                                        JSer.info #645 - wrangler 3.0.0リリースされました Improved local development with wrangler and workerd wrangler publishがwrangler deployにリネームされています。 また、wrangler 2.0でMiniflareを同梱していましたが、 3.0ではwrangler devでMiniflareとworkerd runtimeを使ったローカル環境での開発をデフォルトに変更しています。 Release [email protected] · cloudflare/workers-sdk playwright v1.34.0リリースがリリースされました。 Release v1.34.0 · microsoft/playwright Node.js 14のサポート終了、playwrigh

                                          2023-05-26のJS: wrangler v3.0.0、playwright v1.34.0、TypeScript 5.2の予定(変換プラグイン)
                                        • パターンからわかりやすく入門するドメイン駆動設計(DDD)|研修コースに参加してみた | SEプラス 研修 Topics

                                          成瀬さんは日本最大の Java のカンファレンスでの登壇に加え、 YouTube でも「なるせみ」という IT 技術解説で人気のチャンネルを持ってらっしゃいます。 ドメイン駆動設計とは まずはドメイン駆動設計とは何か紹介いただきました。 ソフトウェア開発は難しい 理由: たくさんの技術 + 対象のドメイン知識 (物流、など) ドメインとはソフトウェア対象領域 ドメインのソフトウェアを作りたいなら、ドメインを主軸とした設計 = ドメイン駆動設計が必要 「エリック・エヴァンスのドメイン駆動設計」(翔泳社刊) という本が原典(翻訳版は 2013 年刊行。 原著は 2003 年出版) ただし、とっっっっっっても難解 ドメイン駆動設計の進め方 “モデリング” と “パターン” というパートに分けて進める 関係者と開発者が集まって、モデリングで設計して、設計したものをパターンで実装する それぞれに専門

                                            パターンからわかりやすく入門するドメイン駆動設計(DDD)|研修コースに参加してみた | SEプラス 研修 Topics
                                          • React State Management Libraries and How to Choose

                                            The idea of state is one of the trickier things to nail down when you’re starting with React, and as your app grows, so do your state management needs. In this post I’ll give you the Grand Tour of state management options in React and help you decide which one to use in your project. What is State? Just so we’re on the same page, let’s talk about state for a second. Every interactive app involves

                                              React State Management Libraries and How to Choose
                                            • Do React Hooks Replace Redux?

                                              Since the React hooks API was introduced, a lot of questions have risen about whether or not React hooks will replace Redux. In my view, there is little overlap between hooks and Redux. Hooks didn’t give us magical new state capabilities. Instead, it enhanced the API for things we could already do with React. However, the hooks API has made the native React state API a lot more usable, and because

                                                Do React Hooks Replace Redux?
                                              • Axon Framework で簡単にEventSourcing+CQRSなアプリケーションを作る - エムスリーテックブログ

                                                この記事はエムスリーAdvent Calendar 2023の13日目の記事です。 こんにちは、製薬企業向けプラットフォームチームエンジニアの桑原です。 前回のJJUG CCC の登壇についてのブログで Axon Framework について軽く触れました。今回はAxon Frameworkがどのようなもので、どういった使い方をするかを紹介したいと思います。 背景:CommandとQueryに最適なモデルが異なる CommandとEvent追記型との相性は良かった QueryがEvent追記型との相性は良くなかった 苦肉の解決策 Axon Framework ざっくりアーキテクチャ Command EventからReadModelへのマッピング Query まとめ 参考記事 We are Hiring! 背景:CommandとQueryに最適なモデルが異なる 上述のリンクで紹介したメッセー

                                                  Axon Framework で簡単にEventSourcing+CQRSなアプリケーションを作る - エムスリーテックブログ
                                                • 2022-12-07のJS: Electron 22.0.0、Web PerformanceとJavaScript Performance

                                                  JSer.info #621 - Electron 22.0.0がリリースされました。 Electron 22.0.0 | Electron Chromium 108、Node.js 16.17.1、V8 10.8へのアップデート、UtilityProcessモジュールの追加、new-windowイベントの非推奨化などの変更が含まれています。 また、Chromium 109でWindows 7/8/8.1のサポートが終了するため、Electronもこれに合わせるようです。 そのため、Windows 7/8/8.1をサポートする最後のElectronバージョンとなります。 Sunsetting support for Windows 7 / 8/8.1 in early 2023 - Google Chrome Community 今週はウェブパフォーマンスやJavaScriptのパフォーマ

                                                    2022-12-07のJS: Electron 22.0.0、Web PerformanceとJavaScript Performance
                                                  • ドメイン駆動設計の2つのモデリング手法 ユースケース図とドメインモデル図をどう作る?

                                                    コードの品質を上げることを目的として導入されることも多いドメイン駆動設計(DDD)。しかし、その本質は「モデリングでソフトウェアの価値を高める」ことです。そのためには、アプリケーション層とドメイン層を区別し、どの層に何を実装するのかを決めるのが重要です。DDDの本質、そしてモデリングから実装までの考え方を松岡幸一郎氏が語ります。講演資料はこちら ユースケース図とドメインモデル図を使ったモデリング手法 松岡幸一郎氏:モデリングのやり方は1つに決まったものはとくにないんですが、リレーションシップ駆動要件分析(RDRA)やユースケース駆動分析設計など、いろいろと紹介されているものがあります。 これらもけっこういろいろな要件定義から踏み込んでできるようなフレームワークになっていて、DDDにおける実績もあるんですが、出てくる図の種類がすごく多かったりして、この説明とかを理解するだけでも、かなり時間が

                                                      ドメイン駆動設計の2つのモデリング手法 ユースケース図とドメインモデル図をどう作る?
                                                    • Chrome will disable modifying document.domain to relax the same-origin policy  |  Blog  |  Chrome for Developers

                                                      Updates May 30, 2023: we've announced that the deprecation of document.domain setter will be effective in Chrome 115. April 7, 2023: We've identified an issue before shipping this change in Chrome 112. document.domain setter to be removed by default is currently suspended and the new shipping milestone is not determined yet. Please check back on this blog post or subscribe to blink-dev and this th

                                                      • Netflix Japan - Watch TV Shows Online, Watch Movies Online

                                                        '); 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 (ネットフリックス) 公式サイト

                                                          '); 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 (ネットフリックス) 公式サイト
                                                          • Lensとは - Qiita

                                                            Lensとは、初級者Haskellerの苦い思い出 さあさあ、やって参りました。 Haskell何個目かの鬼門にして、素晴らしく便利なアイツ、Lensの時間です。 初級者HaskellerにとってのLensといえば、「これを知らなきゃ初級者Haskellerにもなれない」と突然突きつけられて、何かと思って蓋を開ければ地獄のような型が覗く、恐怖と畏怖の対象でしょう。 調べてみても、様々な言葉で説明されるLensは、いかにもつかみどころのないものに思えます。 Lensはgetterとsetterのペア 参考: Lensの仕組みがわかった#lensを自作してみる レンズは余状態余モナドの余代数だった type Lens s t a b = forall f. Functor f => (a -> f b) -> s -> f t Control.Lens.Combinators#t:Lens よ

                                                              Lensとは - Qiita
                                                            • WebKit Features in Safari 17.2

                                                              ContentsHTMLCSSImages and videoJavaScriptWeb APIWeb AppsWebGLPrivacyWeb InspectorFixes for Interop 2023 and moreUpdating to Safari 17.2Feedback Web technology is constantly moving forward, with both big new features and small subtle adjustments. Nowadays, web developers expect web browsers to update multiple times a year, instead of the once or twice a year typical of the late 2000s — or the once

                                                                WebKit Features in Safari 17.2
                                                              • Android's Built-in ProGuard Rules: The Missing Guide

                                                                Android's Built-in ProGuard Rules: The Missing Guide Android's build tools come with a few ProGuard facets to squeeze the most juice out of your release builds. In this post we'll cover what they all are, what's inside 'em, and what you can do with this knowledge! Note: This post is a little long and intended to be an information dump. Feel free to skip sections if they're not relevant to you! The

                                                                  Android's Built-in ProGuard Rules: The Missing Guide
                                                                • Blogged Answers: Why React Context is Not a "State Management" Tool (and Why It Doesn't Replace Redux)

                                                                  Home Definitive answers and clarification on the purpose and use cases for Context and Redux Introduction 🔗︎ "Context vs Redux" has been one of the most widely debated topics within the React community ever since the current React Context API was released. Sadly, most of this "debate" stems from confusion over the purpose and use cases for these two tools. I've answered various questions about Co

                                                                    Blogged Answers: Why React Context is Not a "State Management" Tool (and Why It Doesn't Replace Redux)
                                                                  • News from WWDC24: WebKit in Safari 18 beta

                                                                    The last year has been a great one for WebKit. After unveiling Safari 17 beta at WWDC23, we’ve shipped six releases of Safari 17.x with a total of 200 new web technologies. And we’ve been hard at work on multiple architectural improvement projects that strengthen WebKit for the long-term. Now, we are pleased to announce WebKit for Safari 18 beta. It adds another 48 web platform features, as well a

                                                                      News from WWDC24: WebKit in Safari 18 beta
                                                                    • JavaScriptクロージャーの仕組みとスコープ:関数型プログラミングにおける重要な概念の解説 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                                                                      クロージャー(Closure)の概念は関数型プログラミングにおいて重要であり、JavaScriptの面接でよく質問される事もあります。 どこでも使用されていますが、クロージャーは把握するのがとても困難でもあります。 まず、クロージャーを学ぶまえに(スコープ)および(レキシカルスコープ)の基本を学ぶ必要があります。 そして、前提としてJSの変数および関数に精通しているかご確認下さい。 この記事では、JavaScriptクロージャーの仕組みおよびJavaScriptスコープについて解説します。 スコープ スコープチェーン レキシカルスコープ JSのクロージャーとは? レキシカルスコープとクロージャーの違い JSでのクロージャの利点と欠点 最後に スコープ JavaScriptのスコープ(Scope)は、変数や関数がどこからアクセス可能かを定義する仕組みです。 変数や関数がどこで宣言されたかによ

                                                                        JavaScriptクロージャーの仕組みとスコープ:関数型プログラミングにおける重要な概念の解説 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                                                                      • JavaScript metaprogramming with the 2022-03 decorators API

                                                                        More information on the syntax and semantics of decorators (optional section)  # (This section is optional. If you skip it, you can still understand the remaining content.) The syntax of decorator expressions  # A decorator expression starts with a chain of one or more identifiers, separated by dots. Each identifier except the first one can be private (prefix #). Square brackets [] are not allowed

                                                                        • React Hook Formでフォームに初期値を非同期で与える | DevelopersIO

                                                                          唐突ですがcontrolled componentsで更新系のフォームを扱う場合には下記のようなパターンで描写されることが多いです. 初期処理 DOMの描写が走る useEffectなどでデータを非同期にフェッチする 値を状態にセットする 再描写が走る さらに唐突ですが, React Hook Form (RHF) はuncontrolled componentsを採用しているためパフォーマンスが優れています. RFHは値の取得や変更をRef経由で行います. そのため下記のようなコードの場合, TextFieldのラベルがshrinkしません. <TextField label="california" id="california" name="california" inputRef={register} /> californiaが沈んだままですね. これはいけません. InputL

                                                                            React Hook Formでフォームに初期値を非同期で与える | DevelopersIO
                                                                          • TypeScript v3.9.2 変更点 - Qiita

                                                                            こんにちはメルペイ社な@vvakameです。 TypeScript 3.9がアナウンスされました。 What's new in TypeScript in 3.9 Breaking Changes in 3.9 TypeScript 3.9 Iteration Plan TypeScript Roadmap: January - June 2020 Roadmapはこちら。 この辺に僕が試した時のコードを投げてあります。 変更点まとめ Promise.all 関係の型推論を改善 Improvements in Inference and Promise.all 3.7で Promise.all 周りの改善を入れたけどリグレッションが発生してた undefined などが絡んだときの型推論がおかしくなってたのを修正 awaited という演算子の導入をしませんでした What About t

                                                                              TypeScript v3.9.2 変更点 - Qiita
                                                                            • 【新刊紹介】『速習 TypeScript 第2版』発売、最新の3.8系にも対応

                                                                              CodeZineに寄稿いただいている執筆コミュニティ「WINGSプロジェクト」代表の山田祥寛さんのKindle本『速習 TypeScript 第2版』が3月29日に刊行されました。altJSのデファクトスタンダードである「TypeScript」について、必要な知識がギュッと凝縮されたコンパクトな一冊です。3年を経てボリュームも倍近くアップしました。 本書は、altJS(JavaScriptの代替言語)であるTypeScriptの解説書です。TypeScriptの基本を9つのPartに分けて、サンプルコードとともに詳しく説明しています。Appendixでは、Visual Studio Codeによる開発やtsconfig.jsonの簡易リファレンスも紹介しています。 コンパクトにまとめた電子書籍なので、短時間読むことができます。この機会に、最新TypeScriptを習得してみませんか。 担当

                                                                                【新刊紹介】『速習 TypeScript 第2版』発売、最新の3.8系にも対応
                                                                              • 保存版!「sequelize」モデルの使い方実例・全59件

                                                                                さてさて、前回の記事「Node.jsにDBマイグレーション、Seed、モデルを用意する」では、「Sequelize」というパッケージを使ってデータベース周りの開発を楽にしてみました。 前回は、その「Sequelize」のインストールやコマンドの使い方をメインにしてご紹介したのですが、実はひとつ情報が多すぎてまとめていない部分があります。 それは・・・ モデルを使ってデータベース操作(取得/追加/更新/削除)する方法 です。 そこで! 今回は「Sequelize」モデルの使い方を実例でお届けしたいと思います。 ぜひ皆さんのお役に立てると嬉しいです😊✨ 開発環境: Node.js 8.10、Express 4.1、Sequelize 5.2 前提として 今回の記事は「sequelize」がインストールされていて、さらに、すでにモデルが作成されている必要があります。 もしまだ準備が整っていない

                                                                                  保存版!「sequelize」モデルの使い方実例・全59件
                                                                                • The React Cheatsheet for 2020 (+ real-world examples)

                                                                                  I've put together for you an entire visual cheatsheet of all of the concepts and skills you need to master React in 2020. But don't let the label 'cheatsheet' fool you. This is more than a mere summary of React's features. My aim here was to clearly and concisely put forth the knowledge and patterns I've gained through working with React as a professional developer. Each part is designed to be imm

                                                                                    The React Cheatsheet for 2020 (+ real-world examples)