Node.js Ⅲ
◆削除機能をつける 削除ボタンの準備 ①ルーティングを用意 app.post('/delete',(req,res) => { 処理 }); ②削除ボタンを用意 ③リダイレクト app.p...
0
0
Comment1
25 search resultsShowing 1~20 results
Stocked
You need to log-in
Node.js Ⅱ
◆MySQLに接続しよう const mysql = require('mysql'); →mysqlパッケージを読み込み const connection = mysql.createConn...
0
0
Comment0
Node.jsⅠ
◆Expressを導入する $ npm install express →入力してenter nodejs_lesson@1.0.0/home/.. express@4.17.1 →入力結果 ◆...
0
0
Comment0
SQL データ加工の基礎的な方法Ⅲ
◆データを加工する（並べる） ORDER BY 並べ替えたいカラム名 並べ方 「昇順」は「ASC」「降順」は「DESC」 例） SELECT * FROM purchases ORDER BY ...
0
1
Comment0
SQL データ加工の基礎的な方法Ⅱ
◆サブクエリ SELECT name FROM players WHERE gols >( SELECT goals FROM players WHERE name = "中田" ); サ...
0
0
Comment0
SQL データ加工の基礎的な方法Ⅰ
◆DISTINCT（カラム名） 指定したカラム名の重複するデータを除くことができる。 ◆四則演算 SELECTで取得するカラムに使用する 例） price*1.1 消費税を計算する 合計 SEL...
0
0
Comment0
headerの画像を上下中央寄せする方法
まず、HTMLを記載するとこんな感じです。 <div class="p-header__logo"> <img src="img/header/logo/logo120.png...
2
2
Comment0
沈み込むボタンの作り方
まず、ボタンをHTML、今回はaタグで始める <a href ="" class="contact">ボタン</a> 続いて、CSS .contact { color: ...
0
1
Comment0
Javascriptでスライドショーを作る方法
①HTMLでマークアップを行う <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8...
0
1
Comment0
＠media ミス備忘録
メディアクエリでどうしてもサイズがフォントサイズが変更されない時に 分かった対処方法 .p-header__nav-menu__closelist .c-header__nav-menu__cl...
0
1
Comment0
ＨＴＭＬフォーム部品
①valueで初期値を設定 <input type="text" value="hello"> ②password入力用の部品で文字が伏字になる <input type="pa...
0
1
Comment0
配置の微妙なズレを修正する方法
cssで絶対配置を書くときに、上下真ん中に配置しようと すると微妙にずれてしまう時がある。 これをするために下記を記載すると真ん中に配置できる position: absolute; top: ...
0
0
Comment0
クリックイベントなどで出てくる背景を画面いっぱいに広げるとき
細かいテクニックだが、覚えておくと便利 position: absolute; top: 0; left: 0; right: 0; bottom: 0;
0
1
Comment0
HTMLの細かいスキル
<strong>太文字にする</strong> <blockquote cite="出典URL"><p>引用する</P></bl...
0
0
Comment0
Javascriptで作る モーダルウィンドウ
まず、モーダルを作る場合、部品が何個あるのか考えます。 今回のモーダルウィンドウでいうと、 ①モーダルを呼び出すボタン ②モーダルが出てきた際の背景が黒い画像 ③モーダルウィンドウ 大きく分けて...
0
0
Comment0
HTML構造
HTMLでは、構造化するために、おおよそ以下のような ものを使って枠組みを作る。 header/nav/aside/footer/main/article/section 特に、ややこしくするの...
0
1
Comment0
絶対配置で中央寄せにする方法
絶対配置の場合、margin 0 auto では、中央揃えにならないので、 どうすれば良いか、試行錯誤していたら、やっと中央揃えができたので、 備忘録として、記録しておく。 <sectio...
0
1
Comment0
クリックした際に、「ⅴ」の向きを変更する方法
<section> <h1 id="one"> メニュー1</h1> <ul class="menu" id="open-menu"...
0
1
Comment0
アコーディオンメニューの作り方
アコーディオンメニューの作り方をを記載しました。 <main> <ul class="menu"> <li> <a href="">親メニュー1&...
0
3
Comment0
リスト化された項目に対して適切にmarginを提供する方法
& li { text-align: center; margin-top: 3.5rem; } この記述方法だと、リストの一番最初のリストにmarginがついてしまい レイアウトが崩れ...
0
0
Comment0
25 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles