Skip to content

Instantly share code, notes, and snippets.

@learnchi
learnchi / selector.php
Last active January 22, 2022 10:06
(主に)Bootstrapを使用した複数項目選択モーダル画面
<?php
// 全選択肢
$arrayFlavor = array (
0 => '未選択',
1 =>'キューピッドハート',
2 =>'バニラ',
3 =>'ラブポーションサーティワン',
4 =>'ポッピングシャワー',
5 =>'りんごソルベ',
6 =>'ストロベリースペシャルタイム',
@learnchi
learnchi / balloon.html
Created August 2, 2021 01:23
LINEのトーク画面風。"img/commenter.png"については、48ピクセル四方程度の画像を用意してください。
<!doctype html>
<html lang="ja">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<title>balloon</title>
@learnchi
learnchi / showandinput.html
Last active July 26, 2021 02:22
ダブルクリックすることでinputの変更が可能になる。
<!doctype html>
<html lang="ja">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://kit.fontawesome.com/xxxxxxxxxx.js" crossorigin="anonymous"></script>
@learnchi
learnchi / accordion.html
Last active June 22, 2021 02:19
Bootstrap4のcollapseで開閉する要素のボタンにアイコンをつける
<!doctype html>
<html lang="ja">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://kit.fontawesome.com/xxxxxxxxxx.js" crossorigin="anonymous"></script>
@learnchi
learnchi / longtable.html
Created June 19, 2021 04:19
Bootstrap4.3を使用して、大きなtableを表示する
<!doctype html>
<html lang="ja">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
@learnchi
learnchi / playListPlayer.html
Last active June 13, 2021 02:14
YouTube Player API で、再生リストを表示する
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>YouTubeテスト</title>
</head>
<body>
<div id="ytplayer"></div>
</body>
@learnchi
learnchi / changeSortDropdown.html
Last active May 21, 2021 09:24
PHP、JavaScript(JQuery)による、一覧表などのソート順を閲覧者が自由に設定する部品
<?php
// 項目名を定義
$sortListItemNames = [
'cust_id' => 'No.',
'cust_no' => '顧客No.',
'cust_name' => '顧客名',
'category_id' => 'カテゴリ',
'cust_pic_dept1' => '部署',
'cust_pic_name1' => '担当者',
'cust_pic_tel1' => '担当者TEL',
@learnchi
learnchi / clickToEdit.html
Last active May 21, 2021 08:38
クリックすると入力エリアになる
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>テスト</title>
<!-- jQuery -->
<script
src="https://code.jquery.com/jquery-3.6.0.min.js"
@learnchi
learnchi / module1.bas
Created May 5, 2021 23:55
Excelから textile記法の一覧表を作成するマクロ
Option Explicit
Sub CreateTextileTable()
'
' CreateMarkdownTable Macro
' create markdown table
'
' Keyboard Shortcut: Ctrl+T
'
' セルが選択されていない場合はエラー終了
@learnchi
learnchi / module1.bas
Created May 5, 2021 23:54
Excelからマークダウンの一覧表を作成するマクロ
Attribute VB_Name = "Module1"
Option Explicit
Sub CreateMarkdownTable()
Attribute CreateMarkdownTable.VB_Description = "create markdown table"
Attribute CreateMarkdownTable.VB_ProcData.VB_Invoke_Func = "t\n14"
'
' CreateMarkdownTable Macro
' create markdown table
'
' Keyboard Shortcut: Ctrl+t