2021-10-01から1ヶ月間の記事一覧
〇onchangeイベント フォームに入力された内容が変わったときに発生 <body> <form id="form"> <select name="select"> <option value="1">日本語</option> <option value="2">English</option> <option value="3">中文</option> </select> </form> </body> <script> document.getElementById('form').select.onchange = function(){ 処理 ; } </script> 参考：jav…
〇setTimeoutメソッド 待ち時間後にファンクションを一度だけ実行する setTimeout(ファンクション,待ち時間); 例）1000ミリ秒（＝1秒）後にcalcファンクションを実行する setTimeout(calc,1000); ＝MEMO＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝…
＜やり方＞ 取得した<form>要素.読み取りたいフォーム部品のname属性.value</form>
〇定数／変数 値の変更ができない！と思っていたら、変数ではなく定数で宣言していた。 〇スコープ 値の変更ができない！と思っていたら、ローカルな範囲でしか有効ではない変数を変更しようとしていた。 〇小文字／大文字 DBに大文字でテーブル名をかき、呼…
○配列の要素をすべて取得する（for…of文） for(let 変数名 of 対象となる配列名){ 処理 } ○配列に要素を追加する 配列の変数名.push(追加したいデータ) 〇配列の各項目を繰り返し処理する（forEachメソッド） 配列.forEach(function(function,index){ 処理内…
〇マイグレーションで生成したテーブルを削除する (a)テーブルの情報の保管場所…MySQL (b)テーブルのデータの書き換え場所…VScode ①まずは(a)を消す！ すべてのテーブルをドロップ（削除）してから再びマイグレーション コマンド： php artisan migrate:fres…
グループについて ・ユーザーは必ず１つ以上のグループに所属している必要がある。 「owl」ユーザーを追加する ↓ 自動的に「owl」という名前のグループも追加される ↓ 「owl」ユーザーは「owl」グループに所属する （プライマリーグループ） ・確認方法 # le…
〇grep（グレップ）コマンド ・ファイルの中からデータを検索する。 ・引数として指定されたファイルを読み込んで、引数として指定された正規表現に 一致する箇所を探し出す。一致したパターンを列挙して表示したり、一致した回数を カウントして表示させる…
＜準備＞ １．プロジェクトを作成 composer create-project laravel/laravel プロジェクト名 --prefer-dist バージョン指定は、↑の最後にこれを足す（6を指定する場合の例） "6.*" ２．phpMyAdminでDBを作成 ３．.envファイル変更 DB_DATABASE=phpMyAdminで…
例） <html> <body> <section> <p>最終アクセス日時：<span id="time"></span></p> </section> </body> </html> <script> const now = new Date(); const year = now.getFullYear(); const month = now.getMonth(); const date = now.getDate(); const hour = now.getHours(); const min = now.getMinutes(); const output = `${year}/…
onsubmitイベント 送信ボタンがクリックされた直後で、入力内容がサーバーに送信される直前に発生する。 ＜使用方法＞ 取得した要素.onsubmit = function(){ 処理内容 }; ※イベントに代入するファンクションには、ファンクション名はつけない。 ＜使用例＞ <html> <section> <form action="#" id="form"></form></section></html>…
○アラートダイアログボックス（p46） window.alert('ここに書いた文字や数式がでる'); 使用例）データの中身を確かめるのに、console.log()みたいに使える。 alert('click'); ○確認ダイアログボックス（p58） window.confirm('メッセージ'); confirmメソッド…
○要素の取得-1（id） document.getElementById('id名') 例）html <p id="choice">ここに日時を表示します</p> JavaScript console.log(document.getElementById('choice')); ○要素の取得-2（cssセレクタ） document.querySelector('CSSセレクタ') 例）HTMLのボタンをクリックし…
楽天のAPIとVue.3を使って人気商品の情報を取得しました。 src>App.vue <template> <div class="m-5"> <h1>楽天商品ランキング（20代）</h1> <Item v-for="shohin in shohinList" v-bind:ItemObj="shohin" v-bind:key="shohin.Item.rank" /> </div> </template> <script> import Item from "./components/Item.vue"; export default { name: "App", components:…
