Coding BootcampPrimer-任意のブートキャンプに登録する準備をする無料のWeb開発コース

Coding BootcampPrimer-任意のブートキャンプに登録する準備をする無料のWeb開発コース

コーディングブートキャンプの準備をするのに十分なWeb開発を教える無料の4時間コース。本日、ウェブ開発教育の開始を検討している人々のためのコースを開始することをお知らせします。 これはコーディングブートキャンプ入門書(<–リンク)と呼ばれ、Webサイト構築の最も基本的な構成要素であるHTML、CSS、およびJavascriptについて説明します。また、コンピューターのセットアップ方法、コードのデバッグ方法、解決策の検索方法、問題の解決方法などについても学びます。最終的には、電卓、名前ジェネレーター、個人用ページなどのスタイル付きページを作成できるようになります。レッスンは、ユタ州ソルトレイクシティにある一流のコーディングブートキャンプであるVSchoolによって作成されました。それは実際には、没入型のブートキャンプを開始する前に生徒を送る正確なコースです。また、コーディングブートキャンプへの登録を必ずしも計画しているわけではないが、一般的なWeb開発に興味がある人にとっても優れたリソースです。誰もが基本的なコーディングスキルを学ぶことで恩恵を受けることができると信じているので、一般の人々を念頭に置いて設計されています。それでは、基礎となる教育哲学と、コースがどのように構成されているかを見てみましょう。Vスクールの学習哲学何年にもわたってVスクールは、The easy way is

続きを読む
(Pythonの)__ name__には何が含まれていますか?

(Pythonの)__ name__には何が含まれていますか?

_ _name__変数とPythonでのその使用法の概要__name__Pythonコードを実行したときに、変数を見たことがあるでしょう。以下に、その外観のサンプルコードスニペットを示します。if __name__ == '__main__': main()この記事では、この変数を使用してPythonでモジュールを作成する方法を紹介します。_ _name_ _変数が使用されるのはなぜですか?__name__変数(前と後の2つのアンダースコア)は、特別なPythonの変数です。含まれているスクリプトの実行方法に応じて値を取得します。他のスクリプトでも役立つ可能性のある関数を使用してスクリプトを作成する場合があります。Pythonでは、そのスクリプトを別のスクリプトのモジュールとしてインポートできます。この特別な変数のおかげで、スクリプトを実行するかどうかを決定できます。または、スクリプトで定義されている関数をインポートする必要があります。__name__変数にはどのような値を含めることができますか?スクリプトを実行すると、__name__変数はに等しくなり__main__ます。含まれているスクリプトをインポートすると、スクリプトの名前が含まれます。これらの2つのユースケースを見て、2つの図でプロセスを説明しましょう。シナリオ1-スクリプトを実行するスクリプトを書いたとしましょうnameS

続きを読む
JSON Stringifyの例–JSを使用してJSONオブジェクトを解析する方法

JSON Stringifyの例–JSを使用してJSONオブジェクトを解析する方法

プログラミング言語は非常に多く、すべての言語には独自の機能があります。しかし、それらすべてに共通することが1つあります。それは、データを処理することです。単純な計算機からスーパーコンピューターまで、それらはすべてデータを処理します。それは人間の場合も同じです。各コミュニティには、非常に多くの国、非常に多くの文化、そして非常に多くの知識があります。 しかし、他のコミュニティと通信するには、人々は共通の媒体を必要とします。言語は人間にとって、JSONはプログラミングにとって、データ転送の一般的な媒体です。JSONとは何ですか?JSONの略J AVA S CRIPT O bject Nのotation。したがって、JSONを理解する前に、JavaScriptのオブジェクトを理解しましょう。すべてのプログラミング言語には、同様のデータを一緒に保存する方法があります。たとえば、Cでは、これらは構造体と呼ばれます。JavaScriptでは、オブジェクトはキーと値のペアのコレクションであり、値は任意の変数(数値、文字列、ブール値)、別のオブジェクト、または関数にすることができます。オブジェクトは、オブジェクト指向プログラミングで非常に役立ちます。オブジェクト指向プログラミングは、「オブジェクト」の概念に基づくプログラミングパラダイムであり、フィールドの形式でデータを、プロシージャの形式でコードを含め

続きを読む
最高のHTMLの例とHTML5の例

最高のHTMLの例とHTML5の例

HTMLはウェブサイトの構造を提供します。新しいHTML5機能の例を含め、HTML構文を使用してWebサイトを構築する方法の例をいくつか示します。AHref属性の例この属性は、リンクによって提供される宛先を参照します。a(アンカー)タグはせずに死んでいる属性。ワークフローで、ライブリンクが必要ない場合や、リンク先がまだわからない場合があります。この場合、デッドリンクを作成するためにhref属性を設定すると便利です"#"。このhref属性を使用して、ローカルファイルまたはインターネット上のファイルにリンクできます。例えば: Href Attribute Example Href Attribute Example The freeCodeCamp Contribution Page shows you how and where you can contribute to freeCodeCamp's community and growth. この属性はすべてのブラウザでサポートされています。その他の属性:hreflang:リンクされたリソースの言語を指定します。target:リンクされたリソースが開くコンテキストを指定します。title:ユーザーにツールチップとして表示されるリンクのタイトルを定義します。例This is a dead link This is a live link

続きを読む
Gitスタッシュについて知らないかもしれない便利なトリック

Gitスタッシュについて知らないかもしれない便利なトリック

Gitの新しいトリックや高度なトピックを学ぶのに役立つニュースレターGitBetterを立ち上げました。Gitでゲームをより良くすることに興味がある場合は、ぜひチェックしてください。しばらくGitを使用している場合は、Gitスタッシュを使用した可能性があります。これはGitの便利な機能の1つです。先週Gitstashについて学んだ便利なトリックをいくつか紹介します。Git stash saveGitスタッシュリストGitスタッシュが適用されますGitスタッシュポップGitスタッシュショーGitスタッシュブランチ GitスタッシュクリアGitスタッシュドロップGit stash saveこのコマンドはGitstashのようなものです。ただし、このコマンドにはさまざまなオプションがあります。この投稿では、いくつかの重要なオプションについて説明します。メッセージ付きのGitスタッシュgit stash save “Your stash message”.上記のコマンドはメッセージを隠します。これがどのように役立つかを少し見ていきます。追跡されていないファイルを隠します追跡されていないファイルを隠しておくこともできます。git stash save -u or git stash save --include-untrackedGitスタッシュリストこのコマンドについて説明する前に、stash

続きを読む
68-95-99ルール–正規分布は平易な英語で説明されています

68-95-99ルール–正規分布は平易な英語で説明されています

メイソンに会いましょう。彼は平均的なアメリカ人の40歳で、身長5フィート10インチで、税抜きで年間47,000ドルを稼いでいます。メイソンの10倍の収入がある人に会うことをどのくらいの頻度で期待しますか? そして今、メイソンの10倍の身長の人に会うことをどのくらいの頻度で期待しますか?データの分布が異なるため、上記の2つの質問に対する回答は異なります。場合によっては、平均の10倍が一般的です。他の場所では、それはまったく一般的ではありません。では、正規分布とは何ですか?今日、私たちは正規分布に興味を持っています。それらはベルカーブで表されます。中央にピークがあり、各エッジに向かって先細になっています。身長、体重、IQなど、多くのものがこの分布に従います。この分布は対称的であるためエキサイティングです。これにより、操作が簡単になります。奇妙なエッジケースを心配する必要がないので、多くの複雑な数学をいくつかの親指のルールに減らすことができます。たとえば、ピークは常に分布を半分に分割します。ピークの前後で同じ質量があります。もう1つの重要な特性は、正規分布を説明するために多くの情報を必要としないことです。 実際、必要なものは2つだけです。平均。ほとんどの人はこれを単に「平均」と呼んでいます。これは、すべての観測値を合計し、その数を観測値の数で割ると得られるものです。たとえば、次の3つの数値の

続きを読む
JavaScript配列を作成するためのハック

JavaScript配列を作成するためのハック

JavaScriptで配列を作成および複製するための洞察に満ちたヒント。すべてのプログラミング言語の非常に重要な側面は、その言語で使用できるデータ型と構造です。ほとんどのプログラミング言語は、複雑なデータを表現および操作するためのデータ型を提供します。PythonやRubyなどの言語を使用したことがある場合は、リスト、セット、タプル、ハッシュ、辞書などのデータ型を見たことがあるはずです。JavaScriptでは、複雑なデータ型はそれほど多くありません。配列とオブジェクトがあるだけです。ただし、ES6では、シンボル、セット、マップなど、いくつかのデータ型と構造が言語に追加されました。JavaScriptの配列は、長さプロパティと整数プロパティをインデックスとして持つ高レベルのリストのようなオブジェクトです。この記事では、新しいJavaScript配列を作成したり、既存の配列を複製したりするためのハックをいくつか紹介します。配列の作成:配列コンストラクター配列を作成するための最も一般的な方法は、配列リテラル構文を使用することです。これは非常に簡単です。ただし、配列を動的に作成する場合は、配列リテラル構文が常に最適な方法であるとは限りません。別の方法は、Arrayコンストラクターを使用することです。これは、Arrayコンストラクターの使用法を示す簡単なコードスニペットです。前のスニペットから

続きを読む
この無料コースでコンピュータプログラミングとコンピュータサイエンスの基礎を学びましょう

この無料コースでコンピュータプログラミングとコンピュータサイエンスの基礎を学びましょう

使用するプログラミング言語に関係なく、すべてのプログラマーが理解することが重要な多くのコアコンセプトがあります。コンピュータサイエンスの基礎を教えるための2時間のビデオコースをリリースしました。教えられた概念は、すべてのプログラミング言語に適用されます。このコースは、コンピュータサイエンスとプログラミングに興味があるが、コーディングに関する背景情報がほとんどない人を対象としています。これは、NullPointerExceptionのStevenとSeanによって開発されました。このコースでは、これらすべての質問に対する回答を学びます。プログラミングとは何ですか?コードをどのように書くのですか?コンピューターから情報を取得するにはどうすればよいですか?コンピューターは何ができますか?変数とは何ですか?変数をどのように操作しますか?条件文とは何ですか?配列とは何ですか?ループとは何ですか?エラーとは何ですか?コードをデバッグするにはどうすればよいですか?機能とは何ですか?関数をインポートするにはどうすればよいですか?どうすれば独自の機能を作ることができますか?ArrayListsと辞書とは何ですか?データ構造をどのように使用できますか?再帰とは何ですか?擬似コードとは何ですか?適切な言語を選択する方法は?以下のコースまたはfreeCodeCamp.orgYouTubeチャンネルでコースを見

続きを読む
Vim Windowsインストールガイド–PCのPowerShellでVimテキストエディターを実行する方法

Vim Windowsインストールガイド–PCのPowerShellでVimテキストエディターを実行する方法

Vimは強力なコードエディタです。LinuxとMacの両方にデフォルトでインストールされているほど強力です。ただし、オペレーティングシステムとしてWindowsを使用している場合は、Vimを個別にインストールする必要があります。幸い、マイクロソフトではVimを非常に簡単にインストールしてPCで実行できるようにしています。Vimをダウンロードする方法Vim TextEditorの最新バージョンをVim自体から直接ダウンロードできます。彼らはあなたのハードドライブの正しい場所にVimをインストールするプロセスを案内する特別な自己実行インストーラーを構築しました。Vimをインストールする方法Windowsの場合、技術的にはgVimと呼ばれるものをダウンロードすることに注意してください。これは、基本的なグラフィックユーザーインターフェイス(GUI)を含むVimのバージョンです。この実行可能インストーラーをダウンロードすることでインストールできます。ファイルをダウンロードしたら、それを実行するだけで、次のような優れたインストールウィザードが表示されます。推奨される「標準的な」インストールがあります。ただし、適度に大きなハードドライブを使用している場合は、「フル」オプションを選択してすべてをインストールしても問題はありません。PowerShellでVimを実行する方法次に、Vimをインストールする

続きを読む
何千ものデータポイントに基づいて、インターネット上のすべてのデータサイエンス入門コースをランク付けしました

何千ものデータポイントに基づいて、インターネット上のすべてのデータサイエンス入門コースをランク付けしました

1年前、私はカナダで最高のコンピュータサイエンスプログラムの1つを中退しました。私はオンラインリソースを使用して独自のデータサイエンス修士プログラムを作成し始めました。代わりに、edX、Coursera、Udacityを通じて必要なすべてを学ぶことができることに気づきました。そして、私はそれをより速く、より効率的に、そしてほんのわずかな費用で学ぶことができました。もうすぐ終わりです。私は多くのデータサイエンス関連のコースを受講し、さらに多くの部分を監査しました。私はそこにある選択肢と、データアナリストまたはデータサイエンティストの役割の準備をしている学習者に必要なスキルを知っています。数か月前、私はデータサイエンス内の各科目に最適なコースを推奨するレビュー主導のガイドの作成を開始しました。シリーズの最初のガイドとして、初心者のデータサイエンティストにいくつかのコーディングクラスをお勧めしました。それからそれは統計と確率のクラスでした。次に、データサイエンスの概要について説明します。(データサイエンスコースの概要が何を意味するのかわからなくても心配しないでください。すぐに説明します。)このガイドでは、2017年1月の時点で提供されているデータサイエンスコースのすべてのオンライン入門を特定し、シラバスとレビューから重要な情報を抽出し、評価をまとめるのに10時間以上費やしました。このタスクで

続きを読む
背景消去する-PhotoshopCCで背景を削除する方法

背景消去する-PhotoshopCCで背景を削除する方法

写真の背景を削除して、被写体だけを残したいのが一般的です。写真の被写体は、まったく異なる背景に配置できます。このガイドでは、PhotoshopCCを使用して写真の背景を消去する方法を説明します。Photoshop CCの最新バージョンを使用すると、背景の削除がこれまでになく簡単になります。まず、Photoshopがジョブに適したツールであることを確認します。背景をすばやく削除したい場合は、次のWebサイトのいずれかを使用してPhotoshopなしで簡単に行うことができます。//www.remove.bg///clippingmagic.com///removal.ai/Photoshopで背景を削除する手順は次のとおりです。 ステップ1:Photoshopで画像を開きます。画像を開きます。複数のレイヤーがある場合は、削除する背景を含むレイヤーが選択されていることを確認してください。ステップ2:[選択]メニューで[件名]をクリックします。 これにより、Photoshopは写真の被写体のセクションを推測します。これは前景を選択するのにかなり良い仕事をしますが、修正が必要ないくつかの部分があるかもしれません。下の画像では、矢印は改善が必要な部分を指しています。ステップ3:もう一度[選択]メニューに戻り、[選択してマスク]をクリックします。 これにより、選択を調整できるウィンドウが開きます。手

続きを読む
APIは何の略ですか?平易な英語でのコーディングの頭字語の定義。

APIは何の略ですか?平易な英語でのコーディングの頭字語の定義。

いいえ、APIはApple PieInsideの略ではありません。?? APIはApplicationProgrammingInterfaceの略です。APIを使用すると、2つのアプリケーションが相互にインターフェース(または相互作用)できます。APIWebサイトまたはWebベースのソフトウェアアプリケーションにアクセスするために使用されるプログラミング命令と関数のセット。APIを使用すると、他の開発者がアプリケーションのデータと機能を使用できます。それはあなたの製品が他の製品と相互作用することを可能にします。APIは、1980年代にソフトウェアとハ​​ードウェアの開発で最初に使用されました。しかし今、人々がAPIについて話すとき、彼らは通常Web API、より具体的にはRESTfulAPIを指します。Webベースのアプリケーションを開発するときにRESTfulAPIを使用することが一般的になっています。Web APIは基本的に、URLを介して完全に対話するプログラムです。通常、ブラウザを使用してURLにリクエストを送信すると、サーバーから応答が返され、表示されます。APIのURLにリクエストを送信する場合は状況が異なります。サーバーは、コンピューターにのみ役立つことを意図したものを送り返します。APIは、別のWebサイトまたはプログラムで使用できるデータを返します。APIは何に使用さ

続きを読む
JavaScriptの部分文字列の例-JSのSlice、Substr、およびSubstringメソッド

JavaScriptの部分文字列の例-JSのSlice、Substr、およびSubstringメソッド

日常のプログラミングでは、文字列を操作する必要があることがよくあります。幸い、JavaScriptには、配列、文​​字列、その他のデータ型を操作する際に役立つ多くの組み込みメソッドがあります。これらのメソッドは、文字列の検索、置換、連結などのさまざまな操作に使用できます。文字列から部分文字列を取得することは、JavaScriptで最も一般的な操作の1つです。この記事では、3つの異なる組み込みメソッドを使用して部分文字列を取得する方法を学習します。しかし、最初に、部分文字列とは何かを簡単に説明しましょう。部分文字列とは何ですか?部分文字列は、別の文字列のサブセットです。"I am learning JavaScript and it is cool!" --> Original String "I am learning JavaScript" --> Substring "JavaScript is cool!" --> Another Substring上記の例のように、場合によっては、完全な文または段落から1つ以上の部分文字列を取得する必要があります。それでは、JavaScriptで3つの異なる方法でそれを行う方法を見てみましょう。ここで使用例のビデオバージョンを見ることができます:1. substring()メソッドsubstring()メソッドから始めましょう

続きを読む
JavaScriptデータ型:Typeofの説明

JavaScriptデータ型:Typeofの説明

typeofは、呼び出したときに変数のタイプを返すJavaScriptキーワードです。これを使用して、関数パラメーターを検証したり、変数が定義されているかどうかを確認したりできます。他の用途もあります。typeofそれはあなたのコード内の変数の型をチェックする簡単な方法であるため、オペレータは便利です。JavaScriptは動的に型付けされた言語であるため、これは重要です。これは、変数を作成するときに変数に型を割り当てる必要がないことを意味します。変数はこのように制限されていないため、その型はプログラムの実行中に変更される可能性があります。例えば:var x = 12345; // number x = 'string'; // string x = { key: 'value' }; // object上記の例からわかるように、JavaScriptの変数は、プログラムの実行中に型を変更できます。これはプログラマーとして追跡するのが難しい場合があり、ここでtypeofオペレーターが役立ちます。typeofオペレータは、変数の現在の種類を表す文字列を返します。typeof(variable)またはを入力して使用しますtypeof variable。前の例に戻ると、これを使用してx、各段階で変数のタイプを確認できます。var x = 12345; console.log(typeof x)

続きを読む
JavaScriptOnclickイベントの説明

JavaScriptOnclickイベントの説明

onclickJavaScriptのイベントを使用すると、プログラマーは要素がクリックされたときに関数を実行できます。ボタンオンクリックの例Click me function myFunction() { alert('Button was clicked!'); } 上記の簡単な例では、ユーザーがボタンをクリックすると、ブラウザにが表示されるアラートが表示されButton was clicked!ます。onclickを動的に追加するonclickイベントはまた、プログラム次の例に、次のコードを使用して、任意の要素に追加することができます。click on this element. var p = document.getElementById("foo"); // Find the paragraph element in the page p.onclick = showAlert;

続きを読む
これらの50の質問を確認して、Javaプログラミングのインタビューをクラックしてください

これらの50の質問を確認して、Javaプログラミングのインタビューをクラックしてください

プログラミングの就職の面接からよく寄せられるJavaの質問のリスト。みなさん、こんにちは!過去数年間、私は多くのJavaインタビューの質問とディスカッションを個別に共有してきました。私の読者の多くは、同じ場所にそれらを置くことができるように、私がそれらをまとめることを要求しました。この投稿はその結果です。この記事には、コアJavaの基礎、Javaコレクションフレームワーク、Javaマルチスレッドと同時実行、Java IO、JDBC、JVM内部、コーディングの問題、オブジェクト指向プログラミングなど、すべての重要なトピックをカバーする50を超えるJavaインタビューの質問が含まれています。質問はさまざまなインタビューからも取り上げられており、決して非常に難しいものではありません。あなたはすでにあなたの電話や面接のラウンドでそれらを見たことがあるかもしれません。質問は、マルチスレッドやコレクションなどの重要なトピックを確認するのにも非常に役立ちます。また、Javaスキルのギャップを埋めるためのThe Complete Java MasterClassなど、さらなる学習と改善に役立つリソースをいくつか共有しました。では、私たちは何を待っているのでしょうか?これは、初心者と経験豊富なJava開発者の両方へのインタビューで最もよく聞かれるJavaの質問のリストです。2〜3年の経験豊富なプログラマ

続きを読む
JavaScript文字列形式–JSで文字列補間を使用する方法

JavaScript文字列形式–JSで文字列補間を使用する方法

ECMAScript 6(ES6)にテンプレートリテラルを追加すると、JavaScriptで文字列を補間できます。 簡単に言うと、プレースホルダーを使用して変数を文字列に挿入できます。以下のスニペットで、テンプレートリテラルを使用した文字列補間の例を確認できます。const age = 4.5; const earthAge = `Earth is estimated to be ${age} billion years old.`; console.log(earthAge); まず、テンプレートリテラルにバッククォートを使用していることがわかります。それに加えて、${placeholder}文字列に動的な値を挿入できるの形式もあります。内部${}はすべてJavaScriptとして評価されます。たとえば、

続きを読む
10分以内にGitの基本を学ぶ

10分以内にGitの基本を学ぶ

はい、タイトルはクリックベイトです。たった10分でgitテクノロジーの基本を理解する方法はありません。しかし、あなたは約25分でかなり近づくことができます。そしてそれがこの記事の目的です。Gitテクノロジーの学習を開始したい場合は、適切な場所に来ています。これは、Gitの包括的な初心者向けガイドです。Gitには多くのクライアントがいます。技術はクライアントに関係なくすべて同じです。ただし、このガイドでは、GitHubを使用してGitを理解します。始めましょう!バージョン管理とは何ですか?バージョン管理は、特定のバージョンを後で呼び出すことができるように、ファイルまたはファイルのセットへの変更を経時的に記録するシステムです。したがって、理想的には、バージョン管理されているコンピューター内の任意のファイルを配置できます。うーん…わかりました…でもなぜトー?理由は次のとおりです。バージョン管理システム(VCS)を使用すると、ファイルを以前の状態に戻し、プロジェクト全体を以前の状態に戻し、時間の経過とともに行われた変更を確認し、問題の原因となっている可能性のあるものを最後に変更したのは誰か、問題を引き起こしたのは誰かを確認できます。いつ、そしてもっと。また、VCSを使用すると、問題が発生したりファイルが失われたりした場合でも、通常は簡単に回復できます。そして、「誰がこのがらくたを書いたのか」を

続きを読む
CSの学位を取得せずにゼロからWeb開発者になるための私の旅(そして私が学んだこと…

CSの学位を取得せずにゼロからWeb開発者になるための私の旅(そして私が学んだこと…

まず、自己紹介をさせていただきます。私の名前はセルゲイガルシアです。2年の経験を持つフルタイムのフロントエンド開発者です。その間、私はForbes500のコンサルティング会社と小さな会社の両方でフロントエンド開発者として働いてきました。これは多くの経験のようには聞こえないかもしれませんが、開発者としての2年目を終えることは、私にとって大きなマイルストーンでした。これは、Web開発を実際に行った経験がなく、いくつかのオンラインコースで得た基本的なC#およびJavaトレーニング以外のプログラミング経験があまりないためです。また、ITプロジェクト管理の学位を取得して卒業したため、コンピュータサイエンスの学位も取得していませんでした。Medium、Stack Overflow、Redditのプログラミングサブレディットなどの素晴らしいリソースから受けたすべての助けにもかかわらず、私は自分の経験について書いたことはありませんでした。それで、今日、私はそれを変えることに決めました。今日は、何がうまくいき、何がうまくいかなかったのかを説明します。そうすれば、この旅に出たとしても、私よりも幸運が訪れるでしょう。このような記事がたくさんあることは知っていますが、2年間後知恵を持ってプロセスについて説明している記事はそれほど多くありません。途中で何がうまくいかなかったかを含めて、私の旅から始めます。ゼロか

続きを読む
スクリプトsrc属性を使用してJavaScriptをHTMLにリンクします

スクリプトsrc属性を使用してJavaScriptをHTMLにリンクします

タグの「src」属性は、HTMLドキュメントにリンクする外部ファイルまたはリソースへのパスです。たとえば、「script.js」という名前の独自のカスタムJavaScriptファイルがあり、その機能をHTMLページに追加したい場合は、次のように追加します。 Script Src Attribute Example これは、.htmlファイルと同じディレクトリにある「script.js」という名前のファイルを指します。ファイルパスに「..」を使用して、他のディレクトリにリンクすることもできます。これにより、1つのディレクトリレベルにジャンプし、次に「public」ディレクトリ、「js」ディレクトリ、「script.js」ファイルにジャンプします。'src'属性を使用して、サードパーティによってホストされている外部.jsファイル

続きを読む
生産性を向上させるためにVSCodeを設定する方法

生産性を向上させるためにVSCodeを設定する方法

コードエディタは何年にもわたって進化してきました。数年前、Visual Studio Code(VS Code)はありませんでした。おそらくSublimeText、Atom、Bracketなどを使用していました。しかし、VS Codeのリリースにより、ほとんどの開発者のお気に入りのコードエディターになりました。なぜVSCodeなのか?開発者はそれを愛していますカスタマイズ可能です簡単なデバッグエメット拡張機能Git統合統合端末インテリセンステーマなど…VS Codeを使用する利点を確認したので、この記事では、生産性を最大化するためにVSCodeを使用するときに必要なVSCodeのセットアップと拡張機能について説明します。ターミナルiTerm2とZShを使用するようにターミナルをセットアップし、それを使用するようにVSCodeターミナルをセットアップすることができます。Zshを構成した後、Terminal > New TermiVSCode統合ターミナルnalandを起動してコマンドを実行しますsource ~/.zshrcまたは. ~/.zshrcシェルで.zshrc構成ファイルの内容を実行します。フォントFiraCodeは、合字がサポートされているため、かっこよく見えます。FiraCodeをダウンロードしてインストールし、settings.jsonファイルに追加します。"edi

続きを読む
create-react-appを使用したElectronアプリケーションの構築

create-react-appを使用したElectronアプリケーションの構築

webpackの設定や「イジェクト」は必要ありません。最近、create-react-appを使用してElectronアプリを作成しました。Webpackをいじくり回したり、アプリを「イジェクト」したりする必要もありませんでした。私がこれをどのように達成したかを説明します。create-react-appを使用すると、webpack構成の詳細が非表示になるため、私はそのアイデアに惹かれました。しかし、Electronとcreate-react-appを一緒に使用するための既存のガイドを検索しても効果がなかったので、自分で調べてみました。焦りを感じている場合は、すぐに飛び込んで私のコードを見ることができます。これが私のアプリのGitHubリポジトリです。始める前に、ElectronとReactについて、そしてcreate-react-appがなぜこんなに素晴らしいツールなのかをお話ししましょう。電子と反応ReactはFacebookのJavaScriptビューフレームワークです。ユーザーインターフェイスを構築するためのJavaScriptライブラリ-Reactユーザーインターフェイスを構築するためのJavaScriptライブラリfacebook.github.ioまた、Electronは、JavaScriptでクロスプラットフォームのデスクトップアプリを構築するためのGitHubのフレー

続きを読む
JavaScript配列が空であるかどうかを確認する方法.length

JavaScript配列が空であるかどうかを確認する方法.length

JavaScriptでプログラミングしているときは、配列が空かどうかを確認する方法を知る必要があるかもしれません。配列が空かどうかを確認するには、.lengthプロパティを使用できます。lengthプロパティは、配列内の要素の数を設定または返します。配列内の要素の数を知ることにより、それが空であるかどうかを知ることができます。空の配列には0、その中に要素が含まれます。いくつかの例を見てみましょう。.length構文例Const myArray = [‘Horses’, ‘Dogs’, ‘Cats’];ここでは、空の配列を指す変数を作成します。lengthプロパティを使用して、配列の長さを確認できます。myArray.length配列には3つの項目があるため、これは3を返します。配列が空であるかどうかを.lengthで確認するには、3つの方法でこれを行うことができます。.length例1まず、要素のない新しい配列を作成しましょう。 const arr = []これで、を使用して配列が空かどうかを確認でき.lengthます。arr.length配列には0個のアイテムがあるため、これは0を返します。 .length例2配列が空かどうかを明示的に確認することもできます。if (arr.length

続きを読む
10分でMongoDBを使い始める方法

10分でMongoDBを使い始める方法

MongoDBは、豊富なドキュメント指向のNoSQLデータベースです。NoSQLの完全な初心者の方は、以前に公開したNoSQLの記事をざっとご覧になることをお勧めします。今日は、クエリ、データのフィルタリング、削除、更新など、MongoDBコマンドに関する基本的なことをいくつか共有したいと思いました。さて、話はこれで十分です。仕事に取り掛かりましょう。構成?MongoDBを使用するには、まずコンピューターにMongoDBをインストールする必要があります。これを行うには、公式ダウンロードセンターにアクセスし、特定のOSのバージョンをダウンロードします。ここでは、Windowsを使用しました。MongoDBコミュニティサーバーのセットアップをダウンロードした後、「次から次へ」のインストールプロセスを実行します。完了したら、MongoDBをインストールしたCドライブに移動します。プログラムファイルに移動し、MongoDBディレクトリを選択します。C: -> Program Files -> MongoDB -> Server -> 4.0(version) -> binbinディレクトリには、興味深い実行可能ファイルがいくつかあります。mongodモンゴこれら2つのファイルについて話しましょう。mongodは「MongoDaemon」の略です。mongodは、M

続きを読む
Minecraft Forge:Forgeをダウンロード、インストール、および使用する方法

Minecraft Forge:Forgeをダウンロード、インストール、および使用する方法

この記事を読んでいるなら、おそらくすでにMinecraftを知っているでしょう。Forgeを使用して、ゲームMinecraftを操作し、必要な処理を実行します。これは、新しいクールな生き物からゲーム内のまったく新しいシステムまで、何でもかまいません。Forgeは改造APIです。Minecraft Forge(または略してForge)は、コードとMinecraft自体の間のレイヤーです。Minecraftにアイテムの追加や特別なクールなことを直接依頼することはできません。そのため、ロジックを処理してMinecraftに認識させるためのAPI(アプリケーションプログラミングインターフェイス)が必要です。かっこいいね!どうすれば始められますか?Javaプログラムを作成して実行するには、ライブラリ、ツール、およびランタイム環境のセットであるJDK(Java Development Kit)が必要です。公式ウェブサイトから購入できるMinecraftアカウント。(//minecraft.net/en-us/store/)IDE(Minecraftの開発にはEclipseまたはIntelliJをお勧めします)これらのソフトウェアをインストール/取得した後、// files.minecraftforge.net/で目的のForgeバージョンをダウンロードします。ヒント:Adflyウイルスを回避するに

続きを読む
PHPとMySQLで素晴らしい在庫管理アプリケーションを作成する方法

PHPとMySQLで素晴らしい在庫管理アプリケーションを作成する方法

在庫を効果的に追跡するために、肥大化したエンタープライズソフトウェアは必要ありません。このチュートリアルは、独自のカスタム在庫追跡アプリケーションを開発するのに役立ち、タイムリーで正確な在庫データに基づいてスマートな在庫決定を行うことができます。システム要求当社の在庫システムには、標準の商用phpGridおよびphpChartライセンスが必要です。両方のコンポーネントのいくつかの高度な機能が必要です。PHP 5.6以降(PHP 7.xを強くお勧めします!)MySQL / MariaDBphpGrid Lite(サブグリッド)-または-phpGrid Enterprise(マスターの詳細、グループ化)phpChart(レポート用)在庫管理システムの内容在庫管理システムには、いくつかの重要なコンポーネントがあります。基本的に、在庫管理は、倉庫の2つの主要な機能である受け取り(着信)と出荷(発信)を追跡することによって機能します。在庫の移動や移転などの他の活動も行われます。原材料は減少し、完成品は増加します。入荷発信注文在庫サプライヤーバーコードスキャナー(1/2019 New!)在庫システムデータベース設計通常、在庫システムには、製品、購入、注文、およびサプライヤの4つの基本要素があります。各要素は、その場所、SKU、および数量に基づいて追跡する必要

続きを読む
HTMLセンターテキスト–CSSでDivを垂直に揃える方法

HTMLセンターテキスト–CSSでDivを垂直に揃える方法

HTMLとCSSの世界では、レイアウト構造と要素の分散がすべてです。通常、HTMLを使用してマークアップと構造を定義しますが、CSSは要素のスタイル設定と配置を処理するのに役立ちます。この投稿では、HTML要素を中央揃えにし、CSSで垂直方向の配置を処理するさまざまな方法について少し学びます。まず、テキストをCSSに合わせる方法を学びます。次に、divとその他の要素を揃える方法について説明します。そして最後にdiv、コンテナ内にテキストと一緒に配置する方法を学びます。テキストを中央揃えにする方法 CSSを使用してテキストを中央揃えにする方法はたくさんあります。Floatプロパティの使用フロートは、テキストを揃える簡単な方法です。レイアウトの右側にテキストを配置するにright  は、の値として使用するだけですfloat。テキストを左側に配置するにはleft、のようにを使用しますfloat:left。以下の例を見てください。 .right { float: right; } .left { float: left; } // HTML Right Leftfloatを使用してテキストを中央に配置するには、以下のように、margin-leftまたはmargin-rightを使用して作成  でき50%ます。 .center { float: left; margin-le

続きを読む
Big O表記の説明:空間と時間の複雑さ

Big O表記の説明:空間と時間の複雑さ

あなたは本当にBigOを理解していますか?もしそうなら、これは面接の前にあなたの理解をリフレッシュします。そうでない場合でも、心配しないでください。コンピュータサイエンスのいくつかの取り組みに参加してください。アルゴリズム関連のコースを受講したことがある場合は、BigO表記という用語を聞いたことがあると思います。まだ理解していない場合は、ここで説明し、実際の内容をより深く理解します。Big O表記は、コンピューター科学者がアルゴリズムのコストを分析するための最も基本的なツールの1つです。ソフトウェアエンジニアにとっても、深く理解することをお勧めします。この記事は、あなたがすでにいくつかのコードに取り組んでいることを前提に書かれています。また、一部の詳細な資料では、高校の数学の基礎も必要であるため、初心者にとっては少し快適ではない可能性があります。しかし、準備ができたら、始めましょう!この記事では、BigO表記について詳しく説明します。理解を深めるために、アルゴリズムの例から始めます。次に、数学について少し説明して、正式に理解します。その後、BigO表記のいくつかの一般的なバリエーションについて説明します。最後に、実際のシナリオでBigOの制限のいくつかについて説明します。目次は以下にあります。目次Big O表記とは何ですか、なぜそれが重要なのですかBigO表記の正式な定義ビッグO、リト

続きを読む
5分でローカル開発環境でHTTPSを機能させる方法

5分でローカル開発環境でHTTPSを機能させる方法

今日アクセスするほとんどすべてのWebサイトはHTTPSで保護されています。まだの場合は、そうする必要があります。サーバーをHTTPSで保護するということは、HTTPSで保護されていないサーバーからこのサーバーにリクエストを送信できないことも意味します。これは、すべてが//localhostすぐに使用できるため、ローカル開発環境を使用する開発者にとって問題となります。私が参加しているスタートアップでは、セキュリティを強化するための動きの一環として、AWS Elastic LoadBalancerエンドポイントをHTTPSで保護することにしました。ローカル開発環境からサーバーへの要求が拒否され始める状況に遭遇しました。後でグーグルで簡単に検索したところ、このような記事、これ、またはこれにHTTPSを実装する方法の詳細な説明が記載された記事がいくつか見つかりましたlocalhost。私がそれらに忠実に従った後でさえ、これらの指示のどれもうまくいかなかったようです。ChromeはいつもNET::ERR_CERT_COMMON_NAME_INVALID私にエラーを投げました。問題私が見つけたすべての詳細な指示は、それらが書かれた時点で正しいものでした。もう違います。大量のグーグルの後、ローカル証明書が拒否された理由は、Chromeが証明書でのcommonNameマッチングのサポートを非推奨にし

続きを読む
JavaScript型強制の説明

JavaScript型強制の説明

あなたのエンジンを知っている[2018年2月5日編集]:この投稿はロシア語で利用できるようになりました。SerjBulavykの努力に拍手喝采。型強制は、値をある型から別の型に変換するプロセスです(文字列から数値、オブジェクトからブール値など)。プリミティブであろうとオブジェクトであろうと、どの型も型強制の有効な対象です。思い出してください。プリミティブは、数値、文字列、ブール値、null、未定義+シンボル(ES6で追加)です。実際に型強制の例として、JavaScriptの比較表を見ている様子を示して緩い等号==異なるためのオペレータに振舞うaとbタイプ。この行列は、==演算子が行う暗黙の型強制のために恐ろしく見え、これらすべての組み合わせを覚えることはほとんど不可能です。そして、それを行う必要はありません。基礎となる型強制の原則を学ぶだけです。この記事では、JavaScriptで型強制がどのように機能するかについて詳しく説明し、基本的な知識を身に付けて、次の式が何を計算するかを自信を持って説明できるようにします。記事の終わりまでに、私は答えを示し、それらを説明します。true + false 12 / "6" "number" + 15 + 3 15 + 3 + "number" [1] > null "foo" + + "bar" 'true' == true false =

続きを読む
ジャスミンユニットテストの概要

ジャスミンユニットテストの概要

Jasmineは、Webアプリの単体テスト用に最も人気のあるJSライブラリです。初心者向けに設計されたこのチュートリアルでは、Jasmineを使用したテストの簡単で完全なガイドを紹介します。JavaScriptの一般的なビヘイビア駆動テストフレームワークであるJasmineを紹介します。また、コードのバグを簡単にチェックするのに役立つ、Jasmineを使用した単体テストの記述方法に関する簡単な実用的な例も示します。一言で言えば、テストスイート、仕様、期待を作成する方法と、組み込みのJasmineマッチャーを適用する方法または独自のカスタムマッチャーを構築する方法を説明します。また、より複雑なコードベースのテストを整理するためにスイートをグループ化する方法についても説明します。ジャスミンの紹介Jasmineは、JavaScriptアプリケーションの単体テスト用の非常に人気のあるJavaScriptビヘイビア駆動開発(BDDでは、実際のコードを作成する前にテストを作成します)フレームワークです。同期コードと非同期コードの両方の自動テストを実行するために使用できるユーティリティを提供します。ジャスミンには、次のような多くの機能があります。高速でオーバーヘッドが少なく、外部依存関係がありません。これはバッテリーに含まれるライブラリであり、コードのテストに必要なすべてを提供します。ノードとブラウ

続きを読む
これらは2019年に最適なJavaScriptチャートライブラリです

これらは2019年に最適なJavaScriptチャートライブラリです

まず、簡単な歴史:データの収集と使用が指数関数的に増加し続けるにつれて、このデータを視覚化する必要性がますます重要になっています。開発者は、何百万ものデータベースレコードを、人間がすばやく直感的に解釈できる美しいチャートやダッシュボードに統合しようとしています。データ視覚化技術は過去10年間にわたって改善を続けており、多くの高度なチャートライブラリが消費者に利用可能になっています。2000年代初頭、チャートの生成はサーバー側の画像ビットマップチャートによって支配されていました。FlashやSilverlightなどのプラグインは、よりインタラクティブなグラフ作成エクスペリエンスを提供しましたが、ダウンロード速度、バッテリー寿命、およびシステムリソースに大きな負担をかけました。モバイルとタブレットの使用が急増したため、プラグインは主要なプラットフォームでサポートされなくなり、開発者はどこでも実行できるオープンなクライアントサイドテクノロジーに移行する必要がありました。同時に、非常に高解像度の画面の出現と、タッチジェスチャによるより一般的なズームにより、解像度に依存しないベクターチャートが最前線に登場しました。JavaScriptとSVG(Scalable Vector Graphics)が支配的なデータ視覚化の現在の時代を入力してください。チャートは、特別なプラグインなしですべてのブラウ

続きを読む
HTMLコメント:HTMLコードをコメントアウトする方法

HTMLコメント:HTMLコードをコメントアウトする方法

HTMLのコメントコメントタグは、メモを残すために使用される要素であり、主にプロジェクトまたはWebサイトに関連しています。このタグは、コード内の何かを説明したり、プロジェクトに関するいくつかの推奨事項を残したりするために頻繁に使用されます。コメントタグを使用すると、開発者は後の段階で作成したコードに戻って理解しやすくなります。コメントは、デバッグ目的でコード行をコメントアウトするためにも使用できます。特にチームや会社で作業する場合は、コードにコメントを追加することをお勧めします。コメントはで始まり、複数行にまたがることができます。コードまたはテキストを含めることができ、ユーザーがページにアクセスしたときにWebサイトのフロントエンドに表示されません。コメントは、インスペクターコンソールから、またはページソースを表示して表示できます。例 Read more: //html.com/tags/comment-tag/#ixzz4vtZHu5uR FreeCodeCamp webFreeCodeCamp is an open-source project that needs your help条件付きコメント条件付きコメントは、特定の条件が満たされたときに実行されるいくつかのHTMLタグを定義します。条件付きコメントは、InternetExplorerバージョン5からバージョン9-IE5

続きを読む
JavaScriptで文にタイトルを付ける3つの方法

JavaScriptで文にタイトルを付ける3つの方法

この記事は無料コードキャンプ基本的なアルゴリズムスクリプト「に基づいているタイトルケース文」。このアルゴリズムでは、テキストの文字列を変更して、すべての単語の先頭に常に大文字が含まれるようにします。この記事では、3つのアプローチについて説明します。最初にFORループを使用し、2番目にmap()メソッドを使用し、3番目にreplace()メソッドを使用します。アルゴリズムの課題各単語の最初の文字を大文字にして、指定された文字列を返します。単語の残りの部分が小文字であることを確認してください。この演習では、「the」や「of」などの接続語も大文字にする必要があります。提供されたテストケースtitleCase(「私は小さなティーポットです」)は文字列を返す必要があります。titleCase(「私は小さなティーポットです」)は「私は小さなティーポットです」を返す必要があります。titleCase(“ sHoRt AnD sToUt”)は、“ Short And Stout”を返す必要があります。titleCase( "HERE IS MY HANDLE HERE IS MY SPOUT")は、 "Here Is My Handle Here Is MySpout"を返す必要があります。1.タイトルケースFORループのある文このソリューションでは、String.prototype.toLower

続きを読む
MobiからPDFへ–Mobiファイルとの間で変換する方法

MobiからPDFへ–Mobiファイルとの間で変換する方法

最近オンラインで本を購入した場合、またはProject Guttenbergのようなサイトで無料のパブリックドメインの本をダウンロードした場合は、それが.mobiファイルである可能性が高くなります。しかし、適切なソフトウェアがインストールされていなかったため、おそらくそれを開くことができませんでした。この記事では、.mobiファイルとは何か.mobi、デバイス間で読みやすくするためにフォーマットとの間で変換する方法について学習します。.mobiファイルとは何ですか?.mobi ファイルは、MobipocketReaderソフトウェア用にMobipocket社によって作成されたeBookファイル形式です。Amazonは2005年にMobipocketを購入し、Kindle eBookリーダーのファイル形式(.azwおよび.azw3)をその.mobi形式に基づいています。このため、.mobiKindleデバイスでほとんどのファイルを読み取ることができ

続きを読む
Python Whileループチュートリアル– Do WhileTrueサンプルステートメント

Python Whileループチュートリアル– Do WhileTrueサンプルステートメント

ループは、条件が満たされるまで実行される一連の命令です。Pythonでwhileループがどのように機能するかを見てみましょう。ループとは何ですか?コーディングを学んでいる場合、ループは理解しておくべき主要な概念の1つです。ループは、条件が満たされるまで一連の命令を実行するのに役立ちます。Pythonには2つの主要なタイプのループがあります。 forループwhileループこれらのタイプのループは両方とも、同様のアクションに使用できます。しかし、効率的なプログラムの作成方法を学ぶと、いつ何を使用するかがわかります。この記事では、Pythonのwhileループについて見ていきます。forループの詳細については、freeCodeCampで最近公開されたこの記事を確認してください。Whileループwhileループの背後にある概念は単純です。条件が真の場合->コマンドを実行します。whileループは毎回条件をチェックし、「true」を返すと、ループ内の命令を実行します。 コードを書き始める前に、フローチャートを見て、それがどのように機能するかを見てみましょう。 それでは、コードを書いてみましょう。1から10までの数値を出力する簡単なwhileループを作成する方法は次のとおりです。#!/usr/bin/python x = 1 while(x <= 10): print(x) x = x

続きを読む
最高のPythonチュートリアル

最高のPythonチュートリアル

Pythonは汎用プログラミング言語であり、動的に型付けされ、解釈され、優れた設計原則を備えた読みやすさで知られています。freeCodeCampには、Pythonで最も人気のあるコースの1つがあります。それは完全に無料です(そして広告さえありません)。こちらのYouTubeでご覧いただけます。詳細を知りたいですか?ウェブは大きな場所であり、探索することがもっとたくさんあります:Pythonプラクティスブック://anandology.com/python-practice-book/index.htmlPythonを考える://greenteapress.com/thinkpython/html/index.html実用的なビジネスPython://pbpython.com/別のコース://realpython.com/?utm source = fsp&utm medium = promo&utm_campaign = bestresources一般://www.fullstackpython.com/基本を学ぶ://www.codecademy.com/learn/learn-pythonPythonを使用したコンピュータサイエンス://www.edx.org/course/introduct

続きを読む
HTML5ビデオ:HTMLにビデオを埋め込む方法

HTML5ビデオ:HTMLにビデオを埋め込む方法

HTML5より前は、Webページでビデオを再生するには、Adobe FlashPlayerなどのプラグインを使用する必要がありました。HTML5の導入により、ビデオをページ自体に直接配置できるようになりました。これにより、Adobe Flash PlayerなどのプラグインはAndroidまたはiOSで機能しないため、モバイルデバイス用に設計されたページでビデオを再生できます。HTML要素は、Webドキュメントにビデオを埋め込むために使用されます。これには、src属性またはソース要素を使用して表される1つ以上のビデオソースが含まれる場合があります。ビデオファイルを埋め込むには、次のコードスニペットを追加し、をビデオファイルsrcのパスに変更します。 Your browser does not support the video element. Kindly update it to latest version. この要素は、最新のすべてのブラウザーでサポートされています。ただし、すべてのブラウザが同じビデオファイル形式をサポートしているわけではありません。MP4ファイルは最も広く受け入れられている形式であり、WebMやOggなどの他の形式はChrome、Firefox、Operaでサポートされています。ほとんどのブラウザでビデオを確実に再生するには、それらをOgg形式とMP4形式の

続きを読む
Gitのマージとリベースの概要:それらとは何か、およびそれらの使用方法

Gitのマージとリベースの概要:それらとは何か、およびそれらの使用方法

開発者として、私たちの多くはマージとリベースのどちらかを選択する必要があります。私たちがインターネットから得たすべての参照で、誰もが「リベースを使用しないでください、それは深刻な問題を引き起こす可能性がある」と信じています。ここでは、マージとリベースとは何か、それらを使用する必要がある(および使用しない)理由、およびその方法について説明します。GitMergeとGitRebaseは同じ目的を果たします。これらは、複数のブランチからの変更を1つに統合するように設計されています。最終的な目標は同じですが、これら2つの方法は異なる方法でそれを達成します。より優れたソフトウェア開発者になるにつれて、違いを知ることが役立ちます。この質問はGitコミュニティを分割しました。常にリベースする必要があると考える人もいれば、常にマージする必要があると考える人もいます。それぞれの側には、いくつかの説得力のある利点があります。Gitマージマージは、バージョン管理システムを使用する開発者にとって一般的な方法です。テスト、バグ修正、またはその他の理由でブランチが作成されたかどうかに関係なく、コミットの変更は別の場所にコミットされます。具体的には、マージはソースブランチのコンテンツを取得し、それらをターゲットブランチと統合します。このプロセスでは、ターゲットブランチのみが変更されます。ソースブランチの履歴は同じま

続きを読む
ES6矢印関数を使用する必要がある場合(およびその理由)—使用しない場合

ES6矢印関数を使用する必要がある場合(およびその理由)—使用しない場合

矢印関数(「太い矢印関数」とも呼ばれます)は、間違いなくES6の最も人気のある機能の1つです。彼らは簡潔な関数を書く新しい方法を導入しました。ES5構文で記述された関数は次のとおりです。function timesTwo(params) { return params * 2}function timesTwo(params) { return params * 2 } timesTwo(4); // 8さて、これは矢印関数として表現された同じ関数です:var timesTwo = params => params * 2 timesTwo(4); // 8ずっと短いです!暗黙の戻り値のため、中括弧とreturnステートメントを省略することができます(ただし、ブロックがない場合のみ。これについては以下で詳しく説明します)。矢印関数が通常のES5関数とどのように異なる動作をするかを理解することが重要です。バリエーションすぐに気付くのは、矢印関数で使用できるさまざまな構文です。一般的なもののいくつかを実行してみましょう:1.パラメータなしパラメータがない場合は、=&gt;の前に空の括弧を置くことができます。() => 42実際、括弧も必要ありません!_ => 422.単一のパラメーターこれらの関数では、括弧はオプションです。x => 42 || (x) =&

続きを読む
Reactを学ぶ方法—初心者から上級者までのロードマップ

Reactを学ぶ方法—初心者から上級者までのロードマップ

みなさん、こんにちは!このガイドは、Reactを始めている人を対象としています。学習しやすいように、各セクションで最高のビデオと記事を注意深くキュレーションしました。注:私は、以下に記載されているWebサイトのいずれにも関連付けられていません。それは純粋に私の見解です。前提条件HTML、CSS、およびJavaScriptの基本的な知識。ES6機能の基本的な理解。これがES6の機能のいくつかを説明する私の記事です。開始するには、少なくとも次の機能を知っている必要があります。1.しましょう2.定数3.矢印関数4.インポートとエクスポート5.クラスnpmの使用方法の基本的な理解。入門オンラインコードエディターを使用して練習するか、Create ReactAppを使用できます。JSFiddleとCodepenで開発環境をセットアップしました。Reactのすべての基本を理解するには、次のチュートリアルから始めることができます。ReactによるReactの公式ドキュメントKent C.DoddsによるReactの初心者向けガイドSamerBunaによるReactの基礎これで、Reactの基本についての基本的な考え方がわかったはずです。Reactで簡単なWebアプリの開発を開始するだけで十分です。それでは、Reactの公式チュートリアルをご覧ください。ReactによるReact公式チュートリアルこれ

続きを読む
JavaScript URLエンコードの例– encodeURIcomponent()およびencodeURI()の使用方法

JavaScript URLエンコードの例– encodeURIcomponent()およびencodeURI()の使用方法

あなたはそれを考えるかもしれないencodeURIし、encodeURIComponent少なくとも自分の名前から、同じことを行います。また、どちらをいつ使用するか混乱する可能性があります。この記事では、私は違い分かりやすく説明しますencodeURIとをencodeURIComponent。URIとは何ですか?URLとはどのように異なりますか?URIはUniformResourceIdentifierの略です。URLはUniformResourceLocatorの略です。リソースを一意に識別するものはすべて、ID、名前、ISBN番号などのURIです。URLは、リソースとそのアクセス方法(プロトコル)を指定します。すべてのURLはURIですが、すべてのURIがURLであるとは限りません。なぜエンコードする必要があるのですか?URLには、標準の128文字のASCIIセットの特定の文字のみを含めることができます。このセットに属さない予約文字はエンコードする必要があります。これは、URLに渡すときにこれらの文字をエンコードする必要があることを意味します。などの特殊文字&、space、!それ以外の場合は、予測できない事態を引き起こす可能性があり、エスケープするためのURLが必要で入力されたとき。ユースケース:ユーザーが、URLフィールドなど、文字列形式で渡す必要のある形式で値を送信しま

続きを読む
Git Stashの説明:Gitのローカル変更を一時的に保存する方法

Git Stashの説明:Gitのローカル変更を一時的に保存する方法

Gitには、リポジトリにコミットせずに変更のスナップショットを一時的に保存できるstashと呼ばれる領域があります。これは、作業ディレクトリ、ステージング領域、またはリポジトリとは別のものです。この機能は、コミットする準備ができていないブランチに変更を加えたが、別のブランチに切り替える必要がある場合に役立ちます。スタッシュの変更変更をスタッシュに保存するには、次のコマンドを実行します。git stash save "optional message for yourself"これにより、変更が保存され、作業ディレクトリが最新のコミットの外観に戻ります。隠された変更は、そのリポジトリ内の任意のブランチから利用できます。隠したい変更は、追跡されたファイルにある必要があることに注意してください。新しいファイルを作成して変更を隠そうとすると、エラーが発生する場合がありますNo local changes to save。隠された変更を表示する隠し場所に何があるかを確認するには、次のコマンドを実行します。git stash listこれにより、保存されたスナップショットのリストがの形式で返されます[email protected]{0}: BRANCH-STASHED-CHANGES-ARE-FOR: MESSAGE。[email protected]{0}部分はスタッシュの名前であり、中括弧内の数字は({ })はスタッシュの指標です。複

続きを読む
Javaリストメソッドチュートリアル– Util ListAPIの例

Javaリストメソッドチュートリアル– Util ListAPIの例

リストは、すべてのプログラミング言語で一般的に使用されるデータ構造です。 このチュートリアルでは、JavaのListAPIを調査します。基本的な操作から始めて、さらに高度な操作(ArrayListやLinkedListなどのさまざまなリストタイプの比較など)について説明します。また、状況に最適なリストの実装を選択するのに役立つガイドラインをいくつか示します。チュートリアルに従うには基本的なJavaの知識で十分ですが、最後のセクションでは基本的なデータ構造(Array、LinkedList)とBig-Oの知識が必要です。それらに精通していない場合は、そのセクションをスキップしてください。リストの定義リストは、オブジェクトの順序付けられたコレクションです。その意味で、それらは数学のシーケンスに似ています。ただし、特定の順序がないセットとは異なります。注意すべき点がいくつかあります。リストには重複要素とnull要素を含めることができます。これらは参照型またはオブジェクト型であり、Javaのすべてのオブジェクトと同様に、ヒープに格納されます。Javaのリストはインターフェースであり、このインターフェースを実装する多くのリストタイプがあります。 ArrayListは最も一般的に使用されるタイプのリストであるため、最初のいくつかの例ではArrayListを使用します。 ArrayListは、基本的

続きを読む
エアドロップ名を変更する方法-30秒でMacの名前を変更します

エアドロップ名を変更する方法-30秒でMacの名前を変更します

MacOSを使用すると、AirdropでMacの名前を簡単に変更できます。次の4つの手順に従うだけで、金色になります。ステップ1:システム環境設定を開く設定を開く最も速い方法は、⌘+スペースを入力してから「設定」を入力し、ドロップダウンメニューから「システム環境設定」を選択することです。ステップ2:共有アイコンをクリックします黄色いひし形が付いたフォルダです。私はあなたの便宜のためにそれを以下に指摘しました。ステップ3:コンピューター名を編集する上部にコンピュータ名が表示され、テキストフィールドをクリックして更新できます。好きな名前に変更したら、[編集]をクリックするだけです。ステップ4:新しいコンピューター名を確認するこれで、[OK]ボタンをクリックするだけです。設定が保存されます。AirDrop名が更新されました。システム環境設定を終了できます。これで、AirDropであなたを見ると、新しいAirDrop名が表示されます。

続きを読む
インラインCSSガイド–HTMLタグを直接スタイル設定する方法

インラインCSSガイド–HTMLタグを直接スタイル設定する方法

HTMLを作成したので、CSSでスタイルを設定する必要があります。1つの方法は、インラインスタイルを使用することです。これが、この記事の内容です。This is my first paragraph.インラインスタイルのニュアンス(いつ、なぜ、どのように使用するか)に飛び込む前に、HTMLのスタイルを設定する他の方法を知っておくことが重要です。そうすれば、コードに最適なオプションを選択できます。オプションの概要は次のとおりです。外部スタイルシート開発者は通常、すべてのCSSを外部スタイルシートに保持します。HTMLファイルで、要素を使用して、CSSを含む外部スタイルシートにリンクします。ファイルindex.cssの中に、CSSルールがあります。p { color: red; font-size: 20px; } 内部スタイルシートCSSをスタイリングするための別のオプションは、内部スタイルシートを使用することです。これは、HTMLファイルの要素内でCSSルールを定義することを意味します。 p { color: red; font-size: 20px; } インラインスタイルそれほど頻繁ではありませんが、インラインスタイルに手を伸ばすことができます。ただし、便利な場合があるため、知っておくことが重要です。インラインスタイルでは、スタイルを追加しますHTMLタグの属性と、それに続く要素の

続きを読む
最高のPythonコード例

最高のPythonコード例

Pythonは汎用プログラミング言語であり、動的に型付けされ、解釈され、優れた設計原則を備えた読みやすさで知られています。freeCodeCampには、Pythonで最も人気のあるコースの1つがあります。それは完全に無料です(そして広告さえありません)。こちらのYouTubeでご覧いただけます。Pythonデータ構造の例浮動小数点数とそれらがPythonでどのように機能するかについての一般的な情報は、ここにあります。Pythonのほぼすべての実装は、IEEE754仕様であるBinaryFloating-PointArithmeticの標準に準拠しています。詳細については、IEEEサイトをご覧ください。浮動小数点オブジェクトは、浮動小数点リテラルを使用して作成できます。>>> 3.14 3.14 >>> 314\. # Trailing zero(s) not required. 314.0 >>> .314 # Leading zero(s) not required. 0.314 >>> 3e0 3.0 >>> 3E0 # 'e' or 'E' can be used. 3.0 >>> 3e1 # Positive value after e moves the decimal

続きを読む
JavaScriptで各単語の最初の文字を大文字にする方法–JS大文字チュートリアル

JavaScriptで各単語の最初の文字を大文字にする方法–JS大文字チュートリアル

この記事では、JavaScriptで単語の最初の文字を大文字にする方法を学習します。その後、文のすべての単語の最初の文字を大文字にします。プログラミングの素晴らしいところは、問題を解決するための普遍的な解決策が1つもないことです。したがって、この記事では、同じ問題を解決する複数の方法を紹介します。単語の最初の文字を大文字にするまず、1つの単語の最初の文字を大文字にすることから始めましょう。これを行う方法を学んだ後、次のレベルに進みます–文のすべての単語でそれを行います。次に例を示します。const publication = "freeCodeCamp"; JavaScriptでは、0からカウントを開始します。たとえば、配列がある場合、最初の位置は1ではなく0です。 また、配列から要素にアクセスするのと同じ方法で、文字列から各文字にアクセスできます。たとえば、「freeCodeCamp」という単語の最初の文字は位置0にあります。私たちは手紙を得ることができます。この手段FからfreeCodeCampを行うことでpublication[0]。同様に、単語から他の文字にアクセスできます。単語の長さを超えない限り、「0」を任意の数値に置き換えることができます。単語の長さを超えるということは、publication[25「freeCodeCamp」という単語には12文字しかないため、エラーが発

続きを読む
Cのフォーマット指定子

Cのフォーマット指定子

フォーマット指定子は、標準出力に出力されるデータのタイプを定義します。でフォーマットされた出力を印刷するprintf()場合でも、で入力を受け入れる場合でも、フォーマット指定子を使用する必要がありますscanf()。ANSI Cで使用できる%指定子の一部は次のとおりです。指定子のために使用される%c単一の文字%s文字列%こんにちは短い(署名済み)%hu短い(符号なし)%Lfロングダブル%n何も印刷しません%d10進整数(基数10を想定)%私10進整数(ベースを自動的に検出します)%o8進数(基数8)整数%バツ16進数(基数16)整数%pアドレス(またはポインタ)%f浮動小数点数の浮動小数点数%uint unsigned decimal%e科学的記数法の浮動小数点数%E科学的記数法の浮動小数点数%%象徴例:%c 単一文字フォーマット指定子:#include int main() { char first_ch = 'f'; printf("%c\n", first_ch); return 0; } 出力:f%s 文字列形式指定子:#include int main() { char str[] = "freeCodeCamp"; printf("%s\n", str); return 0; } 出力:freeCodeCamp%cフォーマット指定子を使用した文字入力:#include in

続きを読む
レビューでランク付けされた、インターネット上のすべての機械学習コース

レビューでランク付けされた、インターネット上のすべての機械学習コース

1年半前、私はカナダで最高のコンピュータサイエンスプログラムの1つを中退しました。私はオンラインリソースを使用して独自のデータサイエンス修士プログラムを作成し始めました。代わりに、edX、Coursera、Udacityを通じて必要なすべてを学ぶことができることに気づきました。そして、私はそれをより速く、より効率的に、そしてほんのわずかな費用で学ぶことができました。もうすぐ終わりです。私は多くのデータサイエンス関連のコースを受講し、さらに多くの部分を監査しました。私はそこにある選択肢と、データアナリストまたはデータサイエンティストの役割の準備をしている学習者に必要なスキルを知っています。そこで私は、データサイエンス内の各科目に最適なコースを推奨するレビュー主導のガイドの作成を開始しました。シリーズの最初のガイドとして、初心者のデータサイエンティストにいくつかのコーディングクラスをお勧めしました。それからそれは統計と確率のクラスでした。次に、データサイエンスの概要。また、データの視覚化。次に、機械学習について説明します。このガイドでは、2017年5月の時点で提供されているすべてのオンライン機械学習コースを特定し、シラバスとレビューから重要な情報を抽出し、評価をまとめるのに12時間を費やしました。私の最終目標は、利用可能な3つの最良のコースを特定し、それらを以下に提示することでした。このタ

続きを読む
JavaScriptモジュール:ビギナーズガイド

JavaScriptモジュール:ビギナーズガイド

JavaScriptを初めて使用する場合は、「モジュールバンドラーとモジュールローダー」、「WebpackとBrowserify」、「AMDとCommonJS」などの専門用語がすぐに圧倒される可能性があります。JavaScriptモジュールシステムは恐ろしいかもしれませんが、それを理解することはWeb開発者にとって不可欠です。この投稿では、これらの流行語を平易な英語(およびいくつかのコードサンプル)で解凍します。お役に立てば幸いです。注:簡単にするために、これは2つのセクションに分かれています。パート1では、モジュールとは何か、およびモジュールを使用する理由について説明します。パート2(来週投稿)では、モジュールをバンドルすることの意味と、そのためのさまざまな方法について説明します。パート1:誰かがモジュールが再び何であるかを説明できますか?優れた著者は、本を章とセクションに分けています。優れたプログラマーは、プログラムをモジュールに分割します。本の章のように、モジュールは単なる単語のクラスター(または場合によってはコード)です。ただし、優れたモジュールは、独自の機能を備えた高度な自己完結型であるため、システム全体を中断することなく、必要に応じてシャッフル、削除、または追加できます。なぜモジュールを使用するのですか?広大で相互に依存するコードベースを優先してモジュールを使用することには

続きを読む
JavaScript:Void(0)はどういう意味ですか?

JavaScript:Void(0)はどういう意味ですか?

JavaScriptのvoid演算子は式を評価し、undefinedを返します。コンソールを使用して同じことを確認できます。注: voidは、渡される値に関係なく、*上記のように常に未定義を返します*。しかし、との間隙オペランド0が好ましいです。オペランド0を使用するには、void(0)またはvoid0の2つの方法があります。どちらでもかまいません。Javascriptを使用する場合void(0)リンクがクリックされたときに、ブラウザが新しいページをロードしたり、同じページを更新したりしたくない場合は、javascript:void(0)を使用します(指定されたURLによって異なります)。代わりに、そのリンクに添付されたJavaScriptを実行するだけです。Javascript void(0)を使用した例1: Click Me 出力:誰かがClickMeリンクをクリックすると、次のようなアラートがポップアップ表示されます。Javascript void(0)を使用した例2: Click Me 出力:リンクをダブルクリックすると、ページを更新せずにアラートがポップアップ表示されます。Javascript void(0)を使用した例3: Click Me 出力:リンクをダブルクリックすると、アラートがポップアップ表示されます。それを閉じても、google.comにリダイレクトされません。

続きを読む
Pythonスリープ関数–サンプルコマンドを使用して、Pythonを続行する前に数秒待機させる方法

Pythonスリープ関数–サンプルコマンドを使用して、Pythonを続行する前に数秒待機させる方法

Pythonのsleep()関数を使用して、コードに時間遅延を追加できます。この関数は、たとえばAPI呼び出しの合間にコードを一時停止する場合に便利です。または、単語やグラフィックの間に一時停止を追加して、ユーザーエクスペリエンスを向上させます。from time import sleep sleep(2) print("hello world") 上記のコードを実行すると、「helloworld」が出力されるまでに約2秒の遅延があります。 sleep()「呼び出しスレッドの実行」を指定された秒数だけ停止するため、遅延が発生します(正確な時間は概算ですが)。したがって、上記の例では、プログラムの実行は約2秒間一時停止されます。この記事では、Pythonコードをスリープ状態にする方法を学習します。睡眠の詳細Pythonの時間モジュールには多くの時間関連関数が含まれていますsleep()。そのうちの1つはです。sleep()を使用するには、それをインポートする必要があります。from time import sleep sleep()は1つの引数を取ります:秒。これは、コードを遅延させる時間(秒単位)です。seconds = 2 sleep(seconds) アクションで眠るそれではsleep()、いくつかの異なる方法で使用してみましょう。timeモジュールからスリープをインポートすると、

続きを読む
Gitプルでローカルファイルを上書きする方法

Gitプルでローカルファイルを上書きする方法

ローカルファイルをいつ上書きする必要がありますか?ローカルの変更をすべて破棄し、リモートブランチからのコピーですべてをリセット/上書きする必要があると感じた場合は、このガイドに従う必要があります。重要:ローカルで変更を加えた場合、それらは失われます。--hardオプションの有無にかかわらず、プッシュされていないローカルコミットはすべて失われます。Gitによって追跡されないファイル(アップロードされたユーザーコンテンツなど)がある場合、これらのファイルは影響を受けません。上書きワークフロー:ローカルファイルを上書きするには、次のようにします。git fetch --all git reset --hard /例えば:git fetch --all git reset --hard origin/master使い方:git fetch 何もマージまたはリベースしようとせずに、リモートから最新のものをダウンロードします。次に、git resetは、マスターブランチをフェッチしたものにリセットします。この--hardオプションは、作業ツリー内のすべてのファイルを変更して、内のファイルと一致させますorigin/master。追加情報:masterリセットする前に、ブランチを作成するか、作業したいブランチを作成することで、現在のローカルコミットを維持できることに注意してください。例えば:git

続きを読む
Async Await JavaScriptチュートリアル–JSで関数が終了するのを待つ方法

Async Await JavaScriptチュートリアル–JSで関数が終了するのを待つ方法

非同期関数はいつ終了しますか?そして、なぜこれは答えるのがそんなに難しい質問なのですか?非同期関数を理解するには、JavaScriptが基本的にどのように機能するかについて多くの知識が必要であることがわかりました。この概念を調べて、その過程でJavaScriptについて多くを学びましょう。準備はできたか?行こう。非同期コードとは何ですか?設計上、JavaScriptは同期プログラミング言語です。つまり、コードが実行されると、JavaScriptはファイルの先頭から始まり、完了するまでコードを1行ずつ実行します。この設計上の決定の結果、一度に発生する可能性があるのは1つだけです。 これは、6つの小さなボールをジャグリングしているように考えることができます。あなたがジャグリングをしている間、あなたの手は占有されており、他のものを扱うことができません。これはJavaScriptでも同じです。コードが実行されると、そのコードで手一杯になります。これをこの種の同期コードブロッキングと呼びます。他のコードの実行を効果的にブロックしているためです。ジャグリングの例に戻りましょう。別のボールを追加したい場合はどうなりますか?6つのボールの代わりに、7つのボールをジャグリングしたかったのです。それは問題かもしれません。ジャグリングはとても楽しいので、やめたくありません。しかし、あなたは行って別のボールを

続きを読む
Instagramチュートリアルの使用方法–プロのようにIGを使用する

Instagramチュートリアルの使用方法–プロのようにIGを使用する

Instagramは、過去数年間で非常に人気のあるソーシャルメディアプラットフォームになりました。世界中の人々が写真を共有したり、メッセージを広めたり、お互いに刺激を与えたりするためにそれを使用しています。TechCrunchによると、Instagramには10億人以上のアクティブユーザーがいます(毎日5億人が投稿しています)。そのため、画像やアイデアを公開したい場合は、始めるのに適しています。このチュートリアルでは、Instagramの基本事項、つまり、アカウントの設定方法、投稿、キャプション、ハッシュタグの追加方法などについて説明します。 次に、フィルターやストーリーなどを使用してInstagramゲームを強化する方法を見ていきます。このガイドで取り上げる内容:Instagramとは何ですか?なぜInstagramを使うべきなのですか?Instagramにどのようにサインアップしますか?Instagramの使い方–基本プロのようにInstagramを使う方法InstagramのエチケットInstagramとは何ですか?Instagramは、人々が写真、ビデオ、アート、インフォグラフィックを共有するソーシャルメディアプラットフォームです。実際、視覚的なものはすべて公正なゲームです。 写真は、スクロールできるフィードに投稿されます(無限に感じるもの)。写真に加えて、キャプションといくつ

続きを読む
Anaconda Navigatorを使用してTensorFlowとKerasをインストールする方法—コマンドラインなし

Anaconda Navigatorを使用してTensorFlowとKerasをインストールする方法—コマンドラインなし

コマンドラインでpipinstallを実行しないでください。これは、3つのステップでローカルマシンにTensorFlowをインストールする別の方法です。なぜ私はこれを書いているのですか?TensorFlowとKeras用にPython環境を適切に設定する方法を見つけようとして、複数の構成でpipinstallを数時間試してみました。あきらめる直前にこれを見つけました…「pipではなくcondaを使用してTensorFlowをインストールする主な利点の1つは、condaパッケージ管理システムの結果です。TensorFlowがcondaを使用してインストールされると、condaはパッケージに必要で互換性のあるすべての依存関係もインストールします。」この記事では、GUIバージョンのAnacondaを使用してTensorFlowとKerasをインストールするプロセスについて説明します。AnacondaNavigatorをすでにダウンロードしてインストールしていることを前提としています。始めましょう!AnacondaNavigatorを起動します。[環境]タブに移動し、[作成]をクリックします。2.新しい環境名を入力します-「tensorflow_env」を入力します。ここでPython3.6を選択してください!次に「作成」します。これには数分かかる場合があります。3.新しい「tensorflo

続きを読む
ユークリッドの互除法:C ++とJavaの例で説明されているGCD(最大公約数)

ユークリッドの互除法:C ++とJavaの例で説明されているGCD(最大公約数)

このトピックでは、最初に最大公約数(GCD)とMOD演算について知っておく必要があります。最大公約数(GCD)2つ以上の整数のGCDは、余りがゼロになるように各整数を分割する最大の整数です。例-GCD 20、30 = 10   (10は20と30を除算する最大数で、余りは0です)42、120、285のGCD = 3   (3は、42、120、および285を除算する最大数であり、余りは0です)「mod」操作mod演算は、2つの正の整数が除算されたときに余りを与えます。次のように書きます-A mod B = Rつまり、AをBで除算すると、余りRが得られます。これは、商を与える除算演算とは異なります。例-7 mod 2 = 1   (7を2で割ると余りが1になります)42 mod 7 = 0   (42を7で割ると余りが0になります)上記の2つの概念を理解すると、ユークリッドの互除法を簡単に理解できます。最大公約数(GCD)のユークリッドアルゴリズムユークリッドアルゴリズムは、2つの数のGCDを見つけます。このアルゴリズムの動作を確認することで、このアルゴリズムをよりよく理解できます。1220と516のGCDを計算したいと仮定して、ユークリッドアルゴリズムを適用しましょう-1220と516のGCDを計算したいと仮定して、ユークリッドアルゴリズムを適用し

続きを読む
CSS遷移の例–ホバーアニメーションの使用方法、不透明度の変更など

CSS遷移の例–ホバーアニメーションの使用方法、不透明度の変更など

CSS、HTML、JavaScriptなどのWebテクノロジーを使用している場合は、CSSアニメーションとトランジションに関する基本的な知識を持っていることが重要です。この記事では、CSSを使用していくつかの基本的な遷移アニメーションを作成する方法を学習します。ホバー時に基本的なトランジションを使用して要素をアニメーション化する方法この例では、ユーザーが要素にカーソルを合わせるかマウスを合わせると、要素の不透明度が変更されます。 Static Template .elem { background: blueviolet; width: 300px; height: 150px; } .elem:hover { opacity: 0.5; } これは、要素にカーソルを合わせるとトリガーできる単純な遷移です。同時に実行される複数のトランジションを追加できます。スケール変換プロパティを追加して、要素にスケール遷移を追加しましょう。 .elem:hover { transform: scale(1.1); }ただし、遷移の期間を定義したり、タイミング関数を使用したりしていないため、遷移はスムーズではないようです。  transitionプロパティを追加すると、要素がよりスムーズに移動します。 .elem { background: blueviolet; width: 300px;

続きを読む
Reactルーターチュートリアル–コード例を使用して、レンダリング、リダイレクト、切り替え、リンクなどを行う方法

Reactルーターチュートリアル–コード例を使用して、レンダリング、リダイレクト、切り替え、リンクなどを行う方法

Reactを使い始めたばかりの場合は、おそらくシングルページアプリケーションの概念全体に頭を悩ませているでしょう。 従来、ルーティングは次のよう/contactに機能します。たとえば、URLを入力するとします。ブラウザはサーバーにGETリクエストを送信し、サーバーは応答としてHTMLページを返します。ただし、新しいシングルページアプリケーションパラダイムでは、すべてのURL要求はクライアント側のコードを使用して処理されます。これをReactのコンテキストに適用すると、各ページがReactコンポーネントになります。React-RouterはURLと一致し、その特定のページのコンポーネントをロードします。すべてが非常に高速かつシームレスに行われるため、ユーザーはブラウザーでアプリのようなネイティブエクスペリエンスを利用できます。ルート遷移の間に派手な空白ページはありません。この記事では、React-Routerとそのコンポーネントを使用してシングルページアプリケーションを作成する方法を学習します。それでは、お気に入りのテキストエディタを開いて、始めましょう。プロジェクトをセットアップする次のコマンドを実行して、新しいReactプロジェクトを作成します。 yarn create react-app react-router-demo依存関係をインストールするためにyarnを使用しますが、np

続きを読む
Chrome拡張機能を20分で作成して公開する方法

Chrome拡張機能を20分で作成して公開する方法

Chrome拡張機能を作成するとどうなるか疑問に思ったことはありませんか?さて、私はそれがどれほど簡単かをあなたに話すためにここにいます。これらの手順に従うと、アイデアが実現し、Chromeウェブストアで実際の拡張機能をすぐに公開できるようになります。Chrome拡張機能とは何ですか?Chrome拡張機能を使用すると、ネイティブコードを深く掘り下げることなく、Chromeウェブブラウザに機能を追加できます。Web開発者がよく知っているコアテクノロジー(HTML、CSS、JavaScript)を使用してChromeの新しい拡張機能を作成できるので、これはすばらしいことです。Webページを作成したことがある場合は、昼食をとるよりも早く拡張機能を作成できます。学ぶ必要があるのは、Chromeが公開するJavaScriptAPIのいくつかを介してChromeにいくつかの機能を追加する方法だけです。Webページの作成にまだ慣れていない場合は、まず、freeCodeCampなどのコーディング方法を学ぶためにいくつかの無料のリソースに飛び込むことをお勧めします。何を作りたいですか?始める前に、何を構築したいかについて大まかなアイデアを持っている必要があります。新しい画期的なアイデアである必要はありません。楽しみのためにこれを行うことができます。この記事では、私のアイデアと、それをChrome拡張機能

続きを読む
ボットを構築して日常業務を自動化する方法

ボットを構築して日常業務を自動化する方法

ほとんどのジョブには、自動化できる反復タスクがあり、貴重な時間を解放します。これにより、自動化は習得するための重要なスキルになります。熟練した自動化エンジニアとドメインの専門家の小グループが、チーム全体の最も退屈なタスクの多くを自動化できる場合があります。この記事では、強力で習得が容易なプログラミング言語であるPythonを使用したワークフロー自動化の基本について説明します。Pythonを使用して、特定のフォルダーをクリーンアップし、各ファイルを対応するフォルダーに配置する、簡単で便利な小さな自動化スクリプトを作成します。私たちの目標は、最初から完璧なコードを書いたり、理想的なアーキテクチャを作成したりすることではありません。また、「違法」なものは作成しません。代わりに、特定のフォルダーとそのすべてのファイルを自動的にクリーンアップするスクリプトを作成する方法を見ていきます。目次自動化の分野とどこから始めるべきか シンプルな自動化パブリックAPIオートメーションAPIリバースエンジニアリング自動化の倫理的考慮事項ディレクトリクリーンアップスクリプトの作成ボットの作成と日常業務の自動化に関する完全ガイド自動化の分野とどこから始めるべきかどんな種類の自動化があるかを定義することから始めましょう。自動化の技術はほとんどのセクターに適用されます。手始めに、それはあなたが電子メールブラストをする

続きを読む
フラッドフィルアルゴリズムの説明

フラッドフィルアルゴリズムの説明

塗りつぶしは、主に多次元配列内の特定のノードに接続された境界領域を決定するために使用されるアルゴリズムです。これは、ペイントプログラムのバケットツールによく似ています。アルゴリズムの最もアプローチされた実装はスタックベースの再帰関数であり、それが次に説明するものです。それはどのように機能しますか?問題は非常に単純で、通常は次の手順に従います。出発点の位置を取ります。4方向(N、S、W、E)または8方向(N、S、W、E、NW、NE、SW、SE)のどちらに行くかを決定します。代替色とターゲット色を選択します。それらの方向に移動します。あなたが着地したタイルがターゲットである場合、選択した色でそれを取り替えます。境界内のいたるところにいるまで、4と5を繰り返します。例として次の配列を取り上げましょう。赤い四角が出発点で、灰色の四角がいわゆる壁です。詳細については、関数を説明するコードを次に示します。int wall = -1; void flood_fill(int pos_x, int pos_y, int target_color, int color) 上で見たように、私の出発点は(4,4)です。開始座標x = 4およびy = 4の関数を呼び出した後、その場で壁や色がないかどうかの確認を開始できます。それが有効な場合は、スポットを1つの「色」でマークし、他の隣接する正方形のチェックを開

続きを読む
Android用FaceTimeアプリ?Android用の代替ビデオ通話アプリをいくつか紹介します。

Android用FaceTimeアプリ?Android用の代替ビデオ通話アプリをいくつか紹介します。

FaceTimeは、Appleユーザーに最も人気のあるコミュニケーションアプリの1つです。MacBook、iPad、またはiPhoneをお持ちの場合、アプリケーションはすでにデバイスにインストールされています。アプリを起動し、ユーザー名とパスワードを入力して、使用を開始します。完璧です。ただし、FaceTimeはApple / iOSユーザーのみが利用できます。Androidストアには存在しません。そのため、Androidデバイスに切り替えるか、すでに使用している場合、FaceTimeを使用することはできません。そのため、この記事では、Androidデバイスで使用できる市場に出回っているFaceTimeの代替案をいくつか紹介します。これらはすべて無料で、何百万ものダウンロードがあります。1.Whatsappメッセンジャー価格:無料サポート:マルチプラットフォーム(Android、iOSなど)Google Playの評価: 4.3 / 5Whatsappは、世界で最も使用されているメッセンジャーの1つであり、FaceTimeの優れた代替手段であり、完全に無料で使用できます。Whatsappを使用して、インスタントメッセージの送信、写真、ビデオ、ドキュメントの共有を行うことができます。また、FaceTimeのようなビデオ通話や音声通話を行うこともできます。いくつかの機能:インスタントメッセ

続きを読む
Pythonが複数の値を返す–タプル、リスト、またはディクショナリを返す方法

Pythonが複数の値を返す–タプル、リスト、またはディクショナリを返す方法

Pythonの関数から複数の値を返すことができます。これを行うには、毎週実行するマイル数を含むリストなど、複数の値を含むデータ構造を返します。def miles_to_run(minimum_miles): week_1 = minimum_miles + 2 week_2 = minimum_miles + 4 week_3 = minimum_miles + 6 return [week_1, week_2, week_3] print(miles_to_run(2)) # result: [4, 6, 8] Pythonのデータ構造は、関数から返すことができるデータのコレクションを格納するために使用されます。この記事では、タプル、リスト、辞書などのデータ構造から複数の値を返す方法について説明します。タプルタプルは、順序付けられた不変のシーケンスです。つまり、タプルは変更できません。たとえば、タプルを使用して、名前、年齢、場所などの人に関する情報を格納します。nancy = ("nancy", 55, "chicago") タプルを返す関数を作成する方法は次のとおりです。def person(): return "bob", 32, "boston" print(person()) # result: ('bob', 32, 'boston') returnステートメントで括弧を使

続きを読む
現在ソフトウェア開発者としてフルタイムで働いている7人の独学のコーダーからの教訓

現在ソフトウェア開発者としてフルタイムで働いている7人の独学のコーダーからの教訓

コーディングを学びながら、どうすればやる気を維持できますか?Web開発を研究することは、多くの浮き沈みを伴う道です。ある日、難しい問題を見つけて、絶対に素晴らしいと感じるかもしれません。しかし、その翌日、あなたは一見簡単な問題に何時間も立ち往生します。あなたは完全に敗北したと感じてしまいます。トンネルの終わりの光が見えにくいことがよくあります。しかし、あなたがそれらのタフで暗い場所にいるときは、そこにとどまる動機を見つけてみてください。コーディングを学ぶことの究極の目標を思い出してください。多分それはより良い仕事を得ること、あなたの家族を養うこと、またはより目的のある形の仕事を見つけることです。また、あなたと同じ船に乗っている他の人からの励ましを見つけることができます。同じ問題に苦しんでいる人々がいることを知ることは非常に励みになります。そして、彼らが戦い抜くのを見ることは、あなたが続ける必要があるすべての動機かもしれません。あなたはあなたが一人ではないことを知っているからです。これは、freeCodeCampのようなコミュニティの最大のメリットの1つです。コーディングレッスンだけではありません。それは、他の人々があなたと同じ夢と目標を持っているコミュニティの一員であることについてです。そのために、ここからfreeCodeCampでストーリーのコレクションを集めました。著者はあなたのよ

続きを読む
レスポンシブ画像を作成するための時間を節約するCSS技術

レスポンシブ画像を作成するための時間を節約するCSS技術

Web開発者として、この記事の2つの敵である画像と期限に遭遇した可能性が高いです。場合によっては、何らかの理由で画像がレイアウトに合わず、何時間も頭を包みたくないことがあります。この状況は私に何度も起こりました、そして私は私の過ちから学びました。黒の魔法のハックはもうありません—画像のサイズ変更を処理するための私のお気に入りの5つのテクニックを次に示します。「OMGINEED THISASAP」の方法金曜日の午後5時です。このページを終了する必要がありますが、画像がレイアウトに適合しません。あなたの魔法のトリックを使う時が来ました!.myImg { background-image: url("my-image.png"); background-size: cover; }おなじみのように聞こえますか?一度やったことがあるのですが、浮気したくないですか?backgroundプロパティの使用は非常に便利で、機能します。ただし、コンテンツ以外の画像やテキストの代わりとして、特定の場合にのみ使用する必要があることに注意してください。未来からの道この種の魔法は要素にも存在すると言ったらどうでしょうか?ちなみに、object-fitプロパティに「こんにちは」と言ってください。これはビデオでも機能します。.myImg { object-fit: cover; width: 320px; heig

続きを読む
これが無料で獲得できる115のCoursera証明書です(コロナウイルスパンデミック中)

これが無料で獲得できる115のCoursera証明書です(コロナウイルスパンデミック中)

3月末、世界最大の大規模オープンオンラインコースプロバイダーであるCourseraは、COVID-19パンデミックの影響に対応して100の無料コースを提供すると発表しました。 ごく最近、Courseraはラテンアメリカの大学パートナーからさらに35の新しいコースを追加し、期限を延長しました。Class Centralのデータセットを使用して、これらの135の無料のCourseraコースを分析しました。そして、115のコースが、通常は支払う必要のある証明書を提供していることを発見しました。他の20コースはすでに無料でしたが、証明書は提供されませんでした。リスト全体は以下にあります。コロナウイルスのパンデミックは、オンライン教育への関心の高まりに貢献しています。私が運営しているコースディレクトリのウェブサイトであるClassCentralでも、オンライン学習に関心のある人が大幅に増えています。進行中の状況により、コースプロバイダーは多くのイニシアチブを開始するようになりました。学習者にとって、これは新しい機会を意味します。私たちは継続的に更新している3つのリストでこれらを追跡しています:コロナウイルスによる無料のオンライン学習COVID-19について教える無料コースコロナウイルスにより仮想化されるデジタル学習会議のリスト実際、私たちは以前、完全に無料の1,400以上のコースを発見しました。

続きを読む
相関係数とは何ですか?説明された統計のr値

相関係数とは何ですか?説明された統計のr値

相関関係は、あるものが別のものとどのように変化するかを学ぶための優れたツールです。これを読んだ後、相関とは何か、自分の仕事で相関について考える方法を理解し、相関を計算するための最小限の実装をコーディングする必要があります。相関関係とは、2つのものが互いにどのように変化するかについてです相関関係は抽象的な数学の概念ですが、おそらくそれが何を意味するのかについてはすでに理解しているでしょう。これは、相関の3つの一般的なカテゴリの例です。あなたがより多くの食物を食べるにつれて、あなたはおそらくより満腹に感じることになるでしょう。これは、2つのものが同じように一緒に変化している場合です。1つは上がる(より多くの食物を食べる)、そしてもう1つも上がる(満腹感)。これは正の相関関係です。車に乗って速く行くと、目的地に早く到着し、総移動時間が短くなります。これは、2つのことが反対方向に変化する場合です(速度は速くなりますが、時間は短くなります)。これは負の相関関係です。2つのことが「変化」する可能性のある3番目の方法もあります。というか、変わらない。たとえば、体重を増やしてテストスコアがどのように変化したかを調べた場合、テストスコアに一般的な変化のパターンはおそらくないでしょう。これは、相関関係がないことを意味します。2つのことが一緒にどのように変化するかを知ることは、予測への最初のステップです前の

続きを読む
HTMLにビデオとオーディオを埋め込む方法

HTMLにビデオとオーディオを埋め込む方法

HTMLを使用すると、プラグインを使用する必要のない標準ベースのビデオおよびオーディオプレーヤーを作成できます。ビデオとオーディオをWebページに追加するのは、画像を追加したり、テキストをフォーマットしたりするのとほぼ同じくらい簡単です。ビデオ要素を含めるには、2つの異なる方法があります。以下では、両方について説明します。ビデオ要素ザ・ eo> element allows us to embed video files into an HTML, very similar to the way images are embedded.Attributes we can include are:src This attribute stands for the source, which is very similar to the src attribute used in the image element. We will add the link to a video file in the src attribute.type This is going to be video/mp4 because .mp4 is the format of the video we are using. We can also use different video f

続きを読む
先週使用したすべてのGitコマンドとその機能は次のとおりです。

先週使用したすべてのGitコマンドとその機能は次のとおりです。

ほとんどの初心者と同じように、私はStackOverflowでGitコマンドを検索し、次に回答をコピーして貼り付けましたが、実際には何をしているかを理解していませんでした。私は考えたことを覚えています、「最も一般的なGitコマンドのリストと、それらがなぜ役立つのかについての説明があれば素晴らしいと思いませんか?」さて、ここで私は数年後にそのようなリストを編集し、中級から上級の開発者でさえ役立つと思われるいくつかのベストプラクティスを提示します。実用性を保つために、このリストは、過去1週間に使用した実際のGitコマンドに基づいています。ほとんどすべての開発者がGitを使用しており、おそらくGitHubを使用しています。しかし、平均的な開発者はおそらく次の3つのコマンドを99%しか使用していません。git add --allgit commit -am ""git push origin master一人のチーム、ハッカソン、または使い捨てアプリで作業しているときは、それはすべてうまくいきますが、安定性とメンテナンスが優先され始めたときは、コミットをクリーンアップし、分岐戦略に固執し、書き込みますコヒーレントなコミットメッセージが重要になります。初心者がGitで何ができるかを理解しやすくするために一般的に使用されるコマンドのリストから始めて、より高度な機能とベストプラクティスに移ります。定

続きを読む
タイポグラフィが読みやすさを決定する方法:セリフとサンセリフ、およびフォントを組み合わせる方法。

タイポグラフィが読みやすさを決定する方法:セリフとサンセリフ、およびフォントを組み合わせる方法。

デジタルデザインの場合、使用方法とさまざまなフォントを組み合わせる方法を理解しておくことが重要です。気分に合わせたフォントがあります!この投稿では、タイポグラフィの最大の家族であるセリフとサンセリフを簡単に紹介します。そして、デザイナーとして、どのようにして適切なフォントを選択し、それらを組み合わせることができるか。はじめましょう!セリフ書体書体セリフは、セリフと呼ばれる小さな足のようなものによってサンセリフと区別されます。あなたが見るであろう多くのセリフ書体は、はるかに伝統的または保守的に見えるでしょう。起源:彼らがこれらの小さな足を持っている理由は、実際には石の彫刻のためです。人々がラテン文字を石に彫る必要があった時代に、デザイナーは通常、彼らが望む文字を絵筆で描くでしょう。しかし、石工はその絵からそれを切り出す必要があります。そして、その石の彫刻は、手紙にこれらのセリフを作成しました。人々は非常に深刻な何かのためにセリフ書体を使用する傾向があります。これは、伝統的で保守的なルックアンドフィールによるものです。セリフはさらに4つの書体ファミリーに分けられます。1.オールドスタイルこれは最も古いセリフファミリーです。Adobe Jenson、Centaur、GoudyOldスタイルなどのフォントが含まれています。彼らの書体は、1400年代にテキストがどのように見えたかをモデルにしてい

続きを読む
Gitプッシュコマンドの説明

Gitプッシュコマンドの説明

このgit pushコマンドを使用すると、ローカルGitリポジトリ内のローカルブランチからリモートリポジトリにコミットを送信(またはプッシュ)できます。リモートリポジトリにプッシュできるようにするには、ローカルリポジトリへのすべての変更がコミットされていることを確認する必要があります。このコマンドの構文は次のとおりです。git push コマンドで渡すことができるさまざまなオプションがいくつかありますgit push --help。それらの詳細については、Gitのドキュメントまたはを実行してください。特定のリモートリポジトリとブランチにプッシュするコードをプッシュするには、最初にリポジトリをローカルマシンに複製する必要があります。# Once a repo is cloned, you'll be working inside of the default branch (the default is `master`) git clone //github.com// && cd # make changes and stage your files (repeat the `git add` command for each file, or use `git add .` to stage all) git add # now commit your code g

続きを読む
知っておくべき最も一般的なRuby配列メソッド

知っておくべき最も一般的なRuby配列メソッド

一般的な配列メソッドRuby配列は、Ruby、そして実際にはほとんどの言語でのプログラミングのコア基盤を形成します。非常に多く使用されているため、配列で最も一般的に使用される方法のいくつかを理解し、記憶することさえ有益です。Ruby配列について詳しく知りたい場合は、Ruby配列に関する記事があります。このガイドの目的上、アレイは次のようになります。array = [0, 1, 2, 3, 4].length.lengthメソッドは、配列内の要素の数を集計し、カウントを返します。array.length => 5。最初.firstメソッドは、配列の最初の要素であるインデックス0の要素にアクセスします。array.first => 0。最終.lastメソッドは、配列の最後の要素にアクセスします。array.last => 4。取る.takeメソッドは、配列の最初のn個の要素を返します。array.take(3) => [0, 1, 2]。落とす.dropメソッドは、配列のn個の要素の後の要素を返します。array.drop(3) => [3, 4]配列インデックスインデックスにアクセスすること

続きを読む
Angularのng-template、ng-content、ng-container、および* ngTemplateOutletについて知っておく必要があるすべて

Angularのng-template、ng-content、ng-container、および* ngTemplateOutletについて知っておく必要があるすべて

それは、私がオフィスプロジェクトの新機能に取り組むのに忙しかった当時の1つでした。突然、何かが私の注意を引きました:DOMを調べてngcontentいると、Angularによって要素に適用されているのがわかりました。うーん…最終的なDOMの要素が含まれている場合、どのように使用しますか?その時、私はとの間で混乱しました。私の質問に対する答えを知るために、私はの概念を発見しました。驚いたことに、もありました*ngTemplateOutlet。私は2つの概念について明確にすることを求めて旅を始めましたが、今では4つあり、ほぼ同じように聞こえます。あなたはこの状況に行ったことがありますか?はいの場合、あなたは正しい場所にいます。それで、それ以上の苦労なしに、それらを一つずつ取りましょう。1.1。 名前が示すように、テンプレート要素があるという構造的なディレクティブと角度の用途(*ngIf、*ngFor、[ngSwitch]およびカスタムディレクティブ)。これらのテンプレート要素は、構造ディレクティブが存在する場合にのみ機能します。Angularは、(ディレクティブが適用される)ホスト要素を内部でラップし、診断コメントで置き換えることにより、完成したDOMでを消費します。の簡単な例を考えてみましょう*ngIf:上に示されているのは、の角度解釈です*ngIf。Angularは、ディレクティブが適

続きを読む
次のウェブデザインプロジェクトでGoogleFontsを使用する方法

次のウェブデザインプロジェクトでGoogleFontsを使用する方法

したがって、Googleには、次のプロジェクトで使用する準備ができている何百もの無料のWebフォントがあると聞いたことがあるでしょう。しかし、あなたはあなたのウェブサイトでそれらをどのように使用しますか?この記事では、Webサイトで実行するための手順について説明します。10分もかからないはずです!Google Fontsとは何ですか?「GoogleFontsは、ウェブを前進させ、高速化するためのエンジニアリングイニシアチブとして2010年に最初に立ち上げられました。」— Google DesignGoogle Fontsは2010年に発売され、すぐにインターネットで最大の無料のオープンソースフォントセレクションになりました。すべてのGoogleFontsは、商用および個人使用のために無料です。Google FontsのWebサイトでは、誰でも簡単にさまざまなフォントを選択して、自分のデザインのニーズに合わせて利用できます。誰がGoogleFontsを使用していますか?みんなしている!グラフィックデザイナー、UXデザイナー、研究者、開発者、ウェブデザイナー、ブロガー、ソーシャルメディアマネージャー、起業家、アーティスト、学生、教師、写真家、その他多数。看板、ポスター、プレゼンテーションデッキ、結婚式の招待状、ウェブサイト、本で使用されているGoogleFontsを見てきました。誰がフォン

続きを読む
JavaScriptでオブジェクトを作成する方法

JavaScriptでオブジェクトを作成する方法

プログラミング言語でコードを書いている間、私たちは皆、何らかの方法でオブジェクトを扱います。JavaScriptでは、オブジェクトは、ネットワークを介してデータを保存、操作、および送信する方法を提供します。JavaScriptのオブジェクトが、Javaなどの他の主流のプログラミング言語のオブジェクトと異なる点はたくさんあります。それについては別のトピックで取り上げます。ここでは、JavaScriptでオブジェクトを作成できるさまざまな方法にのみ焦点を当てましょう。JavaScriptでは、オブジェクトを「key:value」ペアのコレクションと考えてください。これにより、JavaScriptでオブジェクトを作成する最初で最も一般的な方法がもたらされます。これを始めましょう。1.オブジェクトリテラル構文を使用してオブジェクトを作成するこれは本当に簡単です。あなたがしなければならないのは、中括弧({})のセットの中に ':'で区切られたキーと値のペアを投げるだけで、オブジェクトは以下のように提供(または消費)される準備ができています:const person = { firstName: 'testFirstName', lastName: 'testLastName' };これは、JavaScriptでオブジェクトを作成するための最も簡単で最も一般的な方法です。2.「new」キーワードを

続きを読む
8つのReact.jsプロジェクトのアイデアを実行して学習を開始するのに役立ちます

8つのReact.jsプロジェクトのアイデアを実行して学習を開始するのに役立ちます

学ぶための最良の方法の1つは行うことです。しかし、多くの場合、開発者は「何を構築すればよいか」という大きな問題に苦しんでいます。ここでは、プロジェクトの概要とレイアウトのアイデアを含む8つのプロジェクトのアイデアを紹介します。これにより、学習を開始できます。ビジネスと実世界:地図統計ダッシュボード楽しくて面白い:楽器パーソナル&ポートフォリオ:ブログ生産性:ノートブックパズルとゲーム:スペースインベーダーツールとライブラリ:フレームワークのテーマプロジェクトアドオン:Webmentionsクローン:Product Huntこれは、React&StaticWeb用の無料の電子ブック50プロジェクトのプレビューです。50reactprojects.comで、これら8つを含む50のプロジェクトアイデア全体を見つけることができます。マップ統計ダッシュボードカテゴリ:ビジネスと実世界COVID-19に関する統計と地理情報を表示するマップダッシュボードを作成します。簡単な世界的大流行に対処するということは、コロナウイルスのようなウイルスが地理的な場所に基づいて世界に異なる影響を与えることを意味します。 各国の統計の内訳が記載された地図を用意しておくと、どの国が最も影響を受けているかなどを判断できる便利な方法です。レベル1国ごとの統計を表示する最も簡単な方法は、その国の横にある各国の統計を参照できる

続きを読む
JavaScriptでパリンドロームをチェックする2つの方法

JavaScriptでパリンドロームをチェックする2つの方法

この記事は、Free Code Camp Basic AlgorithmScripting「CheckforPalindromes」に基づいています。回文は、単語、句、数字、または同じ文字を逆方向または順方向に読み取るその他の文字シーケンスです。「パリンドローム」という言葉は、17世紀にイギリスの劇作家ベン・ジョンソンによって、ギリシャ語のルーツであるパリン(「再び」)とドロモス(「道、方向」)から最初に造られました。- SRC。ウィキペディアこの記事では、2つのアプローチについて説明します。1つは組み込み関数を使用する方法、もう1つはforループを使用する方法です。アルゴリズムの課題指定された文字列が回文である場合はtrueを返します。それ以外の場合は、falseを返します。回文は、句読点、大文字と小文字、および間隔を無視して、前後に同じように綴られる単語または文です。注意。回文をチェックするには、英数字以外の文字(句読点、スペース、記号)をすべて削除し、すべて小文字にする必要があります。「racecar」、「RaceCar」、「raceCAR」などのさまざまな形式の文字列を渡します。function palindrome(str) { return true; } palindrome("eye");提供されたテストケース回文(「レースカー」)はtrueを返す必要があります回文(「

続きを読む
ターゲットのHTML属性の説明

ターゲットのHTML属性の説明

この属性は、リンクされたドキュメントをa(アンカー)タグで開く場所を指定します。の例 値が「_blank」のターゲット属性は、リンクされたドキュメントを新しいウィンドウまたはタブで開きます。 freeCodeCamp値が「_self」のターゲット属性は、リンクされたドキュメントをクリックしたときと同じフレームで開きます(これはデフォルトであり、通常は指定する必要はありません)。 freeCodeCamp freeCodeCamp値が「_parent」のターゲット属性は、リンクされたドキュメントを親フレームで開きます。 freeCodeCamp値が「_top」のターゲット属性は、リンクされたドキュメントをウィンドウ全体で開きます。 freeCodeCamp「 framename 」の値を持つターゲット属性は、指定された名前付きフレームでリンクされたドキュメントを開きます。 freeCodeCamp関連リンク:属性HTML属性に関する一般情報

続きを読む
2020年にスキルをレベルアップするのに役立つ8つのベストコーディングチャレンジWebサイト

2020年にスキルをレベルアップするのに役立つ8つのベストコーディングチャレンジWebサイト

数十年で最も低い失業率にもかかわらず、アナリストはテクノロジー採用が2020年代まで着実に成長し続けると予想しています。 これは、現在この分野で働いている最近のコンピュータサイエンスの卒業生や開発者にとっては素晴らしいニュースですが、意欲的なエンジニアが満足できるという意味ではありません。 市場全体で成長の機会があると思われますが、それでも常に大きな変化が起こっており、最新のトレンドに追いつくことへの切迫感があります。今日、これまで以上に多くの種類の技術的役割があり、新しい言語、フレームワーク、およびテクノロジーが継続的に普及しています。先に進みたい技術者は、定期的にスキルをテストして改善する必要があります。そのために、データサイエンスから開発者の操作まで、さまざまな役割のスキルをレベルアップできるプラットフォームの次のリストをまとめました。1. freeCodeCamp役立つリンク:ウェブサイト| フォーラム| 課題freeCodeCampから始めましょう。これは、コーディングを始めたばかりの初心者に最適なWeb​​サイトです。構文の学習、コーディングの練習、プロジェクトの構築、インタビューの準備に関するあらゆる種類のリソースを提供します。他のサイトほどインタラクティブなコーディングの課題はありませんが、JavaScriptを学ぶ初心者のためにいくつかの楽しい課題と面接の準備を提供し

続きを読む
フィボナッチ数列– Python、JavaScript、C ++、Java、およびSwiftで説明

フィボナッチ数列– Python、JavaScript、C ++、Java、およびSwiftで説明

フィボナッチ数列は、定義上、最初の2つ以降のすべての数が前の2つの数の合計である整数列です。単純化するには:0、1、1、2、3、5、8、13、21、34、55、89、144、…それは数学や取引でさえ多くのアプリケーションを持っています(そうです、あなたはその権利を読んでいます:取引)、しかしそれはこの記事のポイントではありません。今日の私の目標は、再帰関数を使用して、この一連の数値の任意の項を5つの異なるプログラミング言語で計算する方法を示すことです。再帰関数は、基本的に自分自身を呼び出す関数です。これは最善の方法ではないことに注意してください。実際、この目的のための最も基本的な方法と見なすことができます。これは、級数のより大きな項を計算するために必要な計算能力が莫大であるためです。関数が呼び出された回数は、ほとんどの言語でスタックオーバーフローを引き起こします。それでも、このチュートリアルの目的のために、始めましょう。まず、コードがどのようになるかを考えてみましょう。含まれるもの:・再帰関数F(フィボナッチの場合はF):次の項の値を計算します。・他に何もありません:それは非常に基本的なことだと警告しました。関数はnを入力として受け取ります。これは、計算するシーケンスのn番目の項を参照します。したがって、F(4)はシーケンスの第4項を返す必要があります。計画しましょう。言語に関係なく、

続きを読む
If ... CのElseステートメントの説明

If ... CのElseステートメントの説明

条件付きコードフローは、特定の条件に基づいてコードの動作を変更する機能です。このような状況では、ifステートメントを使用できます。このifステートメントは、特定の条件または式に基づいて決定を下すため、意思決定ステートメントとも呼ばれます。ifステートメント内のコードブロックが実行され、条件がtrueと評価されます。ただし、条件がfalseと評価された場合、中括弧内のコードはスキップされ、ifステートメントの後のコードが実行されます。ifステートメントの構文if (testCondition) { // statements }簡単な例この動作の例を見てみましょう。#include #include int main(void) { if(true) { printf("Statement is True!\n"); } return 0; }出力:Statement is True!ifステートメントの括弧内のコードがtrueの場合、中括弧内のすべてが実行されます。この場合、trueはtrueと評価されるため、コードはprintf関数を実行します。if..else ステートメントif...else括弧内のコード場合の文、if文が真である、その括弧内のコードが実行されます。ただし、括弧内のステートメントがfalseの場合、ステートメントの括弧内のすべてのコードelseが代わりに実行されま

続きを読む
NVMを使用してMacOS、Linux、またはWindowsマシンにノードをインストールする方法

NVMを使用してMacOS、Linux、またはWindowsマシンにノードをインストールする方法

NodeJSですばらしいアプリの作成を開始する前に、それをインストールする必要があります。幸い、NodeJSのインストールは非常に簡単です。このチュートリアルでは、NodeJS / NPMをにインストールする方法について説明します。macOS / linuxウィンドウズNodeJS / NPMをインストールすると、1つのコマンドで任意のノードバージョンに簡単にアップグレード/ダウングレードできます。次のビデオチュートリアルは、マシンにNodeJSをダウンロードする方法を示しています。MacOSおよびLinuxのインストールガイド新しいターミナルを開きます。次のように入力してEnterキーを押します。curl -o- //raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash ターミナルを閉じてから、新しいターミナルを開いて次のように入力します。nvm ls 次のようなものが表示されます。system iojs -> N/A (default) node -> stable (-> N/A) (default) unstable -> N/A (default) nvm_list_aliases:36: no matches found: /Users/adeelimran/.nvm/alias

続きを読む
JSフェッチポストとヘッダーの例を使用したJavaScriptフェッチAPIチュートリアル

JSフェッチポストとヘッダーの例を使用したJavaScriptフェッチAPIチュートリアル

Webアプリケーションを作成している場合は、外部データを操作する必要がある可能性があります。これは、独自のデータベース、サードパーティのAPIなどにすることができます。1999年にAJAXが最初に登場したとき、それはWebアプリケーションを構築するためのより良い方法を私たちに示しました。AJAXはWeb開発のマイルストーンであり、Reactのような多くの最新テクノロジーの背後にあるコアコンセプトです。AJAXの前は、マイナーな更新であってもWebページ全体を再レンダリングする必要がありました。しかし、AJAXは、バックエンドからコンテンツをフェッチし、選択したユーザーインターフェイス要素を更新する方法を提供してくれました。これは、開発者がユーザーエクスペリエンスを改善し、より大きく複雑なWebプラットフォームを構築するのに役立ちました。RESTAPIのクラッシュコース私たちは今、RESTfulAPIの時代にいます。簡単に言うと、REST APIを使用すると、データストアからデータをプッシュおよびプルできます。これは、データベースか、TwitterAPIのようなサードパーティのサーバーのいずれかである可能性があります。RESTAPIにはいくつかの異なるタイプがあります。ほとんどの場合に使用するものを見てみましょう。GET —API からデータを取得します。たとえば、ユーザー名に基づいてT

続きを読む
Node.jsにモジュールが必要:知っておくべきことすべて

Node.jsにモジュールが必要:知っておくべきことすべて

更新:この記事は私の本「Node.jsBeyondTheBasics」の一部になりました。jscomplete.com/node-beyond-basicsで、このコンテンツの更新バージョンとNodeの詳細をお読みください。ノードは、モジュールの依存関係を管理するために2つのコアモジュールを使用します。requireグローバルスコープで利用可能であるように思われるモジュール、 -する必要はありませんrequire('require')。このmoduleモジュールは、グローバルスコープでも利用できるようです—必要はありませんrequire('module')。requireモジュールはコマンドと考えることができ、モジュールはmodule必要なすべてのモジュールのオーガナイザーと考えることができます。Nodeでモジュールを要求することは、それほど複雑な概念ではありません。const config = require('/path/to/file');requireモジュールによってエクスポートされる主なオブジェクトは関数です(上記の例で使用されているように)。Nodeがrequire()関数の唯一の引数としてローカルファイルパスを使用してその関数を呼び出すと、Nodeは次の一連の手順を実行します。解決:ファイルの絶対パスを見つけること。読み込み中:ファイルの内容の種類を判別します。ラッピン

続きを読む
Unity 2Dとミラーを使用してマルチプレイヤーカードゲームを構築する方法(更新)

Unity 2Dとミラーを使用してマルチプレイヤーカードゲームを構築する方法(更新)

Unity 2Dでのキャンバスの操作は、特にC#スクリプトにも取り組みながらエディターを学習しようとしている場合は、最初は複雑に感じる可能性があります。考慮すべき新しい概念がたくさんあり、そこから選択できるサードパーティのパッケージがいくつかあるため、シングルプレイヤーゲームをマルチプレイヤーエクスペリエンスに変えることを考えるのは気が遠くなることもあります。この新しいビデオシリーズのパート1では、ランダム化されたデッキと、キャンバス、C#スクリプト、プレハブなどを使用したドラッグ/ドロップ可能なカードを使用して、Unityで基本的な2Dカードゲームを作成します(1時間10分視聴)。パート2では、ネストされたキャンバスプレハブをクリーンアップし、マウスオーバーカードのプレビューを有効にして冒険を続けます(42分間のウォッチ)。パート3では、ミラーを使用した基本的なマルチプレーヤー機能を追加します(1時間26分ウォッチ)。パート4では、引き続きMirrorと協力して、マルチプレーヤーエクスペリエンスを向上させます(36分間の視聴)。パート5では、私のゲームの1つであるEntromancy:Hacker Battlesのゲームロジックをマルチプレーヤープロジェクトに追加します(2時間34分ウォッチ)。そしてパート6では、より堅牢なユーザーインターフェイス(1時間23分ウォッチ)とともにゲー

続きを読む
ASP.NETCoreを使用してRESTfulAPIを構築する方法に関するすばらしいガイド

ASP.NETCoreを使用してRESTfulAPIを構築する方法に関するすばらしいガイド

この記事は、クリーンで保守可能なRESTfulAPIを実装する方法に関するステップバイステップガイドとして役立ちます。概要概要RESTfulは新しい用語ではありません。これは、Webサービスがクライアントアプリとの間でデータを送受信するアーキテクチャスタイルを指します。これらのアプリケーションの目標は、さまざまなクライアントアプリが使用するデータを一元化することです。スケーラビリティ、メンテナンス、ドキュメント、およびその他すべての関連する側面に注意を払う必要があるため、RESTfulサービスを作成するための適切なツールを選択することが重要です。ASP.NET Coreは、これらの目標を達成するのに最適な、強力で使いやすいAPIを提供します。この記事では、ASP.NET Coreフレームワークを使用して、「ほぼ」現実世界のシナリオ向けに適切に構造化されたRESTfulAPIを作成する方法を紹介します。開発プロセスを簡素化するための一般的なパターンと戦略について詳しく説明します。また、Entity Framework CoreやAutoMapperなどの一般的なフレームワークとライブラリを統合して、必要な機能を提供する方法についても説明します。前提条件オブジェクト指向プログラミングの概念についての知識があることを期待します。C#プログラミング言語の詳細については多く説明しますが、このテー

続きを読む
ハッシュテーブルの説明:それは何であり、それを実装する方法

ハッシュテーブルの説明:それは何であり、それを実装する方法

ハッシュテーブルは、ハッシュマップとも呼ばれ、キーを値にマップするデータ構造です。これはハッシュと呼ばれる手法の一部であり、もう1つはハッシュ関数です。ハッシュ関数は、ハッシュテーブルで値を検索または格納できる場所のインデックスを生成するアルゴリズムです。ハッシュテーブルに関するいくつかの重要な注意事項:値はソートされた順序で保存されません。あなたは潜在的な衝突の説明をつぶします。これは通常、チェーンと呼ばれる手法で行われます。連鎖とは、値のリンクリストを作成することを意味し、そのキーは特定のインデックスにマップされます。ハッシュテーブルの実装ハッシュの背後にある基本的な考え方は、ハッシュテーブル内のプレースホルダーまたは「バケット」の配列全体にキーと値のペアを分散させることです。ハッシュテーブルは通常、リンクリストの配列です。キーと値のペアを挿入する場合は、最初にハッシュ関数を使用して、キーをハッシュテーブルのインデックスにマップする必要があります。キーが与えられると、ハッシュ関数は値を見つけたり保存したりできるインデックスを提案できます。index = f(key, array_size)これは多くの場合、2つのステップで行われます。hash = hashfunc(key) index = hash % array_sizeこの方法を使用するhashと、ハッシュテーブルのサイズに依

続きを読む
CSSとJavaScriptを使用してドロップダウンメニューを作成する方法

CSSとJavaScriptを使用してドロップダウンメニューを作成する方法

このチュートリアルでは、バニラJavascript、HTML、およびCSSを使用して簡単なドロップダウンメニューを作成する方法を学習します。HTML、CSS、およびJavascriptコードについて説明しますが、これはJSチュートリアルであるため、プログラミングにさらに注意を払っています。フレームワークやプリプロセッサを使用せずに、プレーンなJSとCSSのみを使用します。唯一の(種類の)例外は、Font Awesome CSSファイルのインポートです。これは、そのアイコンの1つを使用するためです。これは、HTML、CSS、およびJSを平均的に理解している開発者を対象としています。できるだけきれいにしようとしましたが、ここでは細部にあまり焦点を当てません。皆さんも楽しんでいただければ幸いです。スクリーンショットコード結果は次のようになります。初期画面:ドロップダウンが開きました:オプションが選択されたドロップダウン:HTML:このセクションでは、デモページのHTMLコードの実装について説明します。まず、コードを見てみましょう Dropdown Example これは基本的にHTMLヘッドの定型文ですが、linkこのチュートリアルで使用する2つのCSSスタイルシート(Font Awesomeスタイルとstyles.cssこのページのスタイルを定義するファイル)をロードするタグを除きます。次

続きを読む
GitおよびGitHubSSHキーを取得および構成する方法

GitおよびGitHubSSHキーを取得および構成する方法

SSHキーを設定せずにGitHubを使用すると、本当に見逃してしまいます。考えてみてください。コミットをプッシュするたびにコンソールにメールアドレスとパスワードを入力するのに費やした時間はすべて、コーディングに費やされた可能性があります。もうありません。これは、GitHubを使用してSSHキーを生成および構成するためのクイックガイドです。これにより、昔ながらの方法を再度認証する必要がなくなります。既存のSSHキーを確認しますまず、マシンのSSHキーがすでに生成されているかどうかを確認します。ターミナルを開き、次のコマンドを入力します。ls -al ~/.sshSSHキーをすでに生成している場合は、次のような出力が表示されます。-rw------- 1 user_name user_name 1766 Jul 7 2018 id_rsa -rw-r--r-- 1 user_name user_name 414 Jul 7 2018 id_rsa.pub -rw------- 1 user_name user_name 12892 Feb 5 18:39 known_hostsキーがすでに存在する場合は、以下の「公開SSHキーのコピー」セクションに進んでください。出力が表示されない場合、またはそのディレクトリが存在しない場合(No such file or directoryメッセージが表

続きを読む
例で説明されたJavaインターフェイス

例で説明されたJavaインターフェイス

インターフェイスJavaのインターフェイスはクラスに少し似ていますが、大きな違いがあります。メソッドシグネチャ、フィールド、およびデフォルトメソッドのみを持つinterfaceことができます。Java 8以降、デフォルトのメソッドを作成することもできます。次のブロックでは、インターフェースの例を見ることができます。public interface Vehicle { public String licensePlate = ""; public float maxVel public void start(); public void stop(); default void blowHorn(){ System.out.println("Blowing horn"); } }上記のインターフェースには、2つのフィールド、2つのメソッド、およびデフォルトのメソッドが含まれています。単独ではあまり役に立ちませんが、通常はクラスと一緒に使用されます。どうやって?簡単です、あなたはいくつかのクラスを確認する必要がありますimplements。public class Car implements Vehicle { public void start() { System.out.println("starting engine..."); } public voi

続きを読む
CSSを使用したボタンのスタイル設定のクイックガイド

CSSを使用したボタンのスタイル設定のクイックガイド

ボタンはフロントエンド開発の必然的な部分になっています。したがって、ボタンのスタイリングを開始する前に、いくつかの点に注意することが重要です。CSSを使用してボタンのスタイルを設定する方法をいくつか集めました。ほとんどの方法を組み合わせて、新しいスタイルを作成することもできます。グラデーションのCSSを作成するには、// uigradients.comを使用できます。シンプルな「はじめに」ボタン.btn {background: #eb94d0;/ *グラデーションを作成します* / background-image: -webkit-linear-gradient(top, #eb94d0, #2079b0); background-image: -moz-linear-gradient(top, #eb94d0, #2079b0); background-image: -ms-linear-gradient(top, #eb94d0, #2079b0); background-image: -o-linear-gradient(top, #e

続きを読む
それを点滅させるHTMLチュートリアル–コード例を使用した点滅タグの使用方法

それを点滅させるHTMLチュートリアル–コード例を使用した点滅タグの使用方法

Webの初期の頃、blinkタグのようなHTML要素は、Webページを活気づけるためにいくつかのアニメーション効果を追加するネイティブな方法でした。今日、これらのアニメーションを使用して、Webサイトやアプリにフレアを追加するにはどうすればよいですか?HTMLタグの点滅とは何ですか?点滅タグはどのように使用しますか?まだ点滅タグを使用できますか?CSSアニメーションで点滅タグを再作成HTMLタグの点滅とは何ですか?点滅タグ()は、そのタグのコンテンツをゆっくりと点滅させる廃止されたHTMLタグです。これは、マーキータグ()などの他の廃止されたタグとともに、サイトに簡単なアニメーション効果を追加する簡単な方法でした。点滅タグはどのように使用しますか?点滅タグは単純なHTML要素であるため、コンテンツに合わせて使用​​します。たとえば、blink-182の「blink」という単語を点滅させたい場合は、次のHTMLを記述します。 blink-182 まだ点滅タグを使用できますか?上記のgifでお気づきかもしれませんが、このタグは廃止されました。これは、blinkHTMLタグ自体を使用できないことを意味します。しかし、それは私たちがその点滅する栄光のすべてでそれを作り直すことを妨げるべきではありません。注:アクセシビリティの問題により、Blinkタグは非推奨になりました。同じ効果をもたらすソリ

続きを読む
例で説明されたJavaの優先キュー

例で説明されたJavaの優先キュー

優先キューは、実際のアプリケーションで非常に頻繁に使用されます。この記事では、優先キューとは何か、そしてJavaでそれらをどのように使用できるかを学びます。優先キューとは何かを説明する前に、通常のキューとは何かを見てみましょう。通常のキューは、先入れ先出し(FIFO)構造に従います。つまり、m1、m2、m3の3つのメッセージがこの順序でキューに入ると、まったく同じ順序でキューから出てきます。なぜキューが必要なのですか?非常に高速なデータプロデューサー(たとえば、ユーザーがWebページをクリックしたとき)があるとしましょう。しかし、後でこのデータをより遅いペースで消費したいと思います。この場合、プロデューサーはすべてのメッセージをキューにプッシュし、コンシューマーはこれらのメッセージを後でキューからゆっくりと消費します。優先キューとは何ですか?前述のように、通常のキューには先入れ先出し構造があります。ただし、一部のシナリオでは、メッセージがキューに入ったタイミングではなく、優先度に基づいてキュー内のメッセージを処理する必要があります。優先度キューは、消費者が最初に優先度の高いメッセージを消費し、次に優先度の低いメッセージを消費するのに役立ちます。Javaの優先キュー次に、優先度付きキューの使用方法を示す実際のJavaコードをいくつか見てみましょう。自然順序付けの優先キュー文字列の単純な優

続きを読む
プログラマーのように考える:JavaScript、HTML、CSSのみを使用してSnakeを構築する方法

プログラマーのように考える:JavaScript、HTML、CSSのみを使用してSnakeを構築する方法

こんにちは ?ご乗車(搭乗)ありがとうございます。今日、私たちはエキサイティングな冒険に乗り出します。そこでは、私たち自身のヘビゲームを作りますか?問題をより小さな簡単なステップに分解することで、問題を解決する方法を学びます。この旅の終わりまでに、あなたはいくつかの新しいことを学び、自分でもっと探求する自信が持てるようになります。プログラミングに不慣れな場合は、freeCodeCampをチェックすることをお勧めします。それは学ぶのに最適な場所です...あなたはそれを推測しました...無料です。それが私が始めた方法ですか?さて、大丈夫十分な混乱-あなたは始める準備ができていますか?最終的なコードはここにあり、ライブデモはここにあります。入門すべてのコードを含むファイル「snake.html」を作成することから始めましょう。これはHTMLファイルであるため、最初に必要なのは PE> declaration . In snake.html type the following:Great, now go ahead and open snake.html in your preferred browser. You should be able to see Welcome to Snake!Original textContribute a better translationWe

続きを読む
再帰は難しくありません:この便利なプログラミング手法のステップバイステップのウォークスルー

再帰は難しくありません:この便利なプログラミング手法のステップバイステップのウォークスルー

私はこれをすぐに言うつもりです。関数の呼び出し時に発生するイベントを知っていますか?番号?次に、そこから始めます。関数の呼び出し関数を呼び出すと、実行コンテキストが実行スタックに配置されます。これをもう少し分解してみましょう。まず、スタックとは何ですか?スタックは、「後入れ先出し」ベースで動作するデータ構造です。アイテムはスタックに「プッシュ」されて追加され、アイテムはスタックから「ポップ」されて削除されます。スタックの使用は、実行のために特定の操作を順序付ける方法です。さて、実行コンテキストとは何ですか?関数の呼び出し時に実行コンテキストが形成されます。このコンテキストは、操作の順序である実行スタックに配置されます。このスタックで常に最初にある項目は、グローバル実行コンテキストです。次は、関数で作成されたコンテキストです。これらの実行コンテキストには、プロパティ、アクティベーションオブジェクト、および「this」バインディングがあります。「this」バインディングは、この実行コンテキストへの参照です。アクティベーションオブジェクトには、渡されたパラメーター、宣言された変数、および関数宣言が含まれます。したがって、スタックに新しいコンテキストを配置するたびに、通常、コードを実行するために必要なものがすべて揃っています。なぜ私が言うのです通常?再帰では、他の実行コンテキストからの戻り値を

続きを読む
オラクルのJava認定に合格する方法—開発者向けの実用ガイド

オラクルのJava認定に合格する方法—開発者向けの実用ガイド

Java認定は、IT業界で高く評価されており、Java開発者に世界中で認められています。それはあなたがより良い仕事を見つけ、より良い給料を手に入れ、そしてあなたの現在の仕事でさらに良い昇給やボーナスを得るのを助けます。そのため、毎年何千人ものJava開発者が認定資格を取得しようとしていますが、この試験で成功するのは簡単ではありません。オラクルのJava認定は、OCAJP(Oracle Certified Associate Java Programmer)とOCPJP(Oracle Certified Professional Java Programmer)の両方で65%に近い厳しい合格率を誇っています。試験に合格するには、Java言語とAPIに関する深い知識が必要です。注意として、OCPJPの準備は、OCAJPと大差ありませんが、OCPJPのみに焦点を当てたリソースを使用する必要があります。OCPJP 8は確かにクラックするのが難しいので、より多くのトピックとより詳細にカバーする必要もあります。準備を整えてハイスコアを獲得するために、ここでいくつかのヒントを紹介します。これらのヒントは、過去に認定資格で90%以上を獲得するのに役立ちました。それで、これ以上時間を無駄にすることなく、OCAJPとOCPJP試験の準備をするための5つのヒントがあります。1.毎日コーディングするコーディン

続きを読む
ソフトウェア開発者が成長できる23の代替キャリアパス

ソフトウェア開発者が成長できる23の代替キャリアパス

過去5年間、私はシカゴのコーディングブートキャンプの多くで数十回のゲスト講演を行ってきました。 「次にどの言語を学ぶべきか」、「技術面接の準備をするにはどうすればよいですか」、「採用していますか」など、いくつかの質問が必ず出てきます。しかし、私を思いとどまらせた1つの質問は、「ソフトウェア開発者になりたくない場合はどうなるか」というものでした。私は最近これについてよく考えています。製品チームとエンジニアリングチームを10年近くリードした後、私は新しい挑戦の準備ができていることに気づきました。そのため、この夏、フリーランスのテクニカルライティングを開始しました。最初のクライアントを取得したときはそれを知りませんでしたが、テクニカルライティングは、元ソフトウェアエンジニアにとって有効なキャリアパスの1つであることにすぐに気付きました。ソフトウェア開発者は他に何ができますか?この認識から、「ソフトウェアを書く以外に、ソフトウェアエンジニアは他にどのような仕事ができるのか」と考えました。リストは驚くほど長いです。 この投稿では、ソフトウェア開発者、特に最近のブートキャンプの卒業生が利用できる多くのキャリアパスについて説明します。それぞれの仕事の内容、ドアに足を踏み入れる方法、そして長期的な展望について説明します。エンジニアとしての仕事を見つけられなかったため、またはソフトウェア開発が自分に適し

続きを読む
Pythonを使用したテスト駆動開発の簡単な紹介

Pythonを使用したテスト駆動開発の簡単な紹介

私は、簡単なアプリを書くことができる独学の初心者開発者です。しかし、私には告白があります。すべてが私の頭の中でどのように相互接続されているかを思い出すのは不可能です。数日後に書いたコードに戻ると、この状況はさらに悪化します。この問題は、テスト駆動開発(TDD)の方法論に従うことで克服できることがわかりました。TDDとは何ですか?なぜそれが重要なのですか?素人の言葉で言えば、TDDは、実際のコードを作成する前に、コードの機能をチェックするテストを作成することをお勧めします。テストとそれがテストする機能に満足した場合にのみ、テストに合格するために課せられた条件を満たすために、実際のコードを書き始めます。このプロセスに従うことで、これらのテストに合格するために作成するコードを慎重に計画することができます。これにより、テストの作成が後日延期される可能性もなくなります。これは、その間に作成される可能性のある追加機能と比較して、テストが必要であると見なされない可能性があるためです。また、テストは、コードのリファクタリングを開始するときに自信を与えます。これは、テストの実行時に即座にフィードバックが行われるため、バグを見つける可能性が高くなるためです。どうやって始めるのか?Pythonでテストを書き始めるために、Pythonにunittest付属のモジュールを使用します。これを行うために、mytes

続きを読む