読者です 読者をやめる 読者になる 読者になる

目指せSE!一から始める勉強日記!

レッサーパンダ好きの20代サラリーマンが友達の指導を受けながらJavaScriptを勉強する記録です!

JavaScript入門編1:JavaScriptを始めよう(後半)!

こんばんは!

 

半月ほど前の更新から時間が経ってしまいましたが

久しぶりに頑張って勉強しようと思います!

 

今日は前回の続きで『paizalerning』の、『JavaScript入門編』の『JavaScript入門編1:JavaScriptを始めよう(全9回)』の6回からをまとめようと思います。

 

【#06:サイコロを作ろう】

『console.log("〇〇"+変数+"〇〇");』という形にすると「〇〇変数〇〇」と表示されます!

コードは『+』で前後とつなぐ事ができるようです!

 

『Math.random()』は0以上1未満のランダムな数値を出力する関数のようです。

コードを実行するたびに違う数字が表示されます!

 

『parsInt()』関数を使うと()の中の小数点以下を切り捨てます!

 

『*』を使うとコード上で掛け算もできるみたいです!

なんだかエクセルみたいですね!

 

また、関数には必ず『()』がついていて『()』の中の数字の事を『引数(ひきすう)』と言うそうです。

それと関数の結果の数字を『戻り値(もどりち)』または、『返り値』と呼ぶそうです。

 

 

【#07:演算子で計算してみよう】

演算子

『=』…代入演算子

 

◇算術演算子

『+』…足し算

『-』…引き算

『*』…掛け算

『/』…割り算

『%』…剰余演算子(割り算をした時の余りを求める)

プログラム上の計算も掛け算と割り算が優先されるので先に足し算、引き算をしたい時は、『()』で閉じる必要があるようです!

 

 

【#08:値段を計算してみよう】

このチャプターは新しいことは特に出てこず、算数の勉強を思い出す感じでした!

 

 

【#09:データの型を覚えよう】

JavaScriptでは数値のデータとテキストのデータをしっかりと区別しているようです!

プログラムを構成する際は注意しましょう!

数値のデータも『""』で囲うとテキストデータになるようです!

 

 

入門編1が終わりました!

次回は『JavaScript編2』か『プログラミングスキルチェック』のD問題にチャレンジしようと思います!

 

 

JavaScript入門編1:JavaScriptを始めよう(前半)!

仕事とプライベートが忙しく

久しぶりの更新になりました…

 

友達からはpaizaの問題を解くようにと課題をもらったんですが

難しすぎるので今日はpaizalerningで勉強をしようと思います!

 

まず、paizaにログインをしてページ上部の『動画学習』を選択します。

f:id:ailurusfulgens:20170126212729p:plain

 

paizalearningのページが開けたら下の方にある『JavaScript入門編』をクリックします。

f:id:ailurusfulgens:20170126212953p:plain

 

するとレッスン一覧が開かれました。

今日は『JavaScript入門編1:JavaScriptを始めよう(全9回)』の5回までをまとめようと思います。

f:id:ailurusfulgens:20170126213331p:plain

 

動画学習なので要点をまとめる形になると思います。

 

【#01:JavaScriptとは?】

始めの動画です。

JavaScriptがどういうものか、どういうところで使われているかの説明の内容でした。

少し早口なような気もしますが、一時停止も巻き戻しもできるので安心です。

内容は勉強しながら理解しようと思います。

 

【#02:JavaScriptでプログラムを書いてみよう】 

f:id:ailurusfulgens:20170130213529p:plain

説明されますがいよいよコードを書く実践に入ります。

右側にコード入力をする画面がありますが動画を聞きながら入力するとスペルミス等をしやすいので、作業する際は動画を止めて入力をするのがオススメです。

慣れないコードなので覚えるのに苦労しそうですね…

『console.log(" ");』の記号一つでも抜けると動作しないとはプログラミングは大変なんだなと実感できます。

間違えやすいのは綴りもですが全角でもエラーになるので注意です!

それと大文字でもダメだそうなので気をつけましょう!

 

動画解説の後に演習課題がありますが

問題が解けたら『コードの実行』を選択してエラーが出ていなければ『採点する』をクリックしましょう!

結果が出ますので頑張りましょう!

f:id:ailurusfulgens:20170130215919p:plain

 

【#03:コメントで、プログラムを見やすく!】

『//(ダブルスラッシュ)』を使ってプログラム上にコメントが残せるようです!

プログラムに関係なく記録ができるので伝言もできますし、

『//(ダブルスラッシュ)』をプログラムの頭につけて一時的にプログラムを機能させなくさせるのを『コメントアウト』と言うそうです。

また、複数行コメントにするには『/*』と『*/』でコメントにしたい範囲を囲うといいそうです!

 

【#04:HTMLを表示してみよう】

『<h1></h1>』や『<p>』、『<b></b>』を使ってHTML表示の際に表示を変えれるようです。

また、『text表示』の時に『console.log』ではなく『process.stdout.write』を使うと改行されずに表示されるそうです。

『process.stdout.write』を使っている時に改行するには『\n』を入力するといいそうです。

ちなみに、Macで『\(バックスラッシュ)』を入力するには「optionキー」を押しながら「¥」を押すと入力できます。

 

HTML表示がなんなのか勉強しないといけないなと思う領域の勉強でした。

<>の中に入れる指示も多そうなのでゆっくり覚えていければと思います。

 

【#05:変数を使えるようになろう】

『var 〇〇=" ";』と言う表記を使うことで

〇〇とプログラムに入力すると=の先が表示されるようになるようです!

ゲームでよくある名前を設定してください。と言うのはこの変数を利用してるんですね!

 

前半の学習を終えました!

英語が元々苦手だったのでアルファベットがたくさんで頭が痛くなりましたw

次は後半の学習も頑張ろうと思います!

 

paizaに登録!

こんばんは。

ここ連日とても寒いですね。

僕は、最近iPhoneの電池が20%前後で急に電源が切れるので困っています…

氷点下の環境では使用を想定していないとのことですが

そこまでは寒くないのにと思いながらもめげずに手で温めて使っています。

 

そんなことは置いておいて、

今日からいよいよプログラミングに関わることを始めようと思います!

 

今回は『paiza』に登録してみようと思います!

エンジニアの転職サイトとの事ですが、プログラミングを勉強する事もできるみたいです!

 

まずは、下記URLを検索します。

https://paiza.jp/

 

f:id:ailurusfulgens:20170116212833p:plain

すると、このようなページが現れます。

左中段部の『paizaを試してみる(無料)』か、上段右の『新規登録』をクリックします。

 

f:id:ailurusfulgens:20170116213202p:plain

『新規ユーザー登録(無料)』画面に移動しました。

『メールアドレス』、『生まれ年』、『主な経験分野』、『パスワード』を入力します。

『主な経験分野』は、正直に選択肢の〈開発経験なし〉を選びました。

また、『提出コードを企業に匿名開示してオファーを受ける』はオファーが来る事が

まず無いと分かりながらもチェックを入れました。

SNSアカウントで登録は素性を明かしたくも無いのでやめておきます。

 

入力ができら『規約に同意して、登録する(無料)』をクリック。

 

f:id:ailurusfulgens:20170116214631p:plain

『プロフィール簡易登録』に移動しました。

『就職状況』、『転職意思』、『主な使用言語』を選択します。

私は〈在籍中〉、〈よい求人があれば転職を考えたい〉、〈JavaScript〉を選択しました。

しかし、〈よい求人があれば転職を考えたい〉とは、未経験なのに上からのようで抵抗感を感じますね。

選択できたので『登録を完了する』をクリック。

 

f:id:ailurusfulgens:20170116215338p:plain

すると、メールを確認してくださいという画面が表示されました。

登録したアドレスにメールが届いていました。

 

f:id:ailurusfulgens:20170116215559p:plain

この写真の続きにURLが記載されていたので、クリックしてみましょう。

 

f:id:ailurusfulgens:20170116220104p:plain

『paizaログイン』画面に移動しました。

本登録が完了したようです。

折角なのでログインをしてみます。

 

f:id:ailurusfulgens:20170116220309p:plain

こんな画面が出て来ました。

一番下の『プログラミングを学びたい!』等を

今後勉強しながらブログにできればと思っています!

 

今日は最後にしておくべき事をお伝えできればと思います。

それは、メールマガジン対策です!

毎日欠かさず初期設定だとメールマガジンが届きます。

なので、減らす方法をお伝えして今日は終わりにしようと思います。

 

マイページの右上にある『設定』の『アカウント設定』をクリックします。

f:id:ailurusfulgens:20170116220736p:plain

 

f:id:ailurusfulgens:20170116220835p:plain

すると、『アカウント設定』のページに移動します。

ここの、『新着求人のお知らせ』、『問題追加、問題解説その他お知らせ』が最初はONになっていますので、これを両方ともOFFにします。

これだけで、かなり届くメールが減ります!

 

これは先日ブログにしたA8.netも同じ事が言えるので

メールマガジン気になる方は設定される事をお勧めします!

 

次回はいよいよ問題を解いてみようと思います。

 

読んでくださった方、ありがとうございます!

 

 

A8.net登録!

こんばんは!

世間では成人式が昨日終わり、朝に成人式のニュースを見て何年前だったかなっと懐かしくなっていますが本日も勉強を進めようと思います!

 

僕は今友達からの指導を受けて勉強していますが、その友達から「折角ブログで記録を残すなら広告を載せたらどうだ?」

と言われたので、今日はA8.netに登録してブログに広告を掲載しようと思います!

 

当然その流れも記事にするのですが、まだ本題のJavaScriptに関しては何もしてないのにいいのかなと少し後ろめたさもありますが、特に読者もいないと思うので割り切って綴ります!

 

まずは下のURLを検索して左上の『今すぐ登録する(無料)』をクリック。

http://www.a8.net/

f:id:ailurusfulgens:20170110225242p:plain

 

するとメールアドレス登録の画面に移動しました!

f:id:ailurusfulgens:20170110225312p:plain

『メールアドレス登録』の欄にメールアドレスを入力し、『私はロボットでありません』にチェックを入れて…

 

パソコンを操作するロボットっているのかな?

ソフトやプログラムではなくロボットってことはペッパー対策?と無駄なことを考えつつ、『利用規約に同意する』にチェックを入れ、一番下の『上記内容で送信』をクリック!

f:id:ailurusfulgens:20170110225410p:plain

 

するとすぐにメールが届きました!

メールに記載されているURLをクリックすると基本情報登録のページが開かれました!

f:id:ailurusfulgens:20170110225424p:plain

続いて※がついている必須項目(といってもほぼ全部)を入力。

だらだらと入力しているとタイムアウトするので注意!

僕は別の作業しながら入力していたらタイムアウトしました(^^;

 

今回はこのブログがあるので『サイトをお持ちの方』を選択。

f:id:ailurusfulgens:20170110225725p:plain

 

するとサイト情報登録画面に移動しました。

f:id:ailurusfulgens:20170110230246p:plain

今回も必須項目しかありませんがめげずに記入していきます…

『サイトURL』の欄に初歩的ですがhttp://が既に入力されているのでコピペする時に注意しつつ入力を続けます。

『月間訪問者数(延べ)』と『月間ページビュー数』はブログを開始して間も無く記事もほぼ書いていないので正直に回答するか悩みつつ、目標も兼ねて○○以下の最大の物を選択しました!(いつか本当になるように頑張ります!)

『サイト紹介文』はブログの紹介文を引用し、一番下の『次のステップへ』をクリック!

 

ついに『口座情報登録』までやって来ました!

f:id:ailurusfulgens:20170110231820p:plain

やはり今回も全て必須項目です…

基本情報の建物名以外必須項目ならいっそのこと全て必須項目にすればいいのにと思ってしまいますが、こちらも入力して一番下の『登録』をクリック!

 

『登録情報の確認』画面に移動しました。

f:id:ailurusfulgens:20170110232728p:plain

内容を確認していくとしたの方にこんな項目が…

f:id:ailurusfulgens:20170110232906p:plain

広告は多くてもいいかなと思うので全てのチェックを入れたまま、『上記の内容で登録する』をクリック!

 

f:id:ailurusfulgens:20170110233139p:plain

無事入会できたようです。

『ASID』が今までに入力したIDやパスワード以外に設定されているので控えておいた方が良さそうです。

お問い合わせの際に必要になりますと書いていますし…

 

登録情報の下に自分で登録や申し込みをすれば報酬がもらえるリンクが2つ程出ていますが、メールとかが増えると面倒なので僕はやめておきます!

 

最後に一番下の『A8.net管理画面はこちら』をクリックしてみます。

 

f:id:ailurusfulgens:20170110233743p:plain

最後だと思っていましたがかなり大切な画面が出て来ました!

とりあえずクリックしてみます…

 

かなり分かりやすい貼り方が表示されました!

念の為リンクを記載しておきますが1度見れば理解できそうです!

http://support.a8.net/as/new_as/

ステップとしては…

①管理画面の『プログラム検索』を選択

②一覧から好みに合うプログラムの『提携申込み』を選択し、『提携申請する』を選択

③管理画面の『プログラム管理』の『参加中プログラム』を選択し、『広告リンク作成』を選択

④素材にいくつかパターンがあるので自分のサイトに合いそうな物を選び、英数字部分をコピー

⑤ブログ等の本文に英数字を貼り付けて更新すれば完了

とのことです!

 

実際にこの記事にもいくつか広告を早速つけてみようと思います!

ドキドキしながらブログの公開ボタンを押してみます!

 

次回は、ようやくプログラミングの入り口に立つブログが書けそうです。

 

読んでくださった方、ありがとうございます!

 

(補足)

①広告の英数字のコピーは『素材を選択』を押すと全選択されるのでURLを途切れさせない為にも『素材を選択』を押した方が良さそうです。

はてなブログで広告のURLを貼り付ける時は『HTML』編集にしないと英数字が表示されるだけなので注意です!僕は少し迷宮入りしてしましました。気をつけましょう!

 

 

 

はてなブログ開設!

今日は、ブログの開設を簡単にまとめてみようと思います!

 

まずは『はてなブログとは - はてなブログ』のページの『はてなブログをはじめる(無料)』を選択します。

すると下の画像のページが出てきます。

 

f:id:ailurusfulgens:20170109174051p:plain

 

まず、①の欄に希望のURLを入力します。

②でURLの後半部分を選択します。

URLは後から変更ができないので、納得のいくURLを考えることが大切です。

ちなみに、私はレッサーパンダの学名という記事と内容の関係のないURLにしています。

 

その次に、③のところにチェックを入れて、④の『ブログを作成」を押せば下の画像のページが出てきます。

 

f:id:ailurusfulgens:20170109175053p:plain

 

グループは後で設定もできるようなので⑤の『スキップ』でもとりあえずはいい思います。

選択すると下の画像が画面上部に表示されたページに移動します。

 

f:id:ailurusfulgens:20170109180445p:plain

 

⑥の『記事を書く』を選択すると記事作成ページに移動します。

 

ですが、その前に⑦の下矢印を選択して下の画像の選択肢を表示させ設定を行うことをお勧めします!

 

f:id:ailurusfulgens:20170109180734p:plain

 

この選択肢の設定でブログ名などを設定できるので

設定してからブログを開始する方が良いかなと思います。

設定の際は、一番下に『変更する』というボタンがあるので

押し忘れないようにしましょう。

 

また、個人的にはデザインの変更をするとそれっぽくなるのでお勧めです!

 

あとは、個人の趣味になると思うので、とりあえず今日はここまでにしようと思います!

MacBook Air入手!!!

本日MacBook Airを入手しました!

 

サラリーマンをしながらですが、

今後友達に教えてもらいながらプログラミングを勉強することになりました!

 

勉強したこと、気付いた事を今後書いていこうと思います!

 

今日は起動してicloudの登録、ブログのアカウントの取得をしました!

まだまだ慣れなくて時間がかかりますが頑張っていこうと思います!