はてなブックマーク

Advent Calendarの3日目です 2日目は @exotic-toybox さんによる「Java8の日時APIにおける期間の重複判定」でした。 はじめに Java 8 でラムダ式や Stream API が導入されてから随分経ちましたが、いまだに読みづらいコードに出会うことがあります。 本稿では可読性を向上させるためのテクニックをいくつかご紹介します。 ​ 以降のサンプルコードの動作確認は AdoptOpenJDK 14.0.2 で行いました。​ ロジックを抽出してストリームをすっきりさせる filter や map などのメソッドに渡すラムダ式が長くなると、ストリーム処理の全体の見通しが悪くなります。​ // かさばる本の一覧 List<String> bookTitles = null; ​ // BEFORE bookTitles = ownedBooks.stream()

はじめに 本投稿の背景と目的 React HooksはReactアプリケーションを開発する際のファーストチョイスになっていると言っても過言ではありません。 Reactの初学者がHooksを学ぶ際に、一通りの情報は公式ドキュメントにまとまっているのですが、従来の公式チュートリアルのHooks版があったらいいのにな〜、と思いました。 というわけで、React Hooksに入門するためのチュートリアルを提供することが本稿の目的です。 なお、このチュートリアルではフックの中でも最も基本的かつ重要な useStateフックとuseEffectフックを習得対象とします。まずはこの2つを覚えれば、ちょっとしたReactアプリケーションの開発を始めることが可能です。 （2020-10-11追記） 「次に学ぶこと」の章を追加しました。 （2021-1-27修正） ステップ4で追加されたBookに設定するid

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 本稿の目的と構成 ソフトウェアの設計に悩んでいる駆け出しエンジニア〜中堅エンジニアを対象に、世の中にある様々な設計手法をまとめ、それらをどう活用したらよいかを伝えたいと思って書き始めましたが、思った以上に長文になってしまいました。 本稿は以下の構成となっています。 設計の定義 様々な設計モデル ジャストインタイムの設計活動 誰のための、何のための設計か 参考文献 長文はすっ飛ばして、参考文献に挙げた書籍やWebページの中で興味のあるものを読んで頂くのもよいです。いずれも良書ばかりです。 筆者のバックグラウンド いわゆるSIer

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに 本投稿の背景と目的 Reactの公式チュートリアルは大変よくできているので、初学者がReactの基本を学ぶためには、まずは公式チュートリアルに沿って手を動かしていくのが一番だと思います。 私自身、公式チュートリアルをやってみて基本的な部分の理解はできたものの、以下の点が自分にとっては課題に感じました。 TypeScriptで書きたい場合にどうすればよいか分からず、いろいろ調べる必要があった 三目並べという題材が若干トリッキーに感じた というわけで、TypeScriptを使ってReactに入門するための、よりシンプルな題材のチュートリアルを作成することが本投稿の目的です。 私自身が初学者なので、初学者目線での説明を心がけていますが、わかりにくい箇所や間違っている箇所などありましたら忌憚のないコメントを頂けると有り難いです。 （2020-09-22追記） TypeScriptでRea

はじめに このシリーズでは、Java8で導入されたラムダ式・Stream APIを利用した、デザインパターンの実装方法を検討していきます。前回の記事はTemplate Methodパターンを取り上げました。 サンプルコードはGitHubに上げています。 今回のパターン Chain of Responsibility は「責任の連鎖」と訳されますが、その名が示すとおりチェーン状に構成されたオブジェクトが次々と責任を受け渡していくことで問題を解決するパターンです。 クラスの静的構造は以下の図のようになります。 実際には ConcreteHandler1のインスタンス -> ConcreteHandler2のインスタンス -> ... -> ConcreteHandlerNのインスタンス というように複数のハンドラがつながった構造となります。 クライアントはチェーンの先頭のハンドラにリクエストを