マガジン

  • 【初級】 Javascript

    Javascript 超入門の続編として、初級 Javascript を連載します。 超入門の知識を発展させ、ブラウザ画面を動的に操作する部分を中心に解説していきます。

  • JavaScript 入門から初級まで編

    JavaScript の基礎を学べるマガジンです。 最初から最後まで完全無料で公開します。 何をやるにも基礎が大切! ひとつひとつを懇切丁寧に解説していきます。

  • スターウォーズ ~ is my life

    スターウォーズを愛してやまない夫婦が、スターウォーズについて様々な観点から語ります。 まだ観たことがない方からマニアまで、未経験な方には知ってもらうため、マニアな方なら感動を共有できれば!という願いを込めて発信しています。

最近の記事

他言語経験者用 Python 入門④ ~クラス~

オブジェクトクラスを定義する前に、オブジェクトについて簡単にまとめておく。 Pythonのオブジェクトには整数値、文字列、リスト、タプルなどの「種類」があり、これを「データ型」あるいは単純に「型」と呼ぶ。 オブジェクトの型は、type 関数を使うことで調べられる。 type(obj) オブジェクトの id を調べることができる。 id(obj) オブジェクトの比較 オブジェクトの比較には、「同一性」と「等価性」によるものがある。  ・同一性:同じ id を持っ

    • 他言語経験者用 Python 入門③ ~モジュールとパッケージ~

      モジュールモジュールとは Pythonのコードを含む拡張子が「py」のテキストファイルであり、関連性のある「プログラム部品」を1つのファイルにまとめたもの。 標準ライブラリ、あるいはインストール済みの外部モジュールを自分のプログラムに導入するには、import 文を使用する。 import 文の基本構文は以下のとおり何種類かある。 import module_name import module_name as identifier from module_name

      • 他言語経験者用 Python 入門② ~コレクション~

        コレクション(リスト、タプル、辞書、集合) 複数の値を1つの変数で扱うことのできるオブジェクトをコレクションと呼ぶ。 コレクションには、リスト、タプル、辞書、集合がある。 それぞれの特徴は以下のとおり。 ・リスト:  任意の型(整数、浮動小数点数、文字列など)のデータを格納できる。  要素には順序があり、インデックスを用いて要素を指定できる。  リストの要素は変更可能。  他のプログラミング言語における「配列」的な使い方をする。  sample = ['aa', 'bb',

        • 他言語経験者用 Python 入門①

          Python の基礎学習のためのメモ。(基本的には自分用の備忘録) Java、Javascriptなど他言語の経験者を対象とした内容のため、環境構築的な部分は一切飛ばし Python 自体について書いていく。 使用する開発環境は以下のとおり。  ・ Python 3.8  ・ VS Code 参考文献は以下の連載サイト。 Python入門 Pythonの特徴 ①他のプログラミング言語と比べ、シンプルで覚えることが少ない ②Python向け外部ライブラリが豊富 ③活躍の

        他言語経験者用 Python 入門④ ~クラス~

        • 他言語経験者用 Python 入門③ ~モジュールとパッケージ~

        • 他言語経験者用 Python 入門② ~コレクション~

        • 他言語経験者用 Python 入門①

        マガジン

        • 【初級】 Javascript
          0本
        • JavaScript 入門から初級まで編
          10本
        • スターウォーズ ~ is my life
          5本

        記事

          超入門 JavaScript ⑩ ~制御構文(繰り返し)~

          前回の超入門⑨では、配列について学習しました。 配列は、今回のテーマである繰り返しを使う際にほぼ必須と言える知識です。 なので、配列についての理解が不十分と感じる方は、前回の投稿で復習されることをお勧めします。 では早速始めていきます。 前回も使用した以下のプログラムを覚えていますか? var week = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];alert( week[0] );alert( week[1]

          超入門 JavaScript ⑩ ~制御構文(繰り返し)~

          超入門 JavaScript ⑨ ~配列~

          配列は 、1 つの変数に複数のデータを格納するために使われます。 例として、1週間を配列で表現してみましょう。 var week = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];var weekJp = ['日', '月', '火', '水', '木', '金', '土']; このような感じになります。 1行目は、「week」という1つの変数に複数のデータ「Sun」から「Sat」までが格納されています。 2行目は、「

          超入門 JavaScript ⑨ ~配列~

          超入門 JavaScript ⑧ ~比較演算子~

          前回の超入門⑦では、制御構文に入り、分岐( if )について学習しました。 分岐をプログラムするためには、処理を分かれさせるための条件が必要です。 条件に合致するのか、しないのか、その式を書くために必要不可欠なもの。 今回は比較演算子についてです。 まずは、下表に一覧として比較演算子をまとめます。 では1つ1つ、使い方とともに見ていきましょう。 引用となっている説明文は、JavaScript | MDN から引用させていただいています。 1.等価演算子( == )等価演

          超入門 JavaScript ⑧ ~比較演算子~

          超入門 JavaScript ⑦ ~制御構文(if)~

          前回の超入門⑥では、関数についていったん終了としました。 関数はJavascriptという言語においては、最重要の概念なので、入門編を終えてからも折に触れて解説を加えていきます。 さて、今回からいよいよ制御構文に入っていきます。 プログラミングの制御構文は、多くの言語でほとんど同じです。 基本的には、以下の3種類しかないと思って問題ありません。 ① 順次 ② 分岐 ③ 回帰(繰り返し) ①の順次とは、プログラムの命令が記述されている順に上から下へ流れていく制御です。 サ

          超入門 JavaScript ⑦ ~制御構文(if)~

          超入門 JavaScript ⑥ ~関数②~

          こんにちは。 前回の超入門⑤で、関数に突入しました。 関数①ではサンプルとして2つの数値を足し算する関数を作成してみました。 その後、掛け算するプログラムを作ってみよう、というところで終了し、正解例を今回掲載予定としていましたね。 仕様は以下の通りでした。 multiple 関数の仕様は、2つのデータを引数として受け取り、その2つを掛け算した結果を返すとします。 では早速、正解プログラムを載せていきます。 ※ HTMLタグ、およびコメントは除きます。 functi

          超入門 JavaScript ⑥ ~関数②~

          超入門 JavaScript ④ ~変数③~

          こんにちは。 前回の超入門③では、変数の使い方ついてサンプルコードとともに解説しました。 今回は変数について説明し残している項目をとりあげ、変数としては最後の回とします。 復習も含まれますが、変数の宣言は以下のコードです。 var message; 変数の宣言と、初期値の代入を同時にやることもできます。 var message = 'Hello'; ここから新しい内容です。 変数に入れられるデータには「データ型」がある、という話を以前にしました。 まず始めに覚えてい

          超入門 JavaScript ④ ~変数③~

          超入門 JavaScript ③ ~変数②~

          こんにちは。 前回の超入門②では、変数の概要と基礎的な使い方について解説しました。 今回も引き続き変数について、サンプルコードも交えて解説をしていきます。 プログラミングを教えていて肌で感じるんですが、変数のところで躓く人が少なからずいます。 変数で理解が浅い、あるいは理解できてないという状態で先に進んでしまうと、もう ~ The End ~ です。 超入門①のHello Worldや、②の変数は、算数で言うと足し算、引き算ぐらいの知識にあたります。 なので変数については

          超入門 JavaScript ③ ~変数②~

          超入門 JavaScript ② ~変数①~

          こんにちは。 時候の挨拶もすっ飛ばし、早速本題に入っていきます。 2回目の超入門 JavaScript、今回のテーマは「変数」についてです。 読んで字のごとく、「変わる数」です。 と言われても、あまりピンときませんよね。 超入門①で学習したHello Worldを覚えていますか? alert('Hello World'); このプログラムを実行させると、ブラウザでポップアップが表示され 「Hello World」とalert(警告)されましたね。 (内容はぜんぜん警告

          超入門 JavaScript ② ~変数①~

          超入門 JavaScript ①

          JavaScriptの超入門記事、第一弾です。 但し書きとしては、 HTMLやCSSの知識は前提とさせて頂き、記事内での解説は省略します。 掲載プログラムについてコメントで質問を頂いた場合には、HTML、CSSに関する内容であってもできる限り回答していければと思います。 では早速やっていきましょう。 JavaScriptに限らずプログラミングで入門と言えば? そうです。Hello Worldですよね。 今回作るものは以下のとおりです。 【仕様】 ブラウザでプログラムを

          超入門 JavaScript ①