2021-01-01から1年間の記事一覧

2021年 個人的に気になったIT・プログラミングニュース　まとめ

その他 人気記事 テクノロジー

2021年のIT・プログラミングに関するニュースを個人的に気になったのをまとめてみました。

#テクノロジー　進歩 #テクノロジーの変化 #テクノロジーの進化

React CRAで簡単に設定できる！初心者向けTailwind CSSのスタイリング方法

フレームワーク

この記事では、初心者向けにReactのCRAで「Tailwind CSS」を設定し、スタイリングする方法についてチュートリアルを提供します。

#react #ReactJs #テクノロジーと教育 #プログラミング #JavaScript

Reactでのスタイリングする方法 【CSS】 基礎

React基礎 人気記事

CSSを使用したReactでのスタイリング CSS Modulesとは CSS Modulesの作成 ReactでCSSを扱う方法について、初学者の方に向けて、利点やデメリットも含めてご紹介したいと思います。 ReactでCSSのスタイルを設定する方法は、いくつかあります。 そこで、本記事…

#react #ReactJs #テクノロジーと教育 #フロントエンドエンジニア #プログラミング #JavaScprit

JavaとJavaScriptの違いを初心者向けに徹底解説 | 言語仕様、実行環境、用途の違いを簡潔に比較

その他 JavaScript基礎

JavaとJavaScriptの違いを初心者向けに徹底解説いたします。

#プログラミング #Java #JavaScript #テクノロジーと教育 #コンピューター・IT #プログラミング学習

React JSXとは？ その構文の必要性とJSとの違い

React基礎 人気記事

ReactのJSX構文をなぜ扱うのか？、そしてその必要性について話していきたいと思います。

#react #JavaScript #プログラミング #フロントエンド #テクノロジーと教育

Reactのカスタムフック（独自フック）の基本的な使い方 | 初心者向け解説

React基礎 人気記事

React カスタムフックの基本的な使い方・作成、いつ使用するのかを初心者向けに解説致します。

#React Hooks #react #JavaScript #プログラミング独学 #プログラミング初学者

継続的な学習に役立つ初心者向けエンジニアのガイド

その他

このガイドはあなたが学習していく中でより良い考えをあなたに与えるのを助けてくれるでしょう。 テクノロジーは常に進化する プログラミング学習中に意識する事 得意ではない事を認める 助けを求めることを恐れないで 小さな目標も定義 暗記するのではなく…

#フロントエンドエンジニア #テクノロジーと教育 #プログラミング学習

プログラミング初心者にオススメの最初の言語は何？現役プログラマーが解説

その他 テクノロジー

プログラミング初心者が1番最初に学ぶべきプログラミング言語のオススメを紹介致します。

#フロントエンドエンジニア #プログラミング言語

React.jsの強力なUIライブラリ機能と貢献する開発者の歴史｜なぜReact.jsが注目されるようになったのか

React基礎 その他 テクノロジー ライブラリ

React.jsがなぜここまで強力なJSライブリと言われるようになったのかを 歴史の中から、探っていきましょう。

#react #プログラミング #JavaScript

React開発者必見！Webpack + Babelなぜ必要？基本知識を簡潔に解説

React基礎 便利ツール ライブラリ JavaScript基礎

React開発者になるには欠かせない、Webpack&Babelについて、なるべくざっくりと解説致します。 まずはなぜ必要なのかを理解していきましょう。

#react #webpack #JavaScript #フロントエンド

ReactのuseEffectフック: 初心者向けの詳細な解説と複数のuseEffectの扱い方

React基礎 ライブラリ

複数での副作用の場合『useEffect』は１つにまとめて組み合わせるのではなく、『useEffect』を複数呼び出し分けなければいけません。

#React Hooks #react #プログラミング #JavaScprit

React Hook useCallback 基礎

React基礎 ライブラリ

React Hook useCallbackの基礎になります。

#react #React Hooks

React中級者が学ぶべき内容を解説！概念・機能・エコシステムの情報まとめ

React基礎 ライブラリ テクノロジー

React.jsの中級者になりたての方、向けにこれから何を学ぶかを私からの提案でございます。

#react #React Hooks #プログラミング #JavaScprit

Reactフック useRef 使い方 基礎

React基礎 ライブラリ 人気記事

ReactフックのuseRefが何に役立ち、そしてそれをどのように扱うのか解説致します。

#react #React Hooks

React フック useEffectとuseLayoutEffectの違い 基礎

React基礎 ライブラリ 人気記事

React Hooksの『useEffect』と『useLayoutEffect』の違いを解説致します。

#react #React Hooks

React useReducerフックとは 使い方

React基礎 ライブラリ 人気記事

useStateの理解ができた方はさらに1ランク上の状態管理へいきましょう！ React Hookの『useReducer()』の解説を致します。

#React Hooks #react

React フック【useContext 】の使い方 基礎

React基礎 ライブラリ

本日はReactフックでよく用いられる、useContextでのデータ共有になります。 useContextフックは、React16.8以降のバージョンで使用可能です。 useContextとは useContextフック 使い方 最後に useContextとは 本来Reactでの親コンポーネントから子のコンポ…

#React Hooks #react

プログラマーが実践する、ブログのSEO対策に役立つ便利ツールを紹介

便利ツール 人気記事

前回の記事では、「 React.js専用の便利ツール」を紹介しましたが、それではReactや開発者以外の方にとっては役に立たないものでした。 また、さらに以前は「Googleでの検索方法」、「Google Chrome拡張機能」を紹介しましたが、本日はさらに幅広い範囲でお…

#SEO #ブログ

React開発者ツール：効率的なUI構築とデバッグのための必須ツール

便利ツール ライブラリ

Reactに関連する効率的なUI構築とデバッグのための必須ツールを紹介します。

#react #便利ツール

Reactフックの解説と使用例のまとめ

React基礎 ライブラリ 人気記事

React.jsのHooksについて初めて学ぶ初心者の方々向けに、簡潔かつ分かりやすく説明したまとめた記事となります。

#React Hooks #react

Reactを使用した静的Webサイト制作のためのレンダリング戦略

React基礎 テクノロジー

本日はReactを使用した静的Webサイトの制作についてになります。 リアルDOMと仮想DOMについて SSR SSG SSGのサイトはCMSより速い?? 最後に リアルDOMと仮想DOMについて Webページの初回ロードにおいて、リアルDOMを使用したレンダリングは、JavaScriptやJQue…

#react #spa #website

React.jsを学ぶ初心者向けの完全なロードマップ

React基礎 人気記事

React.jsを独学で学んでいく初心者の方に向けて、実際に私が独学で学んできた経験を元に、現役のReactプログラマーが完全なReactロードマップを作成しました。 初心者の方にとっては、当記事のロードマップを初めて見たときは少し圧倒されるかもしれませんが…

#react #アプリ開発

難しいことを学ぶことに価値がある-プログラミングや専門職を目指す人必見

その他

こんにちは、皆様。 今回は、筆者が個人的に考えていることを共有したいと思います。。 プログラミングの記事を書く時間がなかったため、少し私的な話になりますが、エンジニアになりたいと考えている方、そうでない方を含めて、これからの人生に役立つ考え…

JavaScriptを扱う前のDOMとは？ 基礎

JavaScript基礎 人気記事

JavaScriptに入る前に抑えておかなければいけないDOMについて学んでおきましょう！

#JavaScript #Document Object Model

ブログ開設から1か月… 【報告】

その他

【ご報告】1ヶ月で1万PV突破！感謝の気持ちを込めて はてなブログを開設してから、本日で1ヶ月が経ちました！この1ヶ月間で月間ページビュー数が1万を突破し、私にとっては素晴らしい出来事です。 この場を借りて、皆様に感謝の気持ちを伝えたく思います。 …

ライブラリとフレームワークの違い　【脱初学者】

便利ツール ライブラリ フレームワーク

はじめに ライブラリ フレームワーク 最後に はじめに Web開発を学ぶ際、必ずと言っていいほど出くわす用語が「ライブラリ」と「フレームワーク」です。 しかし、これらの用語の違いについて理解することは簡単ではありません。 多くの人はGoogleで検索して…

#Library #Framework #Web Developer

Reactでのエラー処理について 【エラー境界】

ライブラリ React基礎

Reactでのエラー処理にお困りの方はまずこちらを学んでから、別の解決策に進んで下さい。

#react

React クラスと関数【フック】コンポーネントとの違い　脱初学者

React基礎 ライブラリ 人気記事

構文 Propsの取り扱い 状態 ライフサイクル 独自フック 補足 最後に Reactでコードを書き始めると、JSX構文や関数コンポーネントとクラスコンポーネントの違いなど、Reactのいくつかの点で混乱することが初心者ではよくあります。 本日はReact JSのクラスコ…

#react #React Hooks

現役プログラマーが厳選！Google Chromeの素晴らしい拡張機能 | Webデザイナーやブロガーに役立つツール

便利ツール

Webアプリ開発エンジニアが個人的に紹介するChromeの拡張機能になります！

#chrome #便利ツール

React開発の始め方：Create-React-Appの使い方と最新バージョンのディレクトリ構成解説

React基礎 便利ツール ライブラリ

Reactを学習中の方や、SPAの開発を手軽に始めたい方には、Create-React-App（CRA）というCLIツールがおすすめです。 このツールは、Reactプロジェクトの雛形を提供し、初期設定を自動的に行ってくれます。 CRAを使用すると、ディレクトリ構成が自動的に作成…

#react #create-react-app
プライバシーポリシー

© 2023 Icons8 LLC. All rights reserved.

© [deve.K], 2023. React logo is a trademark of Facebook, Inc. JavaScript is a trademark of Oracle Corporation and/or its affiliates. jQuery and the jQuery logo are trademarks of the JS Foundation. TypeScript and the TypeScript logo are trademarks of the Microsoft Corporation. Next.js and the Next.js logo are trademarks of Vercel, Inc. Firebase and the Firebase logo are trademarks of Google LLC. All logos edited by [deve.K].

'); $entries_archive.insertBefore(sections[0]); for(var i=0; i < view_sec_num; i++) { $(sections[i]).appendTo($entries_archive); page_index += 1; } archive_num += 1; for(var i=view_sec_num; i < sections.length; i++) { if(page_index==view_sec_num) { var $read_more_link = $('

もっと表示する

'); $read_more_link.on('click',{archive_num: archive_num},function(e){ $(e.target).hide(); $('#entries-archive-' + e.data.archive_num).fadeIn("slow"); }); var $before_archive = $('#entries-archive-' + (archive_num-1)); $before_archive.append($read_more_link); $entries_archive = $('
'); $entries_archive.hide(); $entries_archive.insertAfter($before_archive); page_index = 0; archive_num += 1; } $(sections[i]).appendTo($entries_archive); page_index += 1; } $entries_archive.hide(); } }); // ページトップ処理 $(function () { var pagetop = $('#pagetop'); // スクロールした場合 $(window).scroll(function() { // スクロール位置が200を超えた場合 if ($(this).scrollTop() > 200) { pagetop.fadeIn("slow"); } else { // ページトップへをフェードアウト pagetop.fadeOut("slow"); } }); // クリックした場合 pagetop.click(function() { // ページトップへスクロール $('html, body').animate({ scrollTop: 0 },"slow"); return false; }); });