はてなブックマーク

原文: Setting a Static IP in Ubuntu – Linux IP Address Tutorial ほとんどのネットワーク構成では、デフォルトでルーターの DHCP サーバーが IP アドレスを動的に割り当てます。システムの IP アドレスを常に同じにしたい場合には、静的 IP を使用するように強制することができます。 この記事でその方法を学びましょう。Ubuntu で静的 IP を設定する方法を二つ説明します。 静的 IP アドレスは、次のような状況で使用されます: ポートフォワーディングの設定 FTP サーバー、ウェブサーバー、またはメディアサーバーなど、システムをサーバーとして設定する場合 前提条件: このチュートリアルに従うためには、次のものが必要です: Ubuntu のインストール、できれば GUI が使用できること システム構成ファイルを変更するための

原文: HTML vs Body: How to Set Width and Height for Full Page Size CSS は難しいですが、自由度も高いです。そして、この高い自由度のおかげで、たとえ行き当たりばったりでもスタイルを適用することができます。 ページは一見問題なく読み込まれます。「クラッシュ」もしません。 ではページ全体の幅と高さを設定したい場合、HTML 要素にどのような設定をすればいいか分かりますか。body 要素についてはどうでしょう。 上手くいくことを願いながらただ当てずっぽうにスタイルを適用していませんか。 もしそうであっても、あなたは一人じゃありません。 これらの質問に対する答えは直感的ではないのですから。 私自身、どのプロパティをどの要素に適用すべきかを正確に把握せずに、両方の要素にスタイルを適用していたという罪深い過去があります。🤦‍♂️ 次の例

原文: What is Antimalware Service Executable? Why is it High CPU Disk Usage? Antimalware Service Executable とは、バックグラウンドで実行される Windows セキュリティのコンポーネントです。 しかし、時に Antimalware Service Executable が CPU を過剰に使用して、Windows 10 マシンに悪影響を与えることがあります。 この記事では、Antimalware Service Executable とは何か、なぜ CPU 使用率が高いのか、Windows 10 マシンを最適化して CPU 使用率を抑えるにはどうしたら良いかを解説します。 Antimalware Service Executable とは？Antimalware Service Exe

原文: How to Use HTML to Open a Link in a New Tab タブって便利ですよね。タブのおかげで、マルチタスクでたくさんのオンラインの作業を同時に行うことができます。 現在ではタブは一般的になり、リンクをクリックした際、自動的に新しいタブで開かれることも多くなりました。 リンクが新しいタブで開くようにするにはどうしたらいいか疑問に思っているなら、この記事が役に立つでしょう。 アンカー要素ウェブページ上にリンクを作成するには、ある要素 (テキスト、画像など) をアンカー要素 (<a>) で囲み、アンカー要素の href 属性をリンク先の URL に設定します。 <p>Check out <a href="https://www.freecodecamp.org/">freeCodeCamp</a>.</p> Check out freeCodeCamp.

原文: How to Center an Image Vertically and Horizontally with CSS 多くのデベロッパーは画像の扱いに苦労します。レスポンシブ対応や位置の処理、中でもページの中央に画像を配置することは特に困難です。 そこで、この投稿では、さまざまな CSS のプロパティを使用して画像を縦と横の両方で中央に配置する方法で最もよく使われるものをお見せします。 過去の投稿では、CSS の Position や Display プロパティを扱っています。もしこれらのプロパティに馴染みがなければ、この記事を読む前にそちらを確認することをおすすめします。 この記事の動画版はこちらです。 画像を横方向で中央に配置するまずは、3 つの異なる CSS プロパティを使用して、画像を横方向で中央に配置することから始めましょう。 Text-Align画像を横方向で中央に配

ワイルドカードはサブネットマスクを反転させたものとなっています。 ネットワークエンジニアリングの初心者であれば、この記事で、コンピューターネットワークの仕組みについて理解を深めると良いでしょう。(英語版) 最後に、このチートシートとこれ以降の説明は、より新しい IPv6 プロトコルではなく IPv4 アドレスにフォーカスしています。IPv6 について詳しく学びたい場合も、上記、コンピューターネットワークの仕組みについての記事を参考にしてください。 IP アドレスブロックの仕組み192.168.0.1 のような IP アドレスは、2 進数のブロック 4 組を 10 進数で表したものです。 各ブロックは 8 ビットで、0～255 の数字を表現できます。ブロックは 8 ビットのかたまりなので、それぞれのブロックは オクテット と呼ばれます。そして、8 ビットのブロックが 4 組あるので、IPv4

原文: Var, Let, and Const – What's the Difference? 新しい機能がたくさん ES2015 (ES6) で発表されました。2020 年現在、多くの JavaScript の開発者はその機能に慣れ、そして使い出したと考えられています。 この考えは部分的には正しいかもしれませんが、一部の開発者には、その機能のいくつかはいまだに謎のままかもしれません。 ES6 で発表された機能のひとつに、let と const の追加があります。これらは、変数宣言に用いられます。問題となるのは、私たちが使用してきた古き良き var とどう違うのかということです。もし、この違いをまだ十分に理解されていないならば、この記事が役に立つことでしょう。 この記事では var、let、const のそれぞれのスコープ、使用法、宣言の巻き上げ (hoisting) に関して説明します

原文: 40 JavaScript Projects for Beginners – Easy Ideas to Get Started Coding JS プロジェクトの構築こそ新しいプログラミング言語を学ぶ最善の方法です。 そこで、純粋な JavaScript、React、TypeScript を使用する、初心者にやさしい 40 個のプロジェクトチュートリアルの一覧を作成しました。 チュートリアルについてのアドバイスなのですが、ビデオを見て、プロジェクトを構築し、それを分解してから独自の方法で再構築してみてください。新しい機能を追加したり、違う方法を試したりしてください。 そうすることで、プロジェクトの概念をつかめたかどうかテストできます。 なお、以下のリストの各プロジェクトの上でクリックすれば、対応する記事のセクションまでジャンプできます。 純粋な JavaScript のプロジェク

As developers we push regular code commits – and after a while, it's almost second nature to us. But does this mean we're doing things right? Familiarity often leads to sloppiness and overlooking the basics. In this article, we will explore How to write meaningful Git commit messagesHow to create efficient pull requests (PR)How to get really good at the code review process and some best practices

I've created and consumed many API's over the past few years. During that time, I've come across good and bad practices and have experienced nasty situations when consuming and building API's. But there also have been great moments. There are helpful articles online which present many best practices, but many of them lack some practicality in my opinion. Knowing the theory with few examples is goo

Today we're gonna learn how to do CRUD Operations in JavaScript by making a Todo App. Let's get started 🔥 This is the app we're making today: Live preview GitHub Repository You can watch this tutorial on YouTube as well if you like 🎥 Table of Contents What is CRUD? Understanding CRUD Principles How to Make a To-Do App using CRUD Operations What is CRUD? CRUD stands for - C: Create R: Read U: Upd

原文: How to Delete a Git Branch Both Locally and Remotely 通常、Git ブランチの削除は簡単です。この記事ではローカルまたはリモートの Git ブランチを削除する方法を学びます。 TL;DR バージョン// ローカルのブランチを削除する場合 git branch -d localBranchName // リモートのブランチを削除する場合 git push origin --delete remoteBranchName ブランチはいつ削除するかGit リポジトリに複数のブランチがあるのは普通のことです。ブランチは、新しいコードをメインのコードベースから隔離した状態で異なる機能や修正の作業をするための良い方法です。 リポジトリにはメインのコードベース用の main ブランチがあることが多く、開発者は異なる機能の作業をするために別のブラ

Do you want to get up to speed with React as quickly as possible? I’ve put together a super helpful cheatsheet to give you a complete overview of all of the React concepts you need to know in 2022. Click here to download the cheatsheet in PDF format. It includes all of the essential information in this article as a convenient PDF guide. Let’s get started! Table of Contents React Elements React Ele

Two years ago, I started to learn and use React. And today I'm still using it at my day job as a Software Developer and in my own side projects. During that time I've come across a lot of "typical" issues. So I searched around and found some best practices that I've integrated into my workflow, and I've come up with things that have made my life or my team members' lives easier. I also faced chall

By Harshit Tyagi Machines or computers only understand numbers. And these numbers need to be represented and processed in a way that lets machines solve problems by learning from the data instead of learning from predefined instructions (as in the case of programming). All types of programming use mathematics at some level. Machine learning involves programming data to learn the function that best

Supabase is an open source Firebase alternative that lets you create a real-time backend in less than two minutes. Supabase has continued to gain hype and adoption with developers in my network over the past few months. And a lot of the people I've talked to about it prefer the fact that it leverages a SQL-style database, and they like that it's open source, too. When you create a project Supabase

Next.js makes developing React applications simpler. It provides a common structure that allows you to build frontend React applications, and transparently handles server-side rendering for you. We just released a full course on the freeCodeCamp.org YouTube channel that will teach you the basics of Next.js. Kapehe developed the course. She is a devrel specialist at Sanity.io and she is an excellen

REST was not the first protocol for sending information over the web. But for over a decade, it has dominated the API landscape. More recently, GraphQL, a newcomer designed by Facebook, has become more and more popular. It is intended to correct some of REST’s weaknesses, but no technology is perfect. What are the benefits of GraphQL over REST, and why would you use one over the other in your proj

Many websites have shopping carts and you can create your own using React and TypeScript. We've released a tutorial on the freeCodeCamp.org YouTube channel that will help you improve your React and TypeScript skills. You'll also learn how to use: Material UIStyled Componentsand React-Query for React hooksSwedish software engineer Thomas Weibenfalk created this tutorial. He has created a ton of gre

By Claudio Restifo Since its first open-source release in 2015, the Rust programming language has gained a lot of attention from the community. It's also been voted the most loved programming language on StackOverflow's developer survey each year since 2016. Rust was designed by Mozilla and is considered a system programming language (like C or C++). It has no garbage collector, which makes its pe

Recreating a popular app is a fun way to learn a lot of complex programming skills. We've released a full course on the freeCodeCamp.org YouTube channel that will teach you how to build an Instagram clone using React Native, Firebase Firestore, Firebase storage, Redux, and Expo. The app includes an authentication system, database, storage, and more. SimCoder created this course. He's taught dozens

Kubernetes is an open-source container orchestration platform that automates the deployment, management, scaling, and networking of containers. It was developed by Google using the Go Programming Language, and this amazing technology has been open-source since 2014. According to the Stack Overflow Developer Survey - 2020, Kubernetes is the #3 most loved platform and #3 most wanted platform. Apart