こんにちは！ 朝からジメジメな感じです。 まずは鉄板「Hello World」 今回から具体的なプログラムに入っていきます。 kihon.php printで文字列を書き出しています。 ;も忘れない。 ではでは。
こんにちは！ 日曜は完全休養でリフレッシュ。 PHPとは何なのか ファイルを表示するだけですごく時間がかかってしまった。。 マックでやるときは設定を変えない限りはホスト名に:8888をつけないといけないみたいです。 php_samp.php Chromeを使用しているの…
こんにちは！ ポートフォリオを作成しながら感じましたが、徐々に形が出来上がっていく過程ってやはり楽しいですね。 PHPを勉強する準備 今回も準備の一環ですので、ほぼ内容はございません。 PHP を学ぶにあたり、MAMPというソフトウェアを利用していきます…
こんにちは！ herokuのエラーに焦りまくった一日でした。。。 エラーが解決されるまでオリジナルアプリの開発はストップです。 PHPことはじめ 本日からPHPを学習していきます！ また超入門から始めます。 とりあえず、PHPとは プログラミング言語 処理するシ…
こんにちは！ ITやるなら上目指せよ。 Chapter7-2 Web APIを使ってみよう 現在勉強中の本、最後のコンテンツです。 OpenWeather社さんのWeb APIにチャレンジです。 script.js geolocation を使って現在地の取得を行います。 後ほど使用する時間の設定も行な…
こんにちは！ 今日を含めてあと2日で終了です！ Chapter7-1 あなたはいまどこ？ 今回は現在地の取得を行います。 index.html script.js 個人情報のため経度と緯度は大半を隠していますが、データの取得はできていました。 navigator.geolocation.getCurrentP…
こんにちは！ 本日は洗濯日和ですね。 Chapter6-3 空き席状況をチェック 今回はAjaxとJSONです。 data.json script.js Ajax 通常のブラウザからのリクエストをJavaScriptが代わりに行う仕組みのこと。 非同期通信と言い、ページ全体ではなく一部のみを書き換…
こんにちは！ サッカーの試合がある日はワクワクします。 chapter6-2 ドロワーを作ってみよう 今回はメニューが端から出てくる動きです。 HTML や CSS は動きに関係している部分のみ抜粋します。 index.html special.css script.js hamburger をクリックした…
こんにちは！ 関西の梅雨入りはまだかな？ Chapter6-1 開閉するナビゲーションメニュー 今回はjQueryを扱っていきます。 index.html 今は hidden クラスの設定でリストが隠れています。 これを開閉できるようにします。 script.js jQuery Java Script のオー…
こんにちは！ 夜なのに「こんにちは！」は前職の名残ですね。 Chapter5-5 スライドショー スライドショー、響きがいいですね。 script.js 調べながらでもここまで動かせると気持ちがいいですね。 script.js 真ん中にページ数を表示しました。 script.js 事前…
こんにちは！ 実践的にも面白い内容になってきています。 Chapter5-4 イメージの切り替え 今回はイメージ画像の切り替えです。 トップ画像の変更とか、rails のオリジナルアプリでも応用できそうですね。 index.html script.js 画像をクリックするたびの要素…
こんにちは！ 焼き菓子を買いに行きたくなってきた。 Chapter5-3 プライバシーポリシー承認パネルを作る 今回は cookie の扱いがメインです。 script.js 9行目に ; が抜けていた。。。 js-cookieライブラリ ライブラリとは補助プログラムのことで、定型的な…
こんにちは！ 気分が乗らない時は思い切って休むに限る。 Chapter5-2 プルダウンメニューで指定ページへ 要素の新しい取得方法を学びます。 index.html script.js プルダウンメニューを作成し、ページ移動をさせています。 現状では日本語ページに戻れず、選…
こんにちは！ 応用内容に入っていくので、コードを書く量も盛り沢山です。 Chapter5-1 カウントダウンタイマー 今回はDateオブジェクトを使用してのカウントダウンタイマーの作成です。 script.js まず変数 goal で今日の最後の時間を設定しています。 goal …
こんにちは！ 天気が良くなれば散歩に行きたい。 Chapter4-3 小数第○位で切り捨てる 今回は Math オブジェクトで円周率などを扱います。 script.js Math.PIで円周率を取得。 Math.floor(数値)で小数点以下を切り捨てる。 では、小数第○位での切り捨てはどう…
こんにちは！ 日曜日は久しぶりのイベント参加でリフレッシュできました！ Chapter4-2 わかりやすく日時を表示する 今回は Date オブジェクトを少し詳しくやります。 script.js new Date() 現在日時を記憶した状態で Date オブジェクトを初期化しています。 …
こんにちは！ 継続は力なり。 Chapter4-1 フォームの入力内容を取得する 今回はイベントと、フォームからの取得の話です。 index.html script.js 今回はonsubmitで送信ボタンがクリックされた直後にイベントが発生しています。 次に入力したデータを読み取り…
こんにちは！ 土曜日もやっていきますよ、っと。 Chapter3-11 アイテムの価格と在庫を表示する 今回はオブジェクトが登場です。 script.js 配列と同じように{}を使っていきます。 let 変数名 = {プロパティ1:データ,プロパティ2:データ,..., プロパティX:デ…
こんにちは！ 今回は配列やHTMLへの挿入など盛りだくさんです。 Chapter3-10 項目をリスト表示する まずは配列からです。 script.js let 変数名 = [データ0, データ1,．．．,データX] このように配列を作成します。 配列は後からデータの追加ができるので、…
こんにちは！ 新しい知識を入れること、意外に楽しい。 Chapter3-9 FizzBuzz 割り算のあまりを判定に利用していきます。 3で割り切れるか、5で割り切れるか、などを判定するゲームですね。 もちろん、前回学んだ function も使っていきますよ。 script.js nu…
こんにちは！ お昼も眠気に負けず頑張るぞい。 Chapter3-8 税込価格を計算する 今回は function の基本です。 script.js HTMLに表示。 コンソールにも表示。 function を作るメリット 使いたい時、 どこからでも、何度でも呼び出せる 今回はHTMLとコンソール…
こんにちは！ RPG的なノリは大好きです。 Chapter3-7 コンソールでモンスターを倒せ！ 今回は繰り返しの回数が決まっていない場合です。 script.js 同じダメージが2回続きましたね笑 これはなかなかレアなパターンです。 前回は回数を決めて繰り返しをおこな…
こんにちは！ 水分補給は大切。 Chapter3-6 1枚、2枚、3枚・・・と出力する 今回は while 文ですね。 script.js while while(条件式) { 条件式が true の時にここが繰り返し処理される } 今回の場合では、変数の i が10になるまで足され、その間コンソールに…
こんにちは！ 最近は朝も暑くなってきましたね。。。 Chapter3-5 時間で異なるメッセージを表示する 時計を表示していく練習です。 script.js 更新時が10時台でしたので、お弁当にサービスはありませんでした。 Date のお勉強は後の内容だそうです。 論理演…
こんにちは！ 乱数の要素が出てくるとワクワクしますね！ Chapter3-3 数当てゲーム では早速いきます。 script.js Math オブジェクトの内容は今後のお楽しみみたいです。 Math random でランダムに数字を生成しています。 parseInt(変換したい文字列) prompt…
こんにちは！ 今回はあっさりです。 Chapter3-3 動作のバリエーションを増やす 今回は else if の登場です。 script.js yes を入力。 no を入力。 other を入力。 if 文の特徴としては、 * 上の条件式から評価を行う。 * false であれば下の条件式を評価。 *…
こんにちは！ サッカー日本代表の試合を楽しみに頑張ります！ Chapter3-2 入力内容に応じて動作を変更する 最初は変数 let と定数 const です。 まずは変数 let から。 script.js let answer = 'yes'で answer と名付けた変数に yes を代入しています。 answ…
こんにちは！ この3日間、ずっと'use strict'を'use script'と間違えていた。。。 記事は全部修正しました。。。 Chapter3-1 確認ダイアログボックスを表示する 今回は確認ダイアログボックスとif文の登場です。 script.js window.confirm(メッセージ) 確認…
こんにちは！ アウトプットも3つ目です。いい感じ。 Chapter2-4 HTMLを書き換える index.html 今回はidを取得して書き換えを行います。 まずは要素の取得から。 document.getElementById('id名') そして取得した要素の書き換えです。 document.getElementByI…
こんにちは！ Ruby のスキルチェック問題も並行して取り組んでいます。 なかなかの解きごたえです。。。 Chapter2-3 ダイアログボックスを表示する script.js alertメソッドはwindowオブジェクト用。 logメソッドはconsoleオブジェクト用。 間違えないように…
