サルでもわかるWEBプログラミング

フリーソフトのみでホームページ作成

ユーザ用ツール

サイト用ツール


04.javascriptで電卓アプリ:index.html


差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
04.javascriptで電卓アプリ:index.html [2018/12/08] – [3. calculator.htmlファイル(HTMLファイル、ホームページのファイル)を作成] adash33304.javascriptで電卓アプリ:index.html [2018/12/08] (現在) – [3. calculator.htmlファイル(HTMLファイル、ホームページのファイル)を作成] adash333
行 25: 行 25:
 </code> </code>
  
-今回は、[[https://algorithm.joho.info/programming/javascript/simple-calculator/|こちらのサイト]]こちらのサイトのソースコードを利用させていただこうと思います。+今回は、[[https://algorithm.joho.info/programming/javascript/simple-calculator/|こちらのサイト]]のソースコードを利用させていただこうと思います。
  
 eval関数という、指定した文字列が「 JavaScriptのプログラムコードとして正しいか 」を評価した上で それを実行する関数を用いますが、使用するにはリスクもあるようです。(参考:[[http://www.recipi.jp/7879|JavaScript【 eval 】 ~ ソースコードの評価と実行]]) eval関数という、指定した文字列が「 JavaScriptのプログラムコードとして正しいか 」を評価した上で それを実行する関数を用いますが、使用するにはリスクもあるようです。(参考:[[http://www.recipi.jp/7879|JavaScript【 eval 】 ~ ソースコードの評価と実行]])
行 46: 行 46:
 Windowsパソコンでも、Macでも、できれば、Chromeというブラウザをインストールして、Chrome上で操作を行ってください。 Windowsパソコンでも、Macでも、できれば、Chromeというブラウザをインストールして、Chrome上で操作を行ってください。
  
 +ただし、プログラミングには『タイプミスによってプログラム全体が動かない』ことが非常によくおこります。
 +
 +VisualStudioCodeというソフトを用いてプログラミングを行うと、タイプミスがあると、下に赤い波線が表示されて、指摘してくれることが多いので、タイプミスが減ります。
 +
 +実際にプログラミングを行うときは、https://azure.microsoft.com/ja-jp/products/visual-studio-code/からインストールして、VisualStudioCode上でプログラムを打ち込んで保存してから、GitHub上にコピペするのがお勧めです。
 ==== 1.GitHubアカウントは作成済みとします ==== ==== 1.GitHubアカウントは作成済みとします ====
 GitHubアカウントの作成方法については、[[:index.html|このサイトについて]]をご覧下さい。 GitHubアカウントの作成方法については、[[:index.html|このサイトについて]]をご覧下さい。
行 68: 行 73:
 <html> <html>
 <script src="https://gist.github.com/adash333/69c4a5df13a0e6d3c105260f318f7f94.js"></script> <script src="https://gist.github.com/adash333/69c4a5df13a0e6d3c105260f318f7f94.js"></script>
-<html>+</html> 
 + 
 +==== 4.Bulmaのcolumn(カラム)システムを用いて計算結果とボタンをデザイン ==== 
 + 
 + 
 + 
 + 
 + 
 +参考(公式サイト):https://bulma.io/documentation/columns/ 
 + 
 + 
 + 
  
 ===== 参考サイト ===== ===== 参考サイト =====


04.javascriptで電卓アプリ/index.html.txt · 最終更新: 2018/12/08 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki