並び順

ブックマーク数

期間指定

  • から
  • まで

321 - 360 件 / 819件

新着順 人気順

" programming"の検索結果321 - 360 件 / 819件

  • React コンポーネントをリファクタリングする方法 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

    Reactアプリケーションに適用されるリファクタリングに関する一般的な問題について解説します。 クラスコンポーネントから学習してしまい、フックに移行する前に少し混乱する可能性があります。 関数コンポーネントが好まれる理由と、クラスコンポーネントよりも関数コンポーネントを使用する利点があるかどうかを詳しく学んで下さい。 なぜクラスではなくフックなのか? 状態がない場合 状態を持つコンポーネント Props ライフサイクルの簡素化 これから 最後に なぜクラスではなくフックなのか? Reactでクラスを使用する利点は、状態がいつ変化したかを識別し、this.stateキーワードを使用してグローバル状態またはコンポーネント状態を更新するライフサイクルメソッドがクラスに含まれていることです。 対照的に、フックはReact 関数コンポーネントで使用され、クラスを必要とせずにコンポーネントの状態やその

      React コンポーネントをリファクタリングする方法 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
    • React useMemoおよびuseCallbackフックの使用方法  - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

      Reactでは、関数コンポーネントでさまざまなライフサイクルを実現するためのフックがたくさん組み込まれておりますが、その中にuseMemoというフックがあります。 Reactの初心者でなければ、useMemoおよびuseCallbackフックには既に馴染みがあるかと思います。 useMemoおよびuseCallbackフックの使い道はいくつかの非常に特殊で具体的なケースに限られます。 負荷の高い計算によってアプリのパフォーマンスが低下していることに気付く確率は10%も満たないでしょう。 これらフックに関係なく、実行されるすべてのコード行にはコストがかかります。 事前に最適化をしたいだけかもしれません。 しかし、ほとんどの場合は私たち(開発者)はそれらを使って不必要なものをラップしています。 useMemoとuseCallbackのこれらの実際の目的は何なのか、そしてそれらを適切に使用する方

        React useMemoおよびuseCallbackフックの使用方法  - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
      • Go 1.18 Release Notes - The Go Programming Language

        Introduction to Go 1.18 The latest Go release, version 1.18, is a significant release, including changes to the language, implementation of the toolchain, runtime, and libraries. Go 1.18 arrives seven months after Go 1.17. As always, the release maintains the Go 1 promise of compatibility. We expect almost all Go programs to continue to compile and run as before. Changes to the language Generics G

          Go 1.18 Release Notes - The Go Programming Language
        • Kretes · Programming Environment for TypeScript & Node.js

          Programming Environment for TypeScriptKretes is a programming environment for rapid development of TypeScript applications. It combines a web framework with an editor into an integrated, battery-included solution.

            Kretes · Programming Environment for TypeScript & Node.js
          • Python Programming And Numerical Methods: A Guide For Engineers And Scientists — Python Numerical Methods

            Python Programming And Numerical Methods: A Guide For Engineers And Scientists¶ This notebook contains an excerpt from the Python Programming and Numerical Methods - A Guide for Engineers and Scientists, the content is also available at Berkeley Python Numerical Methods. The copyright of the book belongs to Elsevier. We also have this interactive book online for a better learning experience. The c

            • 【初心者向け】インフラエンジニア向け学習サイト7選!|プログラミング・IT 未経験からの攻略法|variiis PROGRAMMING MEDIA

              近年、ITエンジニアという仕事に注目や人気が集まってます。 ITエンジニアと聞くとプログラミングを行うプログラマーを思い浮かべる人が多いかと思いますが、IT業界には様々な職種があって、インフラエンジニアという職種もあります。 インフラエンジニアはネットワーク・サーバー機器の設計・構築・運用を行う職種であり、専門性・需要は高く、なくなることがないインフラを扱うということもあって安定した職業としておすすめです。 しかし、興味は抱いてもどんなスキルが必要なのかわからない方も多いかと思います。 そこで本記事では、これからインフラエンジニアを目指す人向けにおすすめの学習サイトを紹介していきます。 インフラエンジニアとは? 本章では、インフラエンジニアについて簡単に説明していきます。 仕事内容 インフラエンジニアは、Webサービスが正常に動作するようにインフラ機器の設計や構築、運用を行います。 インフ

                【初心者向け】インフラエンジニア向け学習サイト7選!|プログラミング・IT 未経験からの攻略法|variiis PROGRAMMING MEDIA
              • Programming in Scala, Fifth Edition

                If you purchase the eBook, you will be entitled to receive periodic updates as errata are fixed, for no additional charge. If you purchase a paper book, it will be shipped as soon as it comes into stock (which should take place the week of ). If you purchase the combo, the paper book will be shipped when it is published, estimated publication date is . About the book The fifth edition of Programmi

                • ReactでのonClickイベント処理 【イベントハンドラ】 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                  Reactの最新版(v18)において、イベントハンドラ関数に引数を渡す方法および基本的なイベント処理について説明します。 ボタンやリンクなど、あらゆる要素をクリックした後に何らかの処理を実行する場合は、常にonClickイベントハンドラを使用します。 これはReactで最も強力で、最も頻繁に使用される機能の一つです。 また、この記事ではonChangeイベント処理についても解説しますが、ほとんどはonClickイベントハンドラを重点的に学習していきます。 SyntheticEvent(合成イベント) Reactのイベントハンドラ イベントハンドラをインライン関数として呼び出す インライン関数にボタンの値を引数として渡す 複数の関数を呼び出す イベントハンドラ内の状態を更新 最後に SyntheticEvent(合成イベント) イベントは、ユーザーが行う操作やシステムが生成するトリガー動作に

                    ReactでのonClickイベント処理 【イベントハンドラ】 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                  • ReactフックでlocalStorageを使用する方法 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                    このチュートリアルでは、ローカルストレージにアクセスし、それを使用してアプリケーションの状態を保存する方法を説明します。 ※前提条件として、Reactの概念およびReactフックの基本を理解していることを確認してください。 Webストレージとは フォームコンポーネントの作成 フォーム入力をlocalStorageに保存 localStorageに保存されたデータの削除 カスタムフックとしてカプセル化 データ検証とエラー処理 localStorageでuseEffectフックを使用 getItem()でデータの読み取り 最後に ユーザーからユーザー名とパスワードを受け取り、それをユーザーのコンピュータのlocalStorageにデータとして保存するReactアプリケーションを構築します。 Webストレージとは 2つの主要なWebストレージメカニズムがあります。 React localStor

                      ReactフックでlocalStorageを使用する方法 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                    • M.Hiroi's Home Page / Common Lisp Programming

                      WHAT'S NEW 2024/3/29 Common Lisp 入門: 入門編に 分数 [2] を追加 2024/3/29 自作ライブラリ編: ntheory をバージョンアップ (ver 0.2.10) 2024/3/15 Common Lisp 入門: 入門編に 分数 を追加 CONTENTS お気楽 Common Lisp プログラミング入門 入門編 応用編 パズルの解法編 思考ルーチン編 圧縮アルゴリズム編 micro Scheme 編 お気楽 CLOS プログラミング入門 番外編 仮想計算機 COMETⅡ Yet Another Common Lisp Problems 自作ライブラリ編 (別ページへ移動) お気楽 ISLisp プログラミング超入門 (別ページへ移動) xyzzy Lisp Programming (別ページへ移動) 参考文献, URL お気楽 Common

                      • 30〜40代や50代以降のキャリアチェンジ者に向けたプログラミング学習のコツと成功の秘訣 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                        この記事では、30〜40代または50代以降でプログラミングへのキャリアチェンジを考えている読者様に向けた記事となっております。 30歳でコーディングを学び始めたばかりの方でも、40歳でソフトウェア エンジニアになる方でも、50歳で再訓練する方々に、30代半ば現役プログラマーの私があなたに後押し出来ればと思っております。 プログラミングはハードなスキルを必要とする分野です。 まず、人によって効果的な方法は異なりますが、キャリア全体を通じて、常に新しい問題に頻繁に遭遇するため、必要とされる最小限の独学が常にあることを覚えておいてください。 プログラミングは最終的には独学です。 ソフトウェアエンジニアの年齢制限 時間管理 給与 資金 学ぶ意欲 業界の知識 アドバンテージ 個人プロジェクトの構築 最後に ソフトウェアエンジニアの年齢制限 中年でソフトウェアエンジニアリングに興味がある場合、ある時点

                          30〜40代や50代以降のキャリアチェンジ者に向けたプログラミング学習のコツと成功の秘訣 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                        • React Hooks 入門 モーダル実装 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                          事前準備 モーダル実装 本日はReact.js Hooksでモーダルコンポーネントの実装を他のライブラリを活用せずに、独自に作成していきます。 こちらは初学者様に向けた入門となります。 Web開発されてるならば、モーダルはごく一般的なUX要素です。 現在のページの上部に表示されるダイアログボックス/ポップアップウィンドウとなっています。 より効率よくそしてUIを壊す事なくコンテンツを動的にレンダリングする事を意識して作成していく事が重要となります。 当ブログの記事では複雑なコードではなくシンプルな実装となっております。 事前準備 • create-react-appを使用していきます。 npx create-react-app プロジェクト名 • VS Code • React Hooksの最低限の理解 モーダル実装 まずはコンポーネント全体コードからどうぞ。 import { useSt

                            React Hooks 入門 モーダル実装 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                          • GitHub - stanfordnlp/dspy: DSPy: The framework for programming—not prompting—foundation models

                            [Oct'23] DSPy: Compiling Declarative Language Model Calls into Self-Improving Pipelines [Jan'24] In-Context Learning for Extreme Multi-Label Classification [Dec'23] DSPy Assertions: Computational Constraints for Self-Refining Language Model Pipelines [Dec'22] Demonstrate-Search-Predict: Composing Retrieval & Language Models for Knowledge-Intensive NLP Getting Started: Documentation: DSPy Docs DSPy

                              GitHub - stanfordnlp/dspy: DSPy: The framework for programming—not prompting—foundation models
                            • Planner programming blows my mind

                              Picat is a research language intended to combine logic programming, imperative programming, and constraint solving. I originally learned it to help with vacation scheduling but soon discovered its planner module, which is one of the most fascinating programming models I’ve ever seen. First, a brief explanation of logic programming (LP). In imperative and functional programming, we take inputs and

                              • React 18 Suspense 遅延読み込みとパフォーマンスを理解する 基礎 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                                遅延読み込み React.lazy React Suspenseとは? エラー境界 Suspenseの使い方 注意点 最後に 遅延読み込み 遅延読み込みは、最適化手法やデザインパターンの一つです。 それは画像、ビデオ、Webページ、音楽ファイル、ドキュメントなど、必要になるまで読み込みを遅らせて貴重なデータを節約する手法です。 通常、Reactのシングルページアプリケーション(SPA)は小さいため、問題なく動作します。しかし、コンテンツ管理システムなどの複雑なアプリケーションを扱う際には、プログラム全体を一度に読み込むことは理想的ではありません。 そこで、Reactアプリケーションを本番用にする前に、Webpackなどのプリインストールされたバンドラーを使用してプロジェクトをパッケージ化します。 しかし、このパッケージ化されたプロジェクトを読み込むと、ユーザーが滅多にアクセスしないページも

                                  React 18 Suspense 遅延読み込みとパフォーマンスを理解する 基礎 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                                • ReactとTypeScriptでuseEffectフックの正しい使用方法 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                                  useEffectとは 暗黙のリターン useEffectでのasync/await 最後に React.jsでは副作用を処理するためのフックが2つございます。 ・ useEffect ・ useLayoutEffect これらの主な違いは、詳しくは解説致しませんが、全ては実行時のタイミングです。 簡単に言ってしまえば、非同期なのか同期処理なのかです。 以下で、解説しておりますので参照下さい。 dev-k.hatenablog.com useEffectとは useEffectフックは2つの引数を受け入れます。 useEffect(() => { // Mounting return () => { // Cleanup function unmount } }, [//Updating]) // 第2引数 デフォルトでは、すべての再レンダリングで実行しますが、オプションとして2番目の引数

                                    ReactとTypeScriptでuseEffectフックの正しい使用方法 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                                  • JavaScriptオブジェクトの基礎と使い方 | プロパティとメソッドの操作方法 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                                    本日は、JavaScriptのオブジェクトを使う方法について、初心者向けに基本的な操作を解説します。 この記事では、JavaScriptのオブジェクトについての基礎知識を身につけ、実際にコードを書いて操作する方法を学ぶことができます。 オブジェクトは、データをまとめて管理するための便利な手段であり、プログラムの構造をより明確にすることができます。 JavaScriptオブジェクトは、プログラマーが作成、追加、削除、アクセス、プロパティとメソッドを操作するための重要な概念です。 Array「配列」の基礎は以下で詳しく解説しておりますので参照ください。 dev-k.hatenablog.com JavaScript オブジェクト オブジェクト宣言 プロパティの属性 オブジェクトプロパティの操作 計算されたプロパティ名 プロパティの値を省略 プロパティ名の制限 定数宣言したオブジェクトのプロパテ

                                      JavaScriptオブジェクトの基礎と使い方 | プロパティとメソッドの操作方法 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                                    • Chris's Wiki :: blog/programming/GoVersionOfYourSource

                                      Since Go 1.13, Go has embedded information about the modules used to build a program into its binary, and has reported them if you used 'go version -m ...' (release notes). This information has historically included a variety of things, including the path and module that the program was built from, an indication of any module replacements being used, and a marker that the program was being built f

                                      • React.jsでのインポートとエクスポートとは 基礎 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                                        Reactを学び始めたときにまず気付く初期の構文のいくつかは、「インポート」と「エクスポート」というフレーズを目にする事がほとんどかと思います。 これらの用語は何なのか?またReact.jsにとって非常に重要な理由は何?どの側面がそれらを必要とするのか?これらのまだ非常に新しい概念を初学者様にそれらをここで説明することになります。 エスクポートとインポートの役割と概念 Reactエクスポートとインポート扱い方 それらを組み合わせ 最後に エスクポートとインポートの役割と概念 インポート・エクスポートの概念は、JavaScriptのES6モジュールです。 JavaScriptのES6モジュールは、以下で詳しく解説していますので参照ください。 dev-k.hatenablog.com React.jsでインポート・エクスポートすると、モジュラーコードを記述できます。 コードを複数のファイルに分

                                          React.jsでのインポートとエクスポートとは 基礎 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                                        • WebサイトとWebアプリの違い 知っておくべきこと 基礎 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                                          ウェブ開発とモバイルアプリ開発を専門とするプログラマとして、私たちはクライアントとそれぞれの目的について頻繁に話し合い、それらを区別する方法を説明してきています。 そのため、これら2つの主な違いを指摘するガイドを作成することを考えました。 いくつかのトリックを知っていれば、それらを区別するのは本当に簡単です。 本日は初心者様にこれらを解説致します。 Webサイト Webアプリケーション 類似点 違い デメリット 適切な選択は? まとめ 最後に 完全なデジタル時代に移行するにつれて、Webサイトの人気がますます高まっております。 2022年では世界的にも、中小企業の71%以上がWebサイトを保有しております。 保有していない場合、ワールド・ワイド・ウェブ(WWW)の時代において、現代の世界で生き残ることは困難となります。 ただし、Webサイトを必ず持っていなければならないというわけではござい

                                            WebサイトとWebアプリの違い 知っておくべきこと 基礎 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                                          • Reactを学ぶ前に知っておくべきJavaScriptの基礎と必要なスキル・ツールのリスト - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                                            はじめに ReactでのJS必須級のスキル 学んでおくと尚良い 最後に はじめに Reactの開発者として学びたい初学者の方々にとって、以下の疑問が生じるかもしれません。 Reactを学ぶ前にどれくらいのJavaScriptを学ぶべきか?」「どの程度のJavaScriptの知識があれば、Reactを始められるのか?」。 このような疑問は非常に一般的であり、バニラJavaScriptの基礎を学ぶ必要があります。 また、最新の構文や機能を持つES6も理解する必要があります。 Reactの名前は聞いたことがあるけれど、詳しく知らないという方には、以下にReactについての説明を用意しています。 dev-k.hatenablog.com さらに、Reactを始める前に知っておくべきJavaScriptのスキル、ライブラリ、ツールなどもリストアップしています。これらをマスターすることで、より効果的な

                                              Reactを学ぶ前に知っておくべきJavaScriptの基礎と必要なスキル・ツールのリスト - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                                            • Perfectly Reproducible, Verified Go Toolchains - The Go Programming Language

                                              Russ Cox 28 August 2023 One of the key benefits of open-source software is that anyone can read the source code and inspect what it does. And yet most software, even open-source software, is downloaded in the form of compiled binaries, which are much more difficult to inspect. If an attacker wanted to run a supply chain attack on an open-source project, the least visible way would be to replace th

                                                Perfectly Reproducible, Verified Go Toolchains - The Go Programming Language
                                              • The Beef Programming Language

                                                Beef is a high-performance multi-paradigm open source programming language with a focus on developer productivity. Tier 1 Platforms (IDE + Binaries) Windows 64 bit & 32 bit Tier 2 Platforms (Build from source) Linux, macOS, Wasm Tier 3 Platforms (Experimental) Android, Nintendo Switch, PS5, Xbox Series X C/C++ interop with static and dynamic libs Custom allocators Batched allocations Compile-time

                                                  The Beef Programming Language
                                                • GitHub - leanprover/lean4: Lean 4 programming language and theorem prover

                                                  You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                    GitHub - leanprover/lean4: Lean 4 programming language and theorem prover
                                                  • ChatGPTはソフトウェア開発者に取って代われるのか? - ChatGPTが提供するAI技術の可能性 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                                                    ChatGPTの印象的なレスポンシブ アルゴリズムにより、このAIテクノロジーは世界中で注目を浴びています。ニュース記事でもChatGPTが頻繁に取り上げられています。 一部の人々は、ChatGPTがソフトウェア開発者を完全に取って代わる可能性があると懸念しています。 しかし、実際には、ChatGPTはアプリ開発や定型的なコードの生成、デバッグ、テストなど、開発者の日常業務をよりスムーズかつ効率的にするための手段として役立つことが期待されています。 そこで、本記事では、現役のReactプログラマーである筆者が、ChatGPTがソフトウェア開発者に与える影響について考察してみたいと思います。 なお、本記事には筆者個人の意見も含まれていることをご了承ください。 OpenAIのChatGPTとは? ChatGPTはコードを記述できるのか? ChatGPTは開発者にとって脅威なのでしょうか? Ch

                                                      ChatGPTはソフトウェア開発者に取って代われるのか? - ChatGPTが提供するAI技術の可能性 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                                                    • Welcome to Claro! - The Claro Programming Language (DRAFT)

                                                      Welcome to Claro! Claro is a statically typed JVM language that provides a well-lit path to building simple, highly concurrent, and scalable applications. Dependency Management Done Right Claro was designed with modern build tooling in mind: Swap any dependency without changing a single line of source code Runtime "Dependency Injection" frameworks are a thing of the past First class Module system

                                                      • M5Paperの動作中の消費電力を削減する - Okiraku Programming

                                                        M5Paper を動作させっぱなしにすると残像が残る? M5Paper は、静電容量タッチスクリーン付きの 540 x 960 の4.7インチ電子ペーパー(EPD)を備えた、ESP32搭載のデバイスです。 無線LANやBT通信などと組み合わせて、色々なモノを作ることができます。*1 1150 mAhのLipoバッテリーを持っているため、これと電子ペーパーの電源を落としても表示が消えない特性を生かして、長期間ディープスリープさせながら定期的に画像取得するような作例がよく見られます。 しかし、タッチセンサーを利用した動作をする場合、タッチ状態を監視して反応(画面を再描画したり通信したり)したいため、内部状態がリセットされてしまうディープスリープは使えず、USB電源等に繋いで常時稼働させる必要があります。 さて、M5Paperでタッチ操作が可能なスケジューラを作り、常時通電で稼働させていたのです

                                                          M5Paperの動作中の消費電力を削減する - Okiraku Programming
                                                        • 当ブログからの【お知らせ】 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                                                          いつも当ブログをご閲覧頂き、ありがとうございます。 少し遅れてしまいましたが、ブログ開設して11月4日に一年が経過しました。 いつもお越し頂いている読者様ならびに新規様には感謝申し上げます。 当ブログで学習される読者様に、今後のお知らせと注意点を説明させて頂きます。 当ブログでは、個人で管理しているブログのプログラミング初心者向け学習記事ですので、どうしても1ページ事の文字数が多くなってしまいます。 記事によっては、5000〜10000文字以上などございます。 したがって、誤字および脱字が多数存在する場合がございますのでご了承下さい。 なるべく気を付けてはおりますが、発見したその際は、ご指摘頂けますと幸いでございます。 ご協力の程よろしくお願い致します。 なお、当ブログで扱うプログラミングテクノロジーに関する相談またはリクエストは、お気軽にお問い合わせやコメントからお願い致します。 迅速に

                                                            当ブログからの【お知らせ】 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                                                          • Typescriptで学ぶReact 入門 Propsの渡し方と定義 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                                                            このチュートリアルでは、Reactアプリケーションの構築にTypeScriptを使用する方法を、Create-React-App (CRA)を利用して簡単に始められる手順とともに解説します。 また、TypeScriptを使用した独自のReact関数コンポーネントでのPropsの定義方法も紹介します。 前提として、あなたがNode.jsを既にインストールしていることを仮定しています。 また、このチュートリアルはTypeScriptの基本的な知識があることも前提としています。 ReactとTypeScriptの組み合わせについて学ぶことで、より堅牢なアプリケーションを開発するためのツールとしての利用価値を高めることができます。 この記事を参考にして、ReactとTypeScriptの基本をマスターしましょう。 TypeScriptとReactの利点 CRAのインストール TypeScriptで

                                                              Typescriptで学ぶReact 入門 Propsの渡し方と定義 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                                                            • GitHub - SerenityOS/jakt: The Jakt Programming Language

                                                              You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                                GitHub - SerenityOS/jakt: The Jakt Programming Language
                                                              • Go 1.19 is released! - The Go Programming Language

                                                                The Go Team 2 August 2022 Today the Go team is thrilled to release Go 1.19, which you can get by visiting the download page. Go 1.19 refines and improves our massive Go 1.18 release earlier this year. We focused Go 1.19’s generics development on addressing the subtle issues and corner cases reported to us by the community, as well as important performance improvements (up to 20% for some generic p

                                                                  Go 1.19 is released! - The Go Programming Language
                                                                • Go 1.14 is released - The Go Programming Language

                                                                  Tips for writing clear, performant, and idiomatic Go code

                                                                    Go 1.14 is released - The Go Programming Language
                                                                  • 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のコンポーネ

                                                                      ReactのHOC(Higher-Order Component)パターンの理解と使用法:実際の例でユースケースをカバー - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                                                                    • On repl-driven programming - by mikel evins

                                                                      Once upon a time, someone with the handle “entha_saava” posted this question on Hacker News: Can someone knowledgeable explain how are lisp REPLs different from Python / Ruby REPLs? What is the differentiating point of REPL driven development? The answer is that there is a particular kind of programming in which you build a program by interacting with it as it runs, and there are certain languages

                                                                      • Multi-language programming playground for everyone

                                                                        Powerful online editor with ability to save programs in the cloud

                                                                          Multi-language programming playground for everyone
                                                                        • JavaScript While文でのループ処理 使用方法 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                                                                          このチュートリアルでは、JavaScriptでwhileまたはdo…whileループを記述して使用する方法を説明します。 Whileループ Whileループの構文 whileループの実行フロー whileループのフローを制御 ループのスキップ whileで配列をループする do… whileループ 最後に Whileループ whileループは、JavaScript言語でサポートされている最も単純なループの1つとなっています。 ループは、特定の条件が満たされている限り、コードの一連の命令の繰り返し実行を容易にするプログラミング構造です。 つまり、特定の条件が真になるまでデータの処理を続行する必要がある場合に役立ちます。 また、常に真の条件を使用して、whileループを無限ループとして簡単に実行することもできます。 JavaScriptでforループの代わりにwhileループを使用すると、ルー

                                                                            JavaScript While文でのループ処理 使用方法 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                                                                          • Hacker News folk wisdom on visual programming

                                                                            I’m a fairly frequent Hacker News lurker, especially when I have some other important task that I’m avoiding. I normally head to the Active page (lots of comments, good for procrastination) and pick a nice long discussion thread to browse. So over time I’ve ended up with a good sense of what topics come up a lot. “The Bay Area is too expensive.” “There are too many JavaScript frameworks.” “Bootcam

                                                                              Hacker News folk wisdom on visual programming
                                                                            • 初心者向け:ReactアプリケーションでのTailwind CSSスタイリングガイド - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                                                                              本日は、初心者向けのReactアプリケーションにTailwind CSSを統合した、効果的なスタイリング方法について解説します。 初心者向けのReactで学ぶTailwind CSSチュートリアルとなります。 まず、Tailwind CSSをReactに統合する手順については以前の記事で詳しく紹介しています。 手順については、以下のリンクを参照してください。 dev-k.hatenablog.com このチュートリアルでは、すでにプロジェクトにTailwind CSSがインストールされていることを前提としていますので、その点をご了承ください。 それでは、Reactで学ぶTailwind CSSの効果的なスタイリング方法について見ていきましょう。 Tailwind CSSの特長と利点および考慮すべき短所 Tailwind CSSのカスタマイズとtailwind.config.jsファイルの重

                                                                                初心者向け:ReactアプリケーションでのTailwind CSSスタイリングガイド - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                                                                              • Next.jsでウィンドウオブジェクトにアクセスする方法 | 初心者向け解説 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                                                                                本日はNext.jsでウィンドウオブジェクトにアクセスするいくつかの方法を初心者向けに解説していきます。 NextJSでWindowが定義されていないのはなぜですか? Next.jsで"window is not defined"を回避するには? useEffectフックを使用する 型のチェック globalThisプロパティを使用する 組み込み関数でウィンドウオブジェクトにアクセスする 最後に Next.jsを使用するときに遭遇する可能性のある非常に一般的なエラーは、ウィンドウオブジェクトにアクセスした際に返されるエラーです。 Next.jsではWindowは定義されておりません。 Next.jsアプリで HTML DOMからウィンドウオブジェクトにアクセスしようとすると以下のエラーがスローされます。 Unhandled Rejection (ReferenceError): windo

                                                                                  Next.jsでウィンドウオブジェクトにアクセスする方法 | 初心者向け解説 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                                                                                • A Linux Kernel Module written in Scratch (a visual programming language for kids)

                                                                                  “What am I looking at,” you ask? On the left is Scratch — a visual programming tool, primarily geared towards kids, to help with learning concepts of coding. Instead of typing out your code, you drag and drop blocks of programming logic into place. Snapping them together like a jig saw puzzle. In this case, instead of a programming tutorial or a simple children’s game, the Scratch project is an ac

                                                                                    A Linux Kernel Module written in Scratch (a visual programming language for kids)