2020-01-01から1年間の記事一覧
やりたいこと 1つのformタグから複数画像をアップロード myprofileEdit.ejs <form action="/myprofile_img" method="post" enctype="multipart/form-data"> プロフィール写真の変更<input type="file" name="account_img"><br> 店舗詳細写真の変更 <input type="file" name="shop_img"><br> 店舗画像１<input type="file" name="img1"><br> 店舗画像２</form>
今回は既にinsert済みのshopテーブルにてnullで指定していた画像を投稿するカラムの更新について詰まった点を記述する 使用コードは２点 formタグを使用してpost処理を実行する myprofileEdit.ejs postを受け取りupdate文を実行する myprofile_img.js コード…
やりたいこと トップページ（top.ejs)内の検索ボックス(inputタグ）に入力した値を使用して検索をかける。 検索ワードを含む記事をデータベースから取得し一覧（d_search.ejs)で表示させる。 試したこと 一覧を表示させるために d_search.jsを用意 このファ…
以下でフロントを実装した連絡先フォームをfirebaseと連携する kirikko-scondcube.hatenablog.com firebaseセットアップ firebaseコンソールからプロジェクトの追加を選択。 必要事項を選択し、プロジェクトを作成後、webアプリを選択で上記画面が出る。 こ…
Vue cli をインストールする際にデフォルトではなくカスタムを選択し、Vuexを選択すると使える。 storeフォルダのindex.jsのファイルを記述していくことで使う ステイト、ミューテーション、アクション、ゲッターの機能がある デフォルトのコードは以下 src/…
Vue cliでプロジェクトをcreateする方法はこちら参照 https://qiita.com/H-Toshi/items/2dbd9f72d28815a67924 作成したプロジェクト内で ターミナルを開き $ vue add vuetify でプロジェクトを作成可能 インストールすると作成したフォルダが書き換えられる…
過去記事の続きです。 kirikko-scondcube.hatenablog.com kirikko-scondcube.hatenablog.com 今回最初に操作するのは src/App.vue App.vue <template> <div id="app"> <div id="nav"> <router-link to="/">Home</router-link> | <router-link to="/about">About</router-link> </div> <router-view/> </div> </template> <style lang="scss"> #ap…
この記事は前回の記事の続きです。 kirikko-scondcube.hatenablog.com SPAの特徴 SPAはページの描画は一度（初回アクセスが重くなることがある）。 軽快に動作するアプリケーションが作れる。 Vue Routerの機能 ページごとの画面の切り替えをする機能 確認す…
Vue CLIでcreateしたファイルの主なフォルダの役割について インストールしたファイルの階層 メモ 画面で表示される。ファイルはpublicフォルダに入れる。 大事なのはpublic/index.html 内の<div id='app'><div> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> </meta></meta></head></html></div></div>
参考動画 https://www.youtube.com/watch?v=uNR_WKLFh48&list=PLkQpCfbvj0lwds9oPsRRrFp1ZxTGyueqv&index=14 メモ propsはdataを扱うのと似た感じで使える slotを使うとタグの間に文字が入れられて視認性が良い <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume…</meta></meta></head></html>
グローバルは過去記事の記載方法 kirikko-scondcube.hatenablog.com kirikko-scondcube.hatenablog.com kirikko-scondcube.hatenablog.com 簡単に言うと Vue.component(第一引数, 第二引数） で宣言し、使用するもの しかしこの場合常にコンポーネントの読み…
① コンポーネントは data:{ }, template,,,,,,,,,,,, といったオブジェクトの記述は出来ない。 この場合は data(){第一引数（コンポーネント名, 第二引数（コンポーネント内容））) の記述をする 例） Vue.component('title-com',{ data(){ return{ text:'コ…
2つのコンポーネントを作成→入れ子構造にして表示を実装 コンポーネントについての過去記事は以下 kirikko-scondcube.hatenablog.com コード <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h1>Vueの練習</h1> <div id="app"> <h2>{{messa…</h2></div></body></html>
【ルール】 componentは Vue の宣言前に書く（複数のVue宣言がある場合、使用できるのはcomponetを作成した記述以下で記載されたVue宣言の場所で使用可能） component以下で記述のVueではどこでも使用可能 html上にて作成した名前のタグで呼び出す 呼び出す…
Gitkrakenを使用していてつまずいたことなどのぼやき記事 Pull とMargeを混同して考えていた件 以下ではpullとmargeを混同していた為、pullに迷走した自分がpullではなくmargeをするという考えが大切だったと気づくまでの軌跡です。 以下記事 Gitkrakenのプ…
htdocsのディレクトリへ移動 コンポーザーを入れる composerは一度入れてグローバルに入れれば2度目はインストール不要（アンインストールすると入れる必要あり） composerインストール curl -sS https://getcomposer.org/installer | php composerをグロー…
githubへpushしたフォルダをcloneしてチーム開発に使いたい。 そんな時にcloneしたけど自分の環境だと開けないよ、、 となった時 この記事は以下の記事の続きです。 kirikko-scondcube.hatenablog.com kirikko-scondcube.hatenablog.com 上記記事の要領でpus…
Laravel5.8で開発を始める環境構築方法 参考： https://qiita.com/KZ-taran/items/789d6e0fc1963d7babad ターミナルを開く MAMPのhtdocsの階層へ移動 以下のコマンドを入力 ・コンポーザーの準備 curl -sS https://getcomposer.org/installer | php sudo mv …
参考記事 https://techacademy.jp/magazine/6235#sec4 https://backlog.com/ja/git-tutorial/reference/basic/ 記事作成の背景 githubにLaravelのフォルダをアップロードしようとしたらフォルダのファイル数が100を超えていて、アップロード出来なかった。 ↓…
fullcalendarの使用方法についての記録 HP:https://fullcalendar.io/ get startedを押す downloadからzipファイルをダウンロード 使用するのはpackages このフォルダ内に作業ファイルを作る 今回は「test.htmlとtest2.html」を作成 基本のカレンダー表示はこ…
//1. POSTデータ取得 //$name = filter_input( INPUT_GET, ","name" ); //こういうのもあるよ //$author = filter_input( INPUT_POST, "author" ); //こういうのもあるよ $name = $_POST['name']; $author = $_POST['author']; $kan = $_POST['kan']; $kanso…
//３．データ登録SQL作成 //prepare("")の中にはmysqlのSQLで入力したINSERT文を入れて修正すれば良いイメージ $stmt = $pdo->prepare("INSERT INTO gs_bm_table2(name,author,kan,kansou,indate)VALUES(:name,:author,:kan,:kansou,sysdate()); "); $stmt->…
基本的なDB接続の記述 //2. DB接続します try { //localhostの時はこれ。さくらの場合さくらのデータベースをいれる //Password:MAMP='root',XAMPP='' $pdo = new PDO('mysql:dbname=gs_db;charset=utf8;host=localhost','root','root'); } catch (PDOExcept…
phpファイルからmysqlのDBへの接続がエラーになった原因を探した結果 https://qiita.com/Masataka_Sugi/items/30fa760a4c0c0699857a を参考にしたところ。 MAMPの id:root pass:root としたら解決 エラーの時は id:root pass:'' としていた。 コードはこちら…
SQLは ・コメントアウトは「--」を頭につける ・「'」シングルコートしか使わない（「"」ダブルコーテンションは使用不可） SELECTを使用したSQLの抽出の練習 DB01-11演習 1.SELECT * FROM gs_bm_table WHERE id = 1 OR id = 3 OR id =5 2.SELECT * FROM gs_…
php myadminの画面 DBの基本設計 id: int(12) PRIMARY KEY:AUTO_INCREMENT name: VARCHAR (64) email: VARCHAR(128) naiyou: TEXT indate: DATETIME 補足： intは数字のこと。（）内の記述でその項目の最大入力可能文字数を指定 VARCHARは文字列のこと。（）…
関数の引数と戻り値についての理解がさっぱり分からない そんな時に朗報が まずこのサイトが分かりやすい https://developer.cybozu.io/hc/ja/articles/115005338743-%E3%81%AF%E3%81%98%E3%82%81%E3%82%88%E3%81%86JavaScript%E7%AC%AC9%E5%9B%9E-JavaScrip…
サニタイズとは こちらのURLに詳しく記載があった https://webukatu.com/wordpress/blog/1635 具体的な書き方 xss.php <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <form method="post" action="xss3.php"> <p>お名…</p></form></body></html>
初めてReactを触るにあたってサーバーへのアップロードに苦戦した 以下のサイトの41-43ページに解決方法記載あり https://books.google.co.jp/books?id=2ayWDwAAQBAJ&pg=PT44&lpg=PT44&dq=react+%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC+%E3%82%A2%E3%83%83%E3…
ログイン認証の実装は前述 kirikko-scondcube.hatenablog.com にて説明の通り。 https://www.youtube.com/watch?v=CvkCjfHts9A chat appは https://www.youtube.com/watch?v=CK2XEyVGc6c&t=17s が分かりやすい。 【実装してみた所感】 ・今回はchatを先に作…
