ゆういち @サラリーマン/フォロバ100%👨‍💻

やりたい事を実現する。

ゆういち @サラリーマン/フォロバ100%👨‍💻

やりたい事を実現する。

今日も平和で良かった！

ゆういち @サラリーマ…

    • 集中力

      私には集中力がないと感じたことはありませんか？ 何事にも驚異的な集中力を発揮して集中力するスピードが早く、ずっと集中していられる人がいます。 そう言った能力はごく僅かな人しか持ち合わせていないのが現実です。 一般人の私たちは1日で集中可能な時間は約4時間と言われています。 また、集中するまでにかかる時間は約20分程度が必要と言われています。 しかし、集中力は全ての人が持っている能力ですので誰でも集中力を高めることが出来ますので以下のことを気をつけてみましょう。 5分

      ゆういち @サラリーマ…

      • ドーパミンで人生を豊かに

        人は集中しているとき脳内でドーパミンが分泌されます。 ドーパミンはやる気や幸福感をアップさせ、人生を前向きなものに変えてくれるアイテムです。 ドーパミンの増やし方を知っておけば人生バラ色間違いなしです！でもドーパミンってどうやって増やすの？と思いますよね。 今日はそんなドーパミンについてお話します。 ドーパミンってそもそも何？中枢神経系に存在する神経伝達物質のこと。 やる気や幸福感だけでなく、学習、運動、感情などの人間が必要とする要素を担う大事な物質の一つです。 ドーパ

        ゆういち @サラリーマ…

        • アウトプットをするということ

          クリエイティブに生きるにはアウトプットがか欠かせません。インプットした情報を使いこなすためにアウトプットしますよね。 情報は使うだけではいけません。使いこなさなければなりません。 アウトプットって何をするの？って思う方もいるかも知れません。アウトプットは簡単なことで、誰でも日常でやっていることなので意識するだけでも全然違います。 アウトプットの方法は次の様に簡単なことです。 ・人に話す ・聞いた事や学んだことをノートなど にまとめる これだけです。 これらをす

          ゆういち @サラリーマ…

        今日も平和で良かった！

        ゆういち @サラリーマン/フォロバ100%👨‍💻

          Chrome DevTools

          Googleが開発しているChromeは「ブラウザ」です。 ブラウザとは？パソコンやスマートフォン等でWebサーバーに接続する為のソフトウェアです。 私たちが普段WebにアクセスしWebページが見れているのはこのブラウザがあるからこそです。ブラウザがなくともアクセスは出来るのですが、それは私たちが読めたものではありません。心が踊るデザインであったり、日本語で書かれて日本語で見れているのはやはりブラウザのおかげと言うことです。 Chrome DevToolsではWebペー

          ゆういち @サラリーマ…

          Chrome DevTools

          ゆういち @サラリーマン/フォロバ100%👨‍💻

          HTMLの基礎タグ

          こんにちは！フロントエンドプログラマーを目指して独学中のゆういちです！ プログラミング言語ではなく、マークアップ言語と呼ばれるHTMLですが、フロントエンドエンジニアには必要不可欠の知識です。 そんなHTMLを書く上で必要最低限のタグをまとめました。是非読んでください！ ○htmlタグ・・・html文書を宣言するタグ。 <html></html> ○headタグ・・・headタグ 文書のタイトル情報等を入れるタグ。 <head></head> ○titleタグ ・・

          ゆういち @サラリーマ…

          HTMLの基礎タグ

          ゆういち @サラリーマン/フォロバ100%👨‍💻

          JavaScript～alert,confirm～

          こんばんは！プログラミング初心者のゆういちです。 まだまだ最近noteをサボってしまったので投稿してプログラミング知識をアウトプットしていきます。 早速ですがアラート命令を使ってブラウザにアラートを表示する方法を見てみます。 アラートを表示させるには「alert」を使います。 alert('ゆういちです'); と書くとブラウザにアラートが表示されます。 「ゆういちです」の文字列の部分はとくに何でもいいです。 書くことを迷ったのでこのように書いただけです。 つぎに確認

          ゆういち @サラリーマ…

          JavaScript～alert,confirm～

          ゆういち @サラリーマン/フォロバ100%👨‍💻

          JavaScript〜変数を代入～

          JavaScriptではデータ型を操作できる言語で、 そのデータ型には単純なデータ型と複雑なデータ型があります。 まず単純なデータ型を紹介します。 「数値 , 文字列 , 真偽値 , Undefind , Null」 となります。 次に複雑なデータ型です。 「配列 , オブジェクト」 があります。 単純なデータ型に変数を代入する場合と複雑なデータ型に変数を代入する場合挙動が異なりますので紹介します。 まず変数を使う場合は「let」を使います。 変数xに20を入れてあげて

          ゆういち @サラリーマ…

          JavaScript〜変数を代入～

          ゆういち @サラリーマン/フォロバ100%👨‍💻

          JavaScript～オブジェクトのプロパティ操作～

          オブジェクトの値に名前をつけて管理する方法を見てみます。 const point = {x:500,y:300};console.log(point); このような書き方でも間違っていませんが、コードは見やすいように書いて行く方がコードを変更しやすく、効率が良いので書き方を変更してみます。 const point = { x:500, y:300,};console.log(point);​ これでコードは見やすくなりましたね！ コンソールでは {x:500,y30

          ゆういち @サラリーマ…

          JavaScript～オブジェクトのプロパティ操作～

          ゆういち @サラリーマン/フォロバ100%👨‍💻

          JavaScript ～配列②～

          spliceコードsplice()はある配列［80,60,90,20,40］の途中の要素を削除したい場合や、新たに［50,70］を入れたいときなどと言ったような場合に使われるコードです。 splice()コードは以下の考えで書いていきます。 splice(変化が開始する位置,削除数,追加する要素) 「変化が開始する位置」とは 要素のインデックスを言います。配列が［80,60,90,20,40］だった場合 (80は0),(60は1),(90は2)．．．と続いていきます。 例

          ゆういち @サラリーマ…

          JavaScript ～配列②～

          ゆういち @サラリーマン/フォロバ100%👨‍💻

          JavaScript ～配列～

          配列って何ですか？と思うかもしれませんが、詳しく解説していきます。 配列は定数を指定した場合、数値をいくつも定義した時の順番や数値のことです。例えば、 const scores = [50,90,40,60]; console.log(scores); と書くとコンソールには [50,90,40,60] と表示されます。 次に [50,90,40,60] から 40 だけ表示したい場合はどうでしょうか。 const scores = [50,90,40,60]; c

          ゆういち @サラリーマ…

          JavaScript ～配列～

          ゆういち @サラリーマン/フォロバ100%👨‍💻

          JavaScript if文 条件分岐

          if文はある条件を定義し、条件に当てはまった場合処理を実行すると言うような場合に役立つ文です。 例えば ある人物がスコアを95点取りました。 スコアが90点以上の場合「Congratulations!」を表示する。と言う処理を書いてみます。 const score = 95;if(score >= 90){ console.log(Congratulations!);} これでコンソールには「Congratulations!」 と表示されます。 また条件を2つに分け

          ゆういち @サラリーマ…

          JavaScript if文 条件分岐

          ゆういち @サラリーマン/フォロバ100%👨‍💻

          JavaScript スコープ範囲

          スコープとは有効範囲と言う意味です。 定数や変数がブロック内で宣言された場合、その定数と変数はこのブロック内の中だけ有効なのです。 ブロックとは「{}」の事です。 例えば function f(){ const x = 100; console.log(x); } f(); ここで宣言した定数「x」はブロック内のみ有効で表示されますので、 function f(){ const x = 100; console.log(x); } f(); console.l

          ゆういち @サラリーマ…

          JavaScript スコープ範囲

          ゆういち @サラリーマン/フォロバ100%👨‍💻

          JavaScript 「アロー関数」

          アロー関数は関数式をより短く書く場合に役立ちます。 例えば const 定数 = function(仮引数,仮引数,...){ 処理; } 上記の関数式をアロー関数で書き直して見ます。 const 定数 = (仮引数,仮引数,...) => 処理; となります。 アロー関数の特徴としては関数式に使われていたfunctionを省略でき、「=>」マークの後に処理を書いてあげることでコードを短く書くことが出来ます。 ちなみに①仮引数が1つの場合()が省略できます。 ②仮引数が

          ゆういち @サラリーマ…

          JavaScript 「アロー関数」

          ゆういち @サラリーマン/フォロバ100%👨‍💻

          JavaScript 「while」のループ処理

          ループ処理を行うには「while」を使います。 ループ処理とは指定した条件が満たされている間特定の処理が繰り返されるといった処理です。 ある数を一定の数で減らせていき、条件を満たさない数になると処理が止まるといったことをしたい場合に使う文です。 例えば プロテインが500ｇあり1日50ｇずつ使う表現を書いてみると let protein = 500 ; while (protein > 0) ｛ console.log(`${protein} ｇしかない！！); prot

          ゆういち @サラリーマ…

          JavaScript 「while」のループ処理

          ゆういち @サラリーマン/フォロバ100%👨‍💻

          プログラミング勉強開始

          こんばんは ゆういちです。 noteを初めて書きますので、簡単に自己紹介。 年齢は22歳 サラリーマンです。 プログラミング知識をつけたいので最近勉強を開始しました。 まだまだ分からないことばかりで理解が難しい。効果的な勉強方法など知ってたら教えて頂きたい限りです。 行く先はフリーランスとして仕事をすることです。 まずは環境を変えていきます。 ・1日1時間以上はプログラミング勉強。 ・学んだことをnoteにアウトプットする。 これでどれくらい頭に定着するのか、どの

          ゆういち @サラリーマ…

          プログラミング勉強開始

          ゆういち @サラリーマン/フォロバ100%👨‍💻