はてなブックマーク

はじめに 今回はdev.toで話題の5 Javascript Projects You Should Build as Junior Frontend Developerを紹介します！ この記事では、自身のスキルを示すために作ると良いポートフォリオについて紹介しています。 HTML/CSSの知識をフル活用して作るもの、React/Vue/Angularなどのフレームワークを使って作るもの、外部APIとうまく連携させて作るもの、セッション管理を考えたり、NoSQLを使って作るものなど幅広い種類のアプリを作りながら、スキルの棚卸しができます。 YouTube動画 動画で確認したい方はこちらをどうぞ！ 【YouTube動画】 フロントエンドエンジニアとして、働くまでに作るべき5つのポートフォリオ HTMLとCSSでブログテンプレートを作る こちらでテンプレートをみることができます。 フロントエン

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

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

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

この入門は、 Reactの技術要素を圧倒的効率で学ぶ ことを目的にしています。 Reactの技術要素を散りばめたWebアプリを1から作っていくことでReactを学んでいきます。 すべての動くコードを公開しています。 目次 1. Reactの新規プロジェクトの立ち上げ ←今ここ 2. コンポーネントの書き方とイベントハンドラ 3.Class Components と Function Components 4. 条件分岐 (if) と繰り返し (loop) 5. フォームと親子間のデータのやり取り 6. コンポーネントのライフサイクル 7. スタイル (準備中) 8. Higher-Order Component (準備中) 9. Portalを利用したモーダル (準備中) 10. refによるエレメントの取得 (準備中) 11. Contextを利用したテーマの変更 (準備中) この入門の

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

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

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

はじめに Dockerはコマンド一発で環境構築でき、開発環境をそのまま本番環境に移せるツールです。 今回、簡単にDockerについて解説します！ 【YouTube動画】 まだVMで消耗してるの？ Dockerの良い所、関連用語を解説します！ VMとコンテナの違い 動画だとこの部分に相当します。 大きな違いはホストOS (いまメインで使ってるOS) 上で別のOSが動いているかどうかです。 VMではOSの上で別のOSが動いているので、動作が遅いです。 対して、コンテナ技術を使った仮想化では、今使ってるOS上で動かしているので、動作が早いです！ ちなみにコンテナはDockerだけじゃなく、他にもcontainerdやpodmanなどいろんなものがあります。 Dockerの使い所 動画だとこの部分になります。 Dockerの利便性として、以下のようなものがあります。 フロントエンドの実装だけする人

はじめに はじめまして、youtuber系エンジニアのやっすんです！ GitHub CLIが正式リリースされたので、実際に触れ、便利なところをまとめました！ 同内容はYoutubeでも説明してるので、ぜひチェックください！ 【YouTube動画】GitHub CLI GitHub CLIとは GitHub CLIはGitHub公式のコマンドラインツールです。 対話的にレポジトリやPR, issueを作成できます！ その際 .gitファイルのあるローカルのディレクトリで、コマンドを実行します。 元はhubから派生したプロジェクトのghがGitHub CLIとなったため、hubを使っている人は移行する意義を感じないかもしれません。 hubを使ってる人向けにも、違いを説明します！ GitHub CLI vs Hub 大きくは以下の表のような違いがあります。 GitHub CLIは、GitHub公