プログラミング入門

フロントエンドエンジニアをこれから目指そうとしている人がもつ疑問にはどのようなものがあるのでしょうか。

仕事内容
何を勉強したら良いか
将来性

このあたりかなと勝手に思っています。

もう少し細 ...

ブラウザ上でアニメーションをつくるというと、ひと昔前はjQueryのようなライブラリーを使う必要がありました。

現在はブラウザに標準で実装されている機能を使うことが可能です。

※ただし、まだ実験的な機能なので、 ...

フロントエンドの開発をしている時に、サーバーにRESTリクエストを送りたい時があります。

cURLで実行するのも良いですが、IntelliJの機能で簡単にリクエストを送ることができ、ファイルにリクエストを保存できるので便利 ...

TypeScriptとJavaScript

以下のJavaScriptコードを見てください。

const add = (a, b) => { return a + b}

二つの値を足して合計値を返す非常にシンプルな関数で ...

Array.map を使ったりすると以下のような少しわかりづらいコードを書くことがあります。

const myFunc = (arr) => { return arr.map(value => { return { ...

システムの仕様を決めるときはできるだけシンプルにするとメンテナンスが楽になります。

細かいところまで気にすれば気にするほど良い、というものではありません。

複雑な仕様はコード量を多くし、かつ、理解を妨げます。

一つのファイルが大きくならないようにすることは可読性の向上に貢献しますが、逆にファイルを分けすぎると良くない場合があります。

これまでに、システムがどのように動くのかを知りたい時に、関数から関数の呼び出しごとに新しいファイ ...

コードは上から下へと読みますが、その時に処理のまとまりが直感的にわかると良いです。

例えば一つの関数の中でも、処理段階によっていくつかに分かれると思います。

そのようなまとまりを表現する際には、空行を挟むと良い ...

新聞のようにコードを書くことで秩序のある書式を保つことができるという論があります。

以下がポイントです。

クラス名や関数名をみればそのファイルが何をするコードが書かれているかがわかる(見出し)
ファイルの上部に ...

例えば以下のようなコメントがあったとします。

//ここでのurlは、テスト環境では 本番環境では です。

補足のため非常に親切なように見えますが、このような情報をコードに埋め込んでしまうと、いざurlが変わったときにコメン ...