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

やりたい事を実現する。

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

やりたい事を実現する。

記事一覧

今日も平和で良かった!

集中力

私には集中力がないと感じたことはありませんか? 何事にも驚異的な集中力を発揮して集中力するスピードが早く、ずっと集中していられる人がいます。 そう言った能力はご…

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

人は集中しているとき脳内でドーパミンが分泌されます。 ドーパミンはやる気や幸福感をアップさせ、人生を前向きなものに変えてくれるアイテムです。 ドーパミンの増やし…

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

クリエイティブに生きるにはアウトプットがか欠かせません。インプットした情報を使いこなすためにアウトプットしますよね。 情報は使うだけではいけません。使いこなさな…

Chrome DevTools

Googleが開発しているChromeは「ブラウザ」です。 ブラウザとは?パソコンやスマートフォン等でWebサーバーに接続する為のソフトウェアです。 私たちが普段Webにアクセス…

HTMLの基礎タグ

こんにちは!フロントエンドプログラマーを目指して独学中のゆういちです! プログラミング言語ではなく、マークアップ言語と呼ばれるHTMLですが、フロントエンドエンジニ…

JavaScript~alert,confirm~

こんばんは!プログラミング初心者のゆういちです。 まだまだ最近noteをサボってしまったので投稿してプログラミング知識をアウトプットしていきます。 早速ですがアラー…

JavaScript〜変数を代入~

JavaScriptではデータ型を操作できる言語で、 そのデータ型には単純なデータ型と複雑なデータ型があります。 まず単純なデータ型を紹介します。 「数値 , 文字列 , 真偽値 …

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

オブジェクトの値に名前をつけて管理する方法を見てみます。 const point = {x:500,y:300};console.log(point); このような書き方でも間違っていませんが、コードは見や…

JavaScript ~配列②~

spliceコードsplice()はある配列[80,60,90,20,40]の途中の要素を削除したい場合や、新たに[50,70]を入れたいときなどと言ったような場合に使われるコードです。 splic…

JavaScript ~配列~

配列って何ですか?と思うかもしれませんが、詳しく解説していきます。 配列は定数を指定した場合、数値をいくつも定義した時の順番や数値のことです。例えば、 const sc…

JavaScript if文 条件分岐

if文はある条件を定義し、条件に当てはまった場合処理を実行すると言うような場合に役立つ文です。 例えば ある人物がスコアを95点取りました。 スコアが90点以上の場合「…

JavaScript スコープ範囲

スコープとは有効範囲と言う意味です。 定数や変数がブロック内で宣言された場合、その定数と変数はこのブロック内の中だけ有効なのです。 ブロックとは「{}」の事です。 …

JavaScript 「アロー関数」

アロー関数は関数式をより短く書く場合に役立ちます。 例えば const 定数 = function(仮引数,仮引数,...){ 処理; } 上記の関数式をアロー関数で書き直して見ます。 const …

JavaScript 「while」のループ処理

ループ処理を行うには「while」を使います。 ループ処理とは指定した条件が満たされている間特定の処理が繰り返されるといった処理です。 ある数を一定の数で減らせていき…

プログラミング勉強開始

こんばんは ゆういちです。 noteを初めて書きますので、簡単に自己紹介。 年齢は22歳 サラリーマンです。 プログラミング知識をつけたいので最近勉強を開始しました。 …

集中力

集中力

私には集中力がないと感じたことはありませんか?
何事にも驚異的な集中力を発揮して集中力するスピードが早く、ずっと集中していられる人がいます。

そう言った能力はごく僅かな人しか持ち合わせていないのが現実です。

一般人の私たちは1日で集中可能な時間は約4時間と言われています。

また、集中するまでにかかる時間は約20分程度が必要と言われています。

しかし、集中力は全ての人が持っている能力ですので

もっとみる
ドーパミンで人生を豊かに

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

人は集中しているとき脳内でドーパミンが分泌されます。
ドーパミンはやる気や幸福感をアップさせ、人生を前向きなものに変えてくれるアイテムです。

ドーパミンの増やし方を知っておけば人生バラ色間違いなしです!でもドーパミンってどうやって増やすの?と思いますよね。
今日はそんなドーパミンについてお話します。

ドーパミンってそもそも何?中枢神経系に存在する神経伝達物質のこと。
やる気や幸福感だけでなく、

もっとみる
アウトプットをするということ

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

クリエイティブに生きるにはアウトプットがか欠かせません。インプットした情報を使いこなすためにアウトプットしますよね。

情報は使うだけではいけません。使いこなさなければなりません。

アウトプットって何をするの?って思う方もいるかも知れません。アウトプットは簡単なことで、誰でも日常でやっていることなので意識するだけでも全然違います。

アウトプットの方法は次の様に簡単なことです。

・人に話す

もっとみる
Chrome DevTools

Chrome DevTools


Googleが開発しているChromeは「ブラウザ」です。

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

もっとみる
HTMLの基礎タグ

HTMLの基礎タグ

こんにちは!フロントエンドプログラマーを目指して独学中のゆういちです!
プログラミング言語ではなく、マークアップ言語と呼ばれるHTMLですが、フロントエンドエンジニアには必要不可欠の知識です。
そんなHTMLを書く上で必要最低限のタグをまとめました。是非読んでください!

○htmlタグ・・・html文書を宣言するタグ。

<html></html>

○headタグ・・・headタグ 文書のタイ

もっとみる
JavaScript~alert,confirm~

JavaScript~alert,confirm~

こんばんは!プログラミング初心者のゆういちです。
まだまだ最近noteをサボってしまったので投稿してプログラミング知識をアウトプットしていきます。

早速ですがアラート命令を使ってブラウザにアラートを表示する方法を見てみます。
アラートを表示させるには「alert」を使います。

alert('ゆういちです');

と書くとブラウザにアラートが表示されます。

「ゆういちです」の文字列の部分はとく

もっとみる
JavaScript〜変数を代入~

JavaScript〜変数を代入~

JavaScriptではデータ型を操作できる言語で、
そのデータ型には単純なデータ型と複雑なデータ型があります。
まず単純なデータ型を紹介します。
「数値 , 文字列 , 真偽値 , Undefind , Null」
となります。
次に複雑なデータ型です。
「配列 , オブジェクト」
があります。

単純なデータ型に変数を代入する場合と複雑なデータ型に変数を代入する場合挙動が異なりますので紹介しま

もっとみる
JavaScript~オブジェクトのプロパティ操作~

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

オブジェクトの値に名前をつけて管理する方法を見てみます。

const point = {x:500,y:300};console.log(point);

このような書き方でも間違っていませんが、コードは見やすいように書いて行く方がコードを変更しやすく、効率が良いので書き方を変更してみます。

const point = { x:500, y:300,};console.log(point);​

もっとみる
JavaScript ~配列②~

JavaScript ~配列②~

spliceコードsplice()はある配列[80,60,90,20,40]の途中の要素を削除したい場合や、新たに[50,70]を入れたいときなどと言ったような場合に使われるコードです。

splice()コードは以下の考えで書いていきます。
splice(変化が開始する位置,削除数,追加する要素)
「変化が開始する位置」とは 要素のインデックスを言います。配列が[80,60,90,20,40]だ

もっとみる
JavaScript ~配列~

JavaScript ~配列~

配列って何ですか?と思うかもしれませんが、詳しく解説していきます。

配列は定数を指定した場合、数値をいくつも定義した時の順番や数値のことです。例えば、

const scores = [50,90,40,60]; console.log(scores);

と書くとコンソールには [50,90,40,60] と表示されます。

次に [50,90,40,60] から 40 だけ表示したい場合はど

もっとみる
JavaScript if文 条件分岐

JavaScript if文 条件分岐

if文はある条件を定義し、条件に当てはまった場合処理を実行すると言うような場合に役立つ文です。

例えば
ある人物がスコアを95点取りました。
スコアが90点以上の場合「Congratulations!」を表示する。と言う処理を書いてみます。

const score = 95;if(score >= 90){ console.log(Congratulations!);}

これでコンソールに

もっとみる
JavaScript スコープ範囲

JavaScript スコープ範囲

スコープとは有効範囲と言う意味です。
定数や変数がブロック内で宣言された場合、その定数と変数はこのブロック内の中だけ有効なのです。
ブロックとは「{}」の事です。
例えば

function f(){
const x = 100;
console.log(x);
}
f();

ここで宣言した定数「x」はブロック内のみ有効で表示されますので、

function f(){
const x =

もっとみる
JavaScript 「アロー関数」

JavaScript 「アロー関数」

アロー関数は関数式をより短く書く場合に役立ちます。
例えば
const 定数 = function(仮引数,仮引数,...){
処理;
}
上記の関数式をアロー関数で書き直して見ます。
const 定数 = (仮引数,仮引数,...) => 処理;
となります。

アロー関数の特徴としては関数式に使われていたfunctionを省略でき、「=>」マークの後に処理を書いてあげることでコードを短く書く

もっとみる
JavaScript 「while」のループ処理

JavaScript 「while」のループ処理

ループ処理を行うには「while」を使います。
ループ処理とは指定した条件が満たされている間特定の処理が繰り返されるといった処理です。
ある数を一定の数で減らせていき、条件を満たさない数になると処理が止まるといったことをしたい場合に使う文です。

例えば
プロテインが500gあり1日50gずつ使う表現を書いてみると

let protein = 500 ;
while (protein > 0)

もっとみる
プログラミング勉強開始

プログラミング勉強開始

こんばんは
ゆういちです。

noteを初めて書きますので、簡単に自己紹介。

年齢は22歳 サラリーマンです。

プログラミング知識をつけたいので最近勉強を開始しました。
まだまだ分からないことばかりで理解が難しい。効果的な勉強方法など知ってたら教えて頂きたい限りです。

行く先はフリーランスとして仕事をすることです。
まずは環境を変えていきます。
・1日1時間以上はプログラミング勉強。
・学

もっとみる