-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
172 lines (160 loc) · 19.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="圖文編輯器" />
<meta name="keywords" content="post_editor"/>
<meta name="description" content="簡易圖文編輯器">
<meta property="og:type" content="website" />
<meta property='og:url' content='https://ivan19940106.github.io/post_editor/'/>
<meta property="og:image" content="https://ivan19940106.github.io/post_editor/images/aigaku.jpeg">
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="627" />
<meta name="twitter:card" content="summary">
<meta property="og:title" content="圖文編輯器">
<meta property="og:image" content="https://ivan19940106.github.io/post_editor/images/aigaku.jpeg">
<meta property="og:description" content="簡易圖文編輯器">
<meta name="twitter:image" content="https://ivan19940106.github.io/post_editor/images/aigaku.jpeg" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="./css/fontello.css">
<link rel="stylesheet" href="./css/main.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="./js/main.js"></script>
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>👩🏻🏭</text></svg>">
<title>圖文編輯器</title>
</head>
<body>
<div class="container">
<h2 class="page-title">
圖文編輯器
</h2>
<div class="button-wrapper">
<div class="form-check form-switch complete-button-wrapper">
<input class="form-check-input complete-button" type="checkbox" id="flexSwitchCheckChecked" checked>
<i class="icon-pen"></i>
<i class="icon-print hidden"></i>
<label class="form-check-label complete-button-label" for="flexSwitchCheckChecked">
editing!!
</label>
</div>
<div class="form-check form-switch layout-button-wrapper">
<input class="form-check-input layout-button" type="checkbox" id="flexSwitchCheckDefault">
<i class="icon-pen hidden"></i>
<i class="icon-print"></i>
<label class="form-check-label layout-button-label" for="flexSwitchCheckDefault">
layout change completed!!
</label>
</div>
</div>
<div class="template-wrapper image-text sticky">
<div class="image-wrapper">
<img src="./images/aigaku.jpeg" alt="aigaku">
<div contenteditable="true" class="text border-highlight image-info">
indigo la End「藍楽無声」配信ジャケット
</div>
</div>
<div class="text-wrapper image-text">
<div contenteditable="true" class="text border-highlight title">
indigo la End「藍楽無声」インタビュー
</div>
<div contenteditable="true" class="text border-highlight">
indigo la Endが2016年にリリースした「心雨」のMVをYouTubeで公開した。
</div>
<div contenteditable="true" class="text border-highlight">
この作品は、メジャー2作目のAlbum『藍色ミュージック』の初回限定盤の特典DVDに収録されていたもので、オンライン上で見ることはできなかったMusic Video。女優の松井愛莉が出演している。
</div>
<div contenteditable="true" class="text border-highlight">
indig la Endは結成10周年ということで、2020年7月24日（金・祝）に配信リリースされたインスト音源ベスト集『藍楽無声』にも収録された「心雨」のMusic Videoを公開した。
</div>
<div contenteditable="true" class="text border-highlight">
今年結成10周年迎えるindigo la End。キャリア初となるインスト音源集には、ストリーミングサービスで人気の楽曲から全25曲が選曲される。またindigo la Endは7月24日（金）深夜24:12より放送される千葉雄大主演ドラマ「40万キロかなたの恋」のオープニングテーマと劇中音楽を担当。「藍楽無声」の収録曲もドラマに使用される。
</div>
<div contenteditable="true" class="text border-highlight">
「藍楽無声」の配信タイミングに合わせ、同日24日12:00よりTikTok、Instagram、Twitterにて動画投稿キャンペーン「#indigo10th動画」が行われることも決定。indigo la Endの楽曲を使用した動画をキャンペーン期間中にハッシュタグ「#indigo10th動画」を添えて対象SNSに投稿した人の中から抽選で豪華賞品が当たる。詳細はワーナーミュージック・ジャパンの特設ページで確認を。
</div>
</div>
</div>
<div class="template-wrapper">
<div class="text-wrapper">
<div contenteditable="true" class="text border-highlight title">
indigo la End「夜行秘密」インタビュー
</div>
<div contenteditable="true" class="text border-highlight quote">
─「夜に魔法をかけられて」を今にアップデートする、とかではない？
</div>
<div contenteditable="true" class="text border-highlight"><p style="margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 14.4px; vertical-align: baseline; background: rgba(255, 255, 255, 0.9); color: rgb(51, 51, 51); line-height: 1.5; font-family: HiraginoCW, "Hiragino Sans", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Helvetica Neue", Arial, sans-serif; letter-spacing: normal;"><span class="sp_name01" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 14.4px; vertical-align: baseline; background: transparent; color: rgb(200, 112, 85);">川谷</span> 今回は曲単位で考えていて、アルバム全体を通して「こういうバランスにしよう」とかはあんまり考えてないです。「夜風とハヤブサ」を作ったときは、「濡れゆく私小説」より純度が高いシティポップをやろう、みたいな思いがあったけど、アルバム全体としては本当に曲ごとに作りましたね。あえて言うなら、今回リード曲以外はストリングスとかをあんまり入れてなくて、わりとバンドで完結させてるというか、やりすぎるのはよくないから、ちょっと余白を残しておきたかった。</p><p class="PP_int" style="margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 14.4px; vertical-align: baseline; background: rgba(255, 255, 255, 0.9); color: rgb(114, 136, 148); line-height: 1.5; font-family: HiraginoCW, "Hiragino Sans", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Helvetica Neue", Arial, sans-serif; letter-spacing: normal;">──アレンジをミニマムにしておくという感じですかね。</p><p style="margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 14.4px; vertical-align: baseline; background: rgba(255, 255, 255, 0.9); color: rgb(51, 51, 51); line-height: 1.5; font-family: HiraginoCW, "Hiragino Sans", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Helvetica Neue", Arial, sans-serif; letter-spacing: normal;"><span class="sp_name01" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 14.4px; vertical-align: baseline; background: transparent; color: rgb(200, 112, 85);">川谷</span> 「夜の恋は」も最初はストリングスを入れようと思ってたんですけど、結局入れなかったし、バンドの美学みたいなものを、制作の後半ではわりと考えていたかもしれないです。バンドっぽいものがあんまりカッコよくないと思っていた時期もあったんですけど、結局バンドがいいなと思ったんですよね。毎週新譜をチェックしてると、日本のアーティストも生音でもどんどん打ち込みっぽい音になってきてるし、ボカロの延長線上にいる人たちって、基本音数多いんですよ。それはそれでいいし、クオリティも高いと思うんですけど、人によっては金太郎飴っぽく聴こえるときもあって、こればっかりだと飽きると思ったりもして。</p><p style="margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 14.4px; vertical-align: baseline; background: rgba(255, 255, 255, 0.9); color: rgb(51, 51, 51); line-height: 1.5; font-family: HiraginoCW, "Hiragino Sans", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Helvetica Neue", Arial, sans-serif; letter-spacing: normal;"><span class="sp_name03" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 14.4px; vertical-align: baseline; background: transparent; color: rgb(62, 140, 104);">佐藤栄太郎<small style="margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: smaller; vertical-align: baseline; background: transparent;">（Dr）</small></span> ポップスにおける金字塔のような確立されたリファレンスが1つあるとして、それを10年単位でみんなが忘れた頃に引用して、また若い人に響かせる、みたいな手法ってあるじゃないですか。僕もそれを何度か見てきて、バズってる曲を聴いても「これ〇〇じゃん」と思っちゃうんですよ。狙ってないならいいですけど、それを狙ってやるのは健全じゃないと思うし、そこに音楽的な進歩はないですよね。</p><p class="PP_int" style="margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 14.4px; vertical-align: baseline; background: rgba(255, 255, 255, 0.9); color: rgb(114, 136, 148); line-height: 1.5; font-family: HiraginoCW, "Hiragino Sans", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Helvetica Neue", Arial, sans-serif; letter-spacing: normal;">──ちゃんと更新されていればいいと思うけど、そのまま繰り返すのはあまり意味がないですね。</p><p style="margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 14.4px; vertical-align: baseline; background: rgba(255, 255, 255, 0.9); color: rgb(51, 51, 51); line-height: 1.5; font-family: HiraginoCW, "Hiragino Sans", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Helvetica Neue", Arial, sans-serif; letter-spacing: normal;"><span class="sp_name03" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 14.4px; vertical-align: baseline; background: transparent; color: rgb(62, 140, 104);">佐藤</span> 僕らは5年前に作った「夏夜のマジック」が最近になってバイラルヒットをしたわけですけど、ここで「夏夜のマジック」みたいな曲を再生産するんじゃなくて、今どこまでできるか、逆にどこからはできないのか、みたいな現状をコンパイルしていったほうが、また「夏夜のマジック」みたいなヒット曲が生まれると思うんですよ。それが何年かあとなのか、それとも明日なのかはわからないですけど。</p><p style="margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 14.4px; vertical-align: baseline; background: rgba(255, 255, 255, 0.9); color: rgb(51, 51, 51); line-height: 1.5; font-family: HiraginoCW, "Hiragino Sans", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Helvetica Neue", Arial, sans-serif; letter-spacing: normal;"><span class="sp_name01" style="margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 14.4px; vertical-align: baseline; background: transparent; color: rgb(200, 112, 85);">川谷</span> 今って音楽の流行り廃りのサイクルが速いし、難しいですよね。最近だとLINE MUSICの再生回数上位の人にプレゼントをあげるみたいな施策をするアーティストも多くて。それを入口にしてちゃんと音楽が聴かれるならそれも間違ってないとは思うし、サブスクだと生のバンドはしょぼく聞こえるときもあるから、打ち込みで緻密に作られた音楽が聴かれるのもわかる。でも、自分がやりたくないことをやってもしょうがないわけで。そこの葛藤もありながら、自分たちのやりたいことをやった結果、こういう作品になったんです。</p></div>
</div>
</div>
<div class="template-wrapper image-text sticky">
<div class="image-wrapper">
<img src="./images/hhkb-type-s-white.jpeg" alt="hhkb-type-s-white">
<div contenteditable="true" class="text border-highlight image-info">
Happy Hacking Keyboard は、東京大学名誉教授 和田英一先生とPFU研究所との共同研究によって生まれた、正統派ハッカー待望のキーボードです。
</div>
</div>
<div class="text-wrapper image-text">
<div contenteditable="true" class="text border-highlight title">
Happy Hacking Keyboard の特長
</div>
<div contenteditable="true" class="text border-highlight quote"><span style="margin: 0px; padding: 0px; font-size: 14px; text-size-adjust: 100%; font-weight: bold; color: rgb(51, 51, 51); font-family: メイリオ, Meiryo, 游ゴシック, YuGothic, "Droid Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif, FontAwesome; letter-spacing: normal;">アメリカ西部のカウボーイたちは、馬が死ぬと馬はそこに残していくが、どんなに砂漠を歩こうとも、鞍は自分で担いで往く。馬は消耗品であり、鞍は自分の体に馴染んだインタフェースだからだ。<br>いまやパソコンは消耗品であり、キーボードは大切な、生涯使えるインタフェースであることを忘れてはいけない。</span></div>
<div contenteditable="true" class="text border-highlight">
ハッピーハッキングキーボードの沿革
</div>
<ul class="text-wrapper list">
<li contenteditable="true" class="text border-highlight">
1996年12月20日 - PC用（PS/2端子）およびSunワークステーション（Type5端子）用の「個人用小型キーボード」として Happy Hacking Keyboard を発売。当初は全モデルがメンブレンスイッチ搭載だった。
</li>
<li contenteditable="true" class="text border-highlight">
1997年11月20日 - MacintoshのADB端子に対応したモデル（PD-KB02/M）発売。
</li>
<li contenteditable="true" class="text border-highlight">
1999年10月13日 - 「高すぎて売れない」というPFUアメリカからの要望により、廉価版のHappy Hacking Keyboard Lite 発売。
</li>
<li contenteditable="true" class="text border-highlight">
2004年6月10日 - Happy Hacking Keyboard Lite2 日本語配列に「かな無刻印モデル」追加。キーの「かな」の刻印を廃止すると同時に、「半角/全角」「無変換」キーなどに独自のアイコンを刻印するなど、デザインがすっきりした。
</li>
<li contenteditable="true" class="text border-highlight">
2007年8月20日 - 販売台数20万台突破。
</li>
<li contenteditable="true" class="text border-highlight">
2008年11月14日 - Happy Hacking Keyboard Professional 2の日本語配列版であるHappy Hacking Keyboard Professional JP 発売。
</li>
<li contenteditable="true" class="text border-highlight">
2011年6月29日 - 高速性と静音性を兼ね備えた「Type-Sスイッチ」を採用した新フラグシップモデル Happy Hacking Keyboard Professional Type-S 発売。
</li>
<li contenteditable="true" class="text border-highlight">
2012年 3月 - Happy Hacking Keyboard Lite2 、キーに「かな」を刻印した2モデル販売終了。これで全てのモデルがかな無刻印となった。
</li>
<li contenteditable="true" class="text border-highlight">
2019年3月 - 販売台数50万台突破を記念し、販売価格50万円の漆塗りHHKBのプレゼントキャンペーンを行う。
</li>
</ul>
</div>
</div>
<div class="template-wrapper">
<div class="text-wrapper">
<div contenteditable="true" class="text border-highlight">
高品位キー。シリンドリカルステップスカルプチャで押下圧45gのProfessional2、55gのLite2。滑らかで歯切れのよいタッチのProfessional2、クリック感が心地よいLite2、いずれも使いごこちにこだわりました。
</div>
<div contenteditable="true" class="text border-highlight">
UNIX配列。Sun Type3キーボード配列にならったキー配列を採用しました。「A」の左に「Control」があります。
</div>
<div contenteditable="true" class="text border-highlight">
省スペース。キーピッチは19.05mmのままにキー数を必要最小限におさえて小型化しました。ほぼA4半分のサイズで机の場所もとらず、カバンに入れても邪魔になりません。
</div>
<div contenteditable="true" class="text border-highlight">
PC/Mac対応。Professional2/Professional JPは、USBインターフェースを持つPC および Macintoshに対応しています。Macintoshでご使用の場合は、Mac用ドライバ (Professional シリーズ、Lite2 シリーズ) のインストールが必要です。
</div>
</div>
</div>
<div class="copyright-wrapper">
<span class="copyright">
Copyright © <span class="copyright-year"></span> 每本書，都是一扇任意門！<div class="all-rights-reserved"> All Rights Reserved. </div>
</span>
</div>
</div>
</body>
</html>