プログラミング入門

プログラミングをする上で変数・クラス・関数の命名は非常に重要です。

はじめの命名でその処理の運命が決まってしまいます。

例えば日常で言うと、「ゴミ箱」という箱があった場合に、人はなんでも捨ててしまいます。

プログラミング入門

PuppeteerはブラウザのChromeをプログラムから動かすことができるNode.jsのライブラリです。

今回はPuppeteerを使って、Googleのトップ画面のスクリーンショットを保存してみます。

インスト ...

HTML/CSS, プログラミング入門

display flex を使った場合、デフォルトでは以下のようにAAAとCCCも、BBBの高さに揃います。

高さを揃えたくない場合は、align-items: baseline; を指定します。

<div s ...

JavaScript, プログラミング入門

JavaScript では関数の引数に関数を渡せることが強力です。

例えば、以下のような関数をつくることができます。

function hoge(func, str) { func(str);}

hoge は引数 ...

JavaScript, プログラミング入門

以下のような関数があるとします。

const log = message => {console.log(message);};

setTimeout を使って3秒後にこの関数を実行したいとします。

以下の ...

プログラミング入門

プログラミング学習の難関の一つとしてはモチベーションの維持だと思います。

今回は毎日数分でできるプログラミング学習方法のご紹介です。

方法

github で人のコードを読むこと、です。

github ...

JavaScript, プログラミング入門, 覚書

以下のようなHTMLがあります。

<div id="parent"> <div name="hoge">aaa</div> <div name=& ...

TypeScript, プログラミング入門

TypeScirptでは、条件文でin演算子を使った時にも型ガードとして利用できます。

型ガードとは、条件ブロック内でオブジェクトの型を制限できることです。

以下のコードをみてみます。

type Hoge ...

HTML/CSS, JavaScript, プログラミング入門

以下のようなHTMLがあり、id=”parent”の子要素のdivのtextをすべてつなげた文字列を取得したいとします。

<div id="parent"> <div ...

JavaScript, プログラミング入門

以下のようなmyFunc関数があります。

const hoge = () => 'hoge';const foo = () => console.log('foo');const ba ...