2020-05-01から1ヶ月間の記事一覧

PHP サニタイズについて

サニタイズとは こちらの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 サーバーの上げ方 google books api を使った検索サイトを作った

初めて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…

Javascript firebase chat app 作成

ログイン認証の実装は前述 kirikko-scondcube.hatenablog.com にて説明の通り。 https://www.youtube.com/watch?v=CvkCjfHts9A chat appは https://www.youtube.com/watch?v=CK2XEyVGc6c&t=17s が分かりやすい。 【実装してみた所感】 ・今回はchatを先に作…

Javascript ログイン認証実装

実行&記述日 2020/5/18 参考にしたURL: https://www.youtube.com/watch?v=CvkCjfHts9A この動画だと不十分(2分50秒くらい) firabase uiのログインのコピペ部分 https://firebase.google.com/docs/auth/web/firebaseui firebase ui のコピーして使う部分 …

Javascript forEach 使い方

今回はforEachによるloginとlogoutのレイアウト変更について コードは以下 <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=, initial-scale=1.0"> <title>Document</title> </head> <style> .hidden{ display: none; } </style> <body> <form action="" class="form hidden"> </form></body></html>

javascript 連想配列

html <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <button id="btn">test</button> <button id="btn2">test2</button> </body></html>

Javascript Canvasその1 ドットインストールcanvas1〜5の内容まとめ

実行結果 html <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>canvas練習</title> <link rel="stylesheet" href="css/canvas.css"> </head> <body> <canvas width="600" height="240"> Canvas not sapported </canvas></body></html>

Javascript Jquery DOM操作 Classの付与

やりたいこと ・クリックイベントでハンバーガーメニューをクリックしたらタイトルが消える ・ハンバーガーメニューを閉じたらタイトルが出る 方法 ハンバーガーメニューをクリックイベントをすると、 ・メニューにクラスopenが追加→メニュー表示 ・タイトル…