プログラミング | コンピューター

あなたがフルタイムの仕事をしている親であるときにコーディングを学ぶ[開発者インタビュー]

みなさん、こんにちは！私は新しいシリーズを開始し、コーディングを学んでいる、またはキャリアを変えた開発者とチャットします。このインタビューは、Instagramのプログラマーコミュニティの一員であるオーウェンへのインタビューです。フルタイムの仕事をしながらコーディングを学ぶことを彼が正直に分かち合っているように感じました。幼い子供は、同じことをしている皆さんに勇気づけられるでしょう。あなたが私と同じように彼の話に触発されていることを願っています！こんにちはオーウェン、あなた自身とあなたがしていることについて少し教えていただけますか？ですから、現在私

独学のゲーム開発者になるための転職[DevInterview]

みなさん、こんにちは！独学のゲーム開発者であるMandyを皆さんに紹介できることをとてもうれしく思います。彼女は転職し、ゲームの作り方を学び、現在は夫と一緒にゲーム開発ショップを経営しています。自分自身を再発明し、自分の上司である誰かについての良い話を探しているなら、もう探す必要はありません！ 🙂 あなたが誰であるかと現在何をしているのかを簡単に紹介していただけますか？私は独学のプログラマーであり、夫とテキサス州オースティンで所有および運営しているインディーゲームスタジオであるBlackHiveMediaの共同創設者であるMandyです。私はiOS市場がまだ揺籃期にあったときに

コーディングを学んでいるときに成功するための10のヒント

コーディングの方法を自分で学んでいる場合は、始めたときに答えよりも多くの質問があるかもしれません。何を学ぶ必要がありますか？バグを修正する方法をどのように理解しますか？そして、それが不可能な仕事のように思えるとき、どうやってやる気を維持しますか？コーディングが成功する可能性について心配している場合は、これらの10のヒントがあなたを励まし、やる気にさせてくれることを願っています！ 1。始めるときは具体的な目標を念頭に置いてください。コーダーになりたい人からよく聞かれる質問の1つは、「どの言語を学ぶべきか」です。理解できますが、これは最終的には間違った質問です。あなたが本当

初心者向けのGulp4チュートリアル（SassおよびJSワークフロー）

Gulp 4に関するこのチュートリアルでは、ワークフローでGulpを設定してSassファイルとJavaScriptファイルをコンパイルする方法を段階的に説明します。 Gulpをまだ使用していない場合は、ぜひチェックしてみてください。 Gulpを使用すると、SassファイルのCSSへのコンパイル、JavaScriptファイルの処理、ファイルの最適化など、多くの役立つタスクを実行できます。 Gulpをインストールして実行するための基本的な手順は次のとおりです。このチュートリアルでは、次の手順について説明します。 npm install gulp-cli -gを実行して、コマンドラインに

z-indexが機能しない4つの理由（およびそれを修正する方法）

z-indexとは何ですか？ Z-indexはCSSプロパティであり、HTML要素をレイヤーに重ねて配置できます。最初はシンプルに見えますが、一見シンプルです。 z-indexを999999に設定した場合でも、意図したとおりに動作しないようにする、奇妙で直感的でないルールがいくつかあります。この記事では、z-indexが機能しない最も一般的な4つの理由について詳しく説明します。 CSSを使用して、要素を他の要素の前面または背面に移動する方法を学習します。 1.1。同じスタッキングコンテキスト内の要素は、表示順に表示され、後者の要素が前の要素の上に表示されます。最初の例では、3つ

HTML/CSSで背景色を変更する方法

HTML要素に背景色を追加するには、CSSプロパティbackground-colorを使用できます。。次のHTMLマークアップがあり、<body>に背景色を追加するとします。要素： <!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title>Changing background color in HTML/CSS</title> </head> <body> <h1>Heres

HTML/CSSで段落テキストをインデントする方法

HTML要素のテキストをインデントする必要がありますか？ CSSを使用して段落の最初の行をインデントできます！その方法は次のとおりです。段落の最初の行をtext-indentでインデントします次のような段落にテキストがあるとします。 <p class="indent"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa sit aperiam deserunt quae excepturi fugit, consequuntur cum corporis illum n

2つのdivを並べて表示する3つの方法（フロート、フレックスボックス、CSSグリッド）

CSSを使用してHTMLdiv要素を並べて配置する3つの方法を次に示します。（クリックして各セクションにジャンプします）フロート方式フレックスボックス方式 CSSグリッド方式フロートメソッド floatメソッドでは、次のHTMLマークアップを使用します。 <div class=float-container> <div class=float-child> <div class=green>Float Column 1</div> </div> <div class=float-ch

レスポンシブナビゲーションバーを作成する方法（FlexboxとCSSグリッド）

今日のチュートリアルでは、HTMLとCSSを使用してトップナビゲーションバーを作成します。このナビゲーションバーを構築する2つの異なる方法を見ていきます。1つはフレックスボックスを使用し、もう1つはCSSグリッドを使用します。 2つのアプローチの違いを比較するのに良い方法です。そして、あなたはあなたがより好きな方法を見ることができます。完成したナビゲーションは次のようになります。デスクトップでは、すべてのリンクが同じ行に表示され、左側にホーム、右側に他のリンクが表示されます。次に、モバイルでは、一番上の行にホームがあり、一番下の行に他のリンクがあります。また、リンクはページの

HTMLとCSSでボタンを中央に配置する方法

CSSとHTMLを使用して、ブロックまたはインラインブロックボタン要素を中央に配置するにはどうすればよいですか？これは少し注意が必要な場合がありますが、ボタンの種類に関係なく、ボタンを中央に配置するための簡単なヒントをいくつか紹介します。インラインブロックボタン要素ボタンとリンクの要素は、デフォルトでdisplay: inline-blockに設定されています。インラインブロックが設定された要素は、ページが左から右に移動するときに、ページ上のドキュメントの通常のフローに含まれます。つまり、2つのインラインブロック要素が次々にある場合、十分な水平方向のスペースがあれば、それらは並

HTMLアンカーリンクをページの特定の部分にジャンプさせるにはどうすればよいですか？

アンカーを使用できます（<a> ）別のページまたは別のWebサイトにリンクするためのHTMLのリンク。しかし、どのようにしてWebページの特定の部分にリンクできますか？答えはジャンプリンクです。ジャンプリンクは、ページを読み込むだけでなく、ウェブページの特定の部分に「ジャンプ」するリンクです。それらを内部で使用して、Webサイトの別のページにリンクしたり、外部でリンクを共有したりすることもできます。これらのリンクは、ユーザーの出身地に関係なく機能し、基本的なHTML以外のものを必要としません。アンカージャンプリンクの作成 HTMLでは、一連の<a>を使

HTML、CSS、JavaScriptでコメントする方法

コードにコメントを追加すると、コードの機能を説明するメモを含めることができます。コメントアウトされたコードまたはその他のテキストは、ブラウザによって無視されます。 HTML、CSS、JavaScriptコードでコメントを作成する方法を確認するために読んでください！ HTMLでコメントを書く方法単一行のHTMLコメント HTMLの1行をコメント化するには、コメントするテキストまたはコードをコメントタグの間に配置します。 。これがコードでどのように見えるかを次に示します。 <!-- The text in here will be invisible o

Gulpで「モジュールgulp-sassが見つかりません」というエラーを修正する方法

Gulpを実行しているときに、「モジュールgulp-sassが見つかりません」などのエラーが表示される場合があります。このエラーメッセージは、Gulpがgulp-sassパッケージから関数を実行しようとしているが、それを見つけることができないことを意味します。この厄介なエラーが発生した場合は、それを取り除くために使用できるいくつかの修正があります。 node_modulesフォルダーを確認してください npmパッケージをインストールすると、npmはnode_modulesを作成しますプロジェクトルートのフォルダ。また、インストールしたパッケージをpackage.jsonに追加しま

「gulp：コマンドが見つかりません」エラーのクイックフィックス

Gulpを使用してタスクを実行する場合、gulpを実行しようとしたことがありますかコマンドラインで、次のようなエラーが発生しました：gulp: command not found ？なぜこれが起こっているのですか？コマンドラインで任意のディレクトリからパッケージを実行するには、パッケージをコンピュータにグローバルにインストールする必要があります。この問題に対するいくつかの修正があります： gulp-cliをグローバルにインストールします Gulpを実行するには、次の2つが必要です。 GulpCLIはグローバルにインストールする必要がありますそして、Gulpは、それが使用され

WindowsにGulpをグローバルにインストールする方法

これは、WindowsシステムにGulpをグローバルにインストールする方法に関するクイックガイドです。（これらの手順の多くはMacでも同じですが、構文が少し異なる場合があります。）ノードとnpmをダウンロードしてインストールしますまず、Nodeとnpm（Node Package Manager）をコンピューターにインストールする必要があります。 Nodeがインストールされているかどうかわからない場合は、コマンドラインを開いてnode -vを実行しますまたはnode --version 。インストールされている場合は、お持ちのバージョン番号（v8.17.0など）が返されます。。

「Localgulpnotfound」エラーメッセージを修正する方法

コマンドラインでGulpを実行しようとすると、Local gulp not foundというエラーが表示されますか？？ Gulpをグローバルにインストールした場合でも、Gulpを使用する個々のプロジェクトディレクトリにローカルにGulpをインストールする必要があります。 npm install gulpを実行すると、プロジェクトディレクトリにGulpをインストールできます。コマンドラインで。または、npm install gulp --save-devを実行します GulpをdevDependencyとしてpackage.jsonに保存しますファイル。 Gulpをグローバルおよびロ

CSSの背景画像が機能しない問題を修正する方法| HTML / CSS

CSSで背景画像を操作するのは難しい場合があります。コードで設定したとしても、背景画像がページに表示されない原因となる他の要因があるためです。これを支援するために、HTMLとCSSを使用して、背景画像が機能しないように修正する4つの方法を次に示します。 1。 CSSファイルがHTMLファイルに正しくリンクされていることを確認してください。 CSSスタイルをWebサイトにロードするには、<link>を追加する必要があります。 HTMLファイルのタグ。このタグは、<head></head>内に配置する必要がありますタグで、次のようになります： <l

npmでキャッシュをクリアする方法

Please run npm cache cleanのようなnpmで奇妙なエラーが発生した場合 npmキャッシュをクリーンアップまたは更新する必要がある場合があります。これを修正するには、npm cache cleanを実行してみてください。。実行：npmバージョン5以降の「npmcacheverify」ただし、npm v5以降を実行している場合、npmは自己回復するはずであり、npmキャッシュをクリーンアップしようとすると次のエラーメッセージが表示される場合があります。 npm ERR! As of [email protected], the npm cache se

Gulpエラーのクイックフィックス：「次のタスクが完了しませんでした…非同期完了のシグナルを忘れましたか？」

Gulpで作業しているときに、次のエラーが発生する可能性があります： The following tasks did not complete... Did you forget to signal async completion? これは、Gulp4ではすべてのタスクが自動的に非同期になるために発生します。同期関数は次々に実行され、各関数は前の関数が完了するまで待機してから実行する必要があります。一方、非同期関数は、前の関数の結果を待っている間に実行を開始できます。これにより、プロセスがブロックされないため、プロセスがより効率的になります。ただし、関数がいつ完了したかを知るために

エラーを修正する方法：「gulpは内部または外部コマンドとして認識されません」

gulpを実行している場合コマンドラインで次のようなエラーが発生します：gulpは内部コマンドまたは外部コマンドとして認識されませんまたは：「gulp」という用語は、コマンドレット、関数、スクリプトファイル、または操作可能なプログラムの名前として認識されません。これは通常、Gulp CLIをコンピューターにグローバルにインストールし、npmがPath環境変数に追加されていることを確認する必要があることを意味します。 Gulpをグローバルにインストールする Gulpをグローバルにインストールするには、まずコンピューターにNode.jsがインストールされていることを確認します。お持