Re:ゼロから始める文系プログラマ

未経験がプログラミングを通して人生を変える

JavaScript

JavaScriptの「スコープ」を徹底解説

おはようございます。Shotaです。 今回の記事では、JavaScriptの「スコープ」について初心者向けに徹底解説します。スコープを正しく理解し、適切に範囲を指定することでより可読性の高いプログラムを書けるようになります。 そもそも、JavaScriptについてわ…

【JavaScript】テンプレートリテラルを簡単に解説

おはようございます。Shotaです。 今回の記事では、JavaScriptのテンプレートリテラルについて詳細に解説します。 テンプレートリテラルとは テンプレートリテラルの使い方 改行ができる 変数の値を文字列に組み込む 式を文字列に組み込む まとめ テンプレー…

【JavaScript】アロー関数を徹底解説

おはようございます。Shotaです。 Javascriptを勉強している人にとって、アロー関数は馴染み深い関数だと思います。Javascriptを勉強している人の中には、 「Javascriptにおけるアロー関数の使い方を知りたい」 「アロー関数がわからない」 このように考えて…

Svelteとは?|最新のJavaScriptフレームワークを徹底解説

おはようございます。Shotaです。 最近のフロントエンド開発で、SvelteというJavaScriptフレームワークをよく耳にするようになりました。 ReactやVueのように宣言的にUIを記述できるので、簡単にWEBアプリケーションやUIを開発できるのが最大の特徴です。 フ…

【Python】「シリアライズ」「デシリアライズ」を詳細に徹底解説

おはようございます。Shotaです。 今回の記事では、Pythonを使ってJSONのシリアライズとデシリアライズの方法について詳細に解説していきます。 JSONのシリアライズ及びデシリアライズの方法を学習することで、 REST APIのRequestに使うJSONの生成 REST API…

【JavaScript】フロントエンド開発にReactではなくVuejsを利用する理由

おはようございます。Shotaです。 今回の記事では、私がフロントエンド開発にVuejsを活用する理由について詳細に解説します。 「フロントエンド開発にVueを使ってみようかな...」 「フロントエンドでVueを使う目的って何だろう?」 「ReactかVueかどっちを使…

【Vue.js】axiosでAPIのデータを操作する②

おはようございます。Shotaです。 今回は前回に引き続き、VuejsでaxiosのAPI操作について詳細に解説していきます。 今回の記事では、基本的な操作よりもaxios通信を効率化させる方法に注力して解説を進めていきます。 それでは早速、本題に入りましょう。 リ…

【Vue.js】axiosでAPIのデータを操作する①

おはようございます。Shotaです。 今回の記事では、Vue.jsを活用してaxiosでAPIからのデータを抽出する方法を徹底解説します。 使用するAPIはJSONPlaceholderです。これは無料でAPIの動作確認を行える無償のサイトです。このサイトを利用するだけで、axiosの…

JavaScript初心者向けにAngularとVueを徹底比較

おはようございます。Shotaです。 WEB開発で非常によく使われているJavaScriptフレームワークの中に、AngularやVueがあります。両方ともプログラマーの中では非常によく知られているJavaScriptフレームワークの一種です。 「Angular?Vue?それぞれどんな特…

最近話題のAltJS(JavaScriptの代替言語)を簡単に解説

おはようございます。Shotaです。 「AltJSってそもそも何?」 「AltJSの存在は聞いたことあるけど、どのような言語があるのかイメージできない...」 本記事にたどり着いている人の中には、このように考えている人も少なくないでしょう。 JavaScriptはフロン…

Nextjsとは?|Reactのフレームワークを初心者向けに徹底解説

おはようございます。Shotaです。 「Nextjsって何?具体的にどんなことができる?」 「Nextjsに似た名前であるNuxtjsがあるけど、具体的にどう違うの?」 本記事にたどり着いた人の中には、このように考えている方も少なくないでしょう。そこで、今回の記事…

【JavaScript】例外処理を簡単に解説

おはようございます。Shotaです。 今回も前回と同じように、JavaScriptの基本文法について簡単に解説します。 今回は例外処理について解説します。 例外処理 try...catch構文 throw構文 エラーオブジェクト Error ビルトインエラー ReferenceError SyntaxErr…

【JavaScript】「クラス」を簡単に解説

おはようございます。Shotaです。 前回はJavaScriptの基本的な文法について軽く説明しました。今回はJavaScriptの「クラス」について徹底解説します。 JavaScriptもPythonやKotlinと同じように「オブジェクト指向プログラミング言語」なので、クラスについて…

JavaScriptの基本文法まとめ

おはようございます。Shotaです。 今回の記事では、Web開発に必要不可欠なプログラミング言語「JavaScript」の基本文法を一通り全部簡単に解説していきます。 なお、本記事はJavaScriptの文法に関する基本的な知識を一通り理解している人向けに書いています…

JavaScriptのフレームワークReactとは?特徴を徹底解説

おはようございます。Shotaです。 現在のWeb開発では、JavaScriptのフレームワーク選択は非常に重要な要素になっています。高速で、使いやすいUIを短期間で開発する必要があるからです。 しかも、JavaScriptはフレームワークが特に多いので迷ってしまいます…

Webサイト制作に必要なスキル5選

おはようございます。Shotaです。 ❓「Webサイトを制作したいけど、必要なスキルがわからない」 そのような疑問を感じている人に向けて、今日の記事ではウェブサイト制作に必要なスキルを簡単に説明します。 ぜひ最後まで読んでくださると嬉しいです! 必要な…

JavaScriptのライブラリReactとは?特徴やメリットなどを徹底解説

おはようございます。Shotaです。 現在、数多くあるJavaScriptのライブラリ・フレームワーク群の中でも、サービスにおいて世界で使用率が高いのがReactです。日本でもReactの人気が高まっており、これまでのフレームワークやライブラリとは全く異なる特徴が…

JavaScriptが初心者におすすめな理由・難しいと感じる理由

おはようございます。Shotaです。 JavaScriptは初心者向けのプログラミング言語と言われています。しかし、一方でJavaScriptは初心者に難しいという人もいらっしゃいます。 どちらが正しいのかよくわからず、JavaScriptそのものに興味はあるけれど学習を始め…

JavaScriptのフレームワークおすすめ3選

おはようございます。Shotaです。 今日の記事では最初に「フレームワーク」の意味を説明し、そしておすすめのJavaScriptフレームワークを3つ紹介して解説していきます。今日の記事を読む前に、そもそも「JavaScript」がわからない人は過去の記事で解説して…

Vue.jsを簡単に、かつざっくり解説

(引用元:jp.vuejs.org) おはようございます。Shotaです。今日はJavaScriptのフレームワークの一つである「Vue.js」について徹底解説します。実際に、多くの企業でJavaScriptのフレームワークが導入されています。 しかし、JavaScriptフレームワークの導入の…

【解説】「JavaScript」でできること

おはようございます。Shotaです。 「JavaScript」は、プログラミングをこれから始める人にとって人気の高い言語の一つではないかと思われます。 ところが、JavaScriptが色々できることはわかるけど具体的に何ができるのかよくわからないという人もいらっしゃ…

【解説】プログラミング言語「JavaScript」

おはようございます。Shotaです。 今日は数多くあるプログラミング言語の中で鉄板中の鉄板である「JavaScript」について簡単に解説していきます。 【目次】 JavaScriptとは JavaScriptのメリット・デメリット メリット デメリット JavaScriptでできること ま…