LogoMark.png

大井このか/Memo のバックアップソース(No.17)

#author("2023-05-16T14:04:37+09:00","default:member","member")
CENTER:&color(#f8b500){&size(40){𝕄𝕖𝕞𝕠};};
~
#hr

&color(#f8b500){&size(20){*もくじ*};};
#contents2_1
~
~
~
**&color(#cf99ff){&size(20){Memolink};};
-[[pinterest📌>https://www.pinterest.jp/]]
-[[github>https://github.com/konokaume]]
-[[フォント変換サイト>https://jp.piliapp.com/cool-text/]]
-[[web色見本>https://www.colordic.org/]]
-[[動画圧縮サイト>https://video-converter.com/ja/]]

-[[逆引き花言葉>https://hananokotoba.com/gyakubiki/]]
-[[創作支援名前倉庫>http://naming.nobody.jp]]
~
~
~
~
~
~
**&color(#cf99ff){&size(20){Webデザイン};};
***&color(#00d5ff){htmlの書き方};
-<>:「タグ」
→文章を挟むことで意味づけしていく。
  例)<p>〜〜〜</p>
       ↑       ↑
  「開始タグ」「終了タグ」(スラッシュが入る)

※<>の中は半角英数字(<>と<>の間は日本語でもOK)
※開始タグと終了タグは対にする。
~
-htmlには最初に必ず書かなくてはいけない決まり文句がある
↪︎Visual Studio Codeでは「!」で自動入力できる。
~

-&color(#ff899d){以下「!」で自動入力される内容};
-- < html lang= ○○ >
言語について記述されている(enは英語、jaは日本語)。
~
--<head>〜〜〜</head>
この間にページの基本情報が書かれている。
サイトには直接出てこないが、公開して検索をかけた時に関わってくる重要なタグ。
~
--<body>〜〜〜</body>
この間に記述されたものがサイトに表示される。
~
~
***&color(#00d5ff){htmlのコード};
-&color(#ff899d){<p>};:段落
普通に文章を入力するときに使う。
表示する媒体によって文の改行が変わることがある。
~
-&color(#ff899d){<br>};:改行
文章の間に入れることで改行される。
詩的な文章など、改行することに意味がある文章に使うのがおすすめ。
~
-&color(#ff899d){<h1>〜〜</h1>〜<h6>〜〜</h6>};:見出し
h1~h6の6種類 数字が小さい方から大見出し、中見出し…という風になる。主に1〜3を使うことが多い。
 ※論文の章・節・項のように構造に合わせて使うもののため、太字にしたいときはCSSで装飾するのが良い。
~
-&color(#ff899d){<ul>/<ol>};:順序あり/なしのリスト

--&color(#ff899d){<ul>〜〜〜 </ul>};: Unordered List
順番のない箇条書き。
順番を入れ替えても意味が変わらないリストなどで使う。

--&color(#ff899d){<ol>〜〜〜</ol>};: Ordered List
順番のある箇条書き(デフォルトでは数字連番)。
入れ替えると意味が変わってしまうリストなどで使う。

-&color(#ff899d){<li>〜〜〜</li>}; : List
リストの項目になる。<ul>や<ol>の間に入れて使う。

 例)
 <ul>                               <ol>
  <li></li>                          <li></li>
  <li></li>                          <li></li>
 </ul>                              </ol>

~
-&color(#ff899d){<dl>};:Description List 
説明リスト。各項目が用語と説明のペアになっている。
『用語とそれを定義する文章』や『質問と回答』などで使う。

 例)
 <dl>
   <dt>Q:</dt>
   <dd>A:</dd>
  </dl>

~
-&color(#ff899d){<a>〜〜〜</a>};:アンカー
別のサイトのリンクを入れるときに使う。
挟むコードによって、表示の仕方を細かく変えることができる。

例)
--< a href="リンク">文字</a>
→"文字"のところからリンクが表示される
--< a href="リンク"title="名前">文字</a>
→"文字"のところにカーソルを合わせると、下に"名前"が小さく表示される。
--< a href="リンク" target="_blank">文字</a>
→別タブでサイトが開けるようになる。

~
-&color(#ff899d){<pre>と<code>};:整形済みテキスト
アスキーアート(AA)を表示させるときなどに使う。

--&color(#ff899d){<pre>};
ファイル内でのレイアウトをそのまま反映させる。
--&color(#ff899d){<code>};
プログラムのソースであることを表す。<pre>タグとセットで使用する。
~
-&color(#ff899d){<img〜〜〜>/<audio 〜〜〜></audio>/<video 〜〜〜></video>};:画像/音声/動画
画像や音声、動画などのメディアを直接埋め込む。
 ※画像や音声(mp3)、動画(mp4)を挿入するときはhtmlファイルとは別にフォルダを作っておき、その中で管理をする。

--<img src="フォルダ名/画像ファイルのリンク名" alt="画像">
--<audio src="フォルダ名/音声ファイルのリンク名" controls></audio>
--<video src="フォルダ名/動画ファイルのリンク名" controls></video>
→src=source:表示するファイルがどこにあるかを示している。
~
-&color(#ff899d){<iframe 〜〜〜></iframe>};:他サイトからの埋め込み
YouTubeなどの埋め込みに使われている。
動画を直接埋め込むと容量が大きくなってしまうため、動画投稿サイトに投稿してから、このタグを使って埋め込むのがおすすめ。
 ※YouTubeを埋め込むときは、「共有』→「埋め込む」から”htmlコード”をコピペする。
~
~
***&color(#00d5ff){css};
 カスケーディング・スタイルシート(Cascading Style Sheets)。
一般的に「スタイルシート」や「css」と呼ばれる。
~
~
***&color(#00d5ff){cssの書き方};
以下の3つの書き方がある。
-htmlタグ内に記述
→ひとつひとつ変えることができる。
 まとめて変えたい時や、タグ内の記述量が増えたときに大変。
- <head>内に記述
→割とまとめて変えることができる。
 細かく変えたいときや、タグ内の記述量が増えたときに大変。
-独立したファイル(拡張子.css)に記述【←おすすめ】

~
~
~
~
~
~
**&color(#cf99ff){&size(20){アイデア出しに困ったら};};
-単語を二つ並べてみる
→本来は繋がらないような単語を繋いで、情報量をあげてみると何か思いつくかも。
  〇〇の〇〇、〇〇が〇〇、〇〇を〇〇
~
-(場所が関係するプロジェクトの場合)現地に行って現地の人を観察してみる
→駅なら時間を気にしている人が多い等、その場所にいる人が何を問題にしているかに気づくことができる。
~
~
~
~
~
~
**&color(#cf99ff){&size(20){推しの色};};
⚔:[[&color(#A590AF){A590AF};>https://www.colordic.org/colorsample/a590af]]
🌇:[[&color(#BFFFFF){BFFFFF};>https://www.colordic.org/colorsample/bfffff]]
🦊✌️:[[&color(#FFCB5B){FFCB5B};>https://www.colordic.org/colorsample/ffcb5b]]
🌷:[[&color(#FF899D){FF899D};>https://www.colordic.org/colorsample/ff899d]]
~
~
~
~
~
~
**&color(#cf99ff){&size(20){小説について};};

|ジャンル|字数|
|掌編小説|300〜800字|
|ショートショート|800〜8,000字|
|短編小説|4,000〜32,000字|
|中編小説|40,000〜120,000字|
|長編小説|80,000〜120,000字以上|
※だいたいの字数(具体的な長さは決まっていないことが多い)
※ショートショートと掌編小説は、ショートストーリー(SS)として括られていることもある
~~
-掌編小説
ショートショートよりも短い小説。
長さは原稿用紙ではなく字数(300〜800字)で表される。
~
-ショートショート
特に短い短編小説のこと。
一般的に原稿用紙20枚に満たない作品を指す。
~
-短編小説/短篇小説
比較的短い小説。
一般的に原稿用紙10〜80枚程度の作品を指す。
~
-中編小説/中篇小説
短編小説より長いが、長編小説ほど長くない小説。
およそ原稿用紙100枚〜300枚未満程度の作品を指す。
~
-長編小説
戦前にはだいたい原稿用紙100枚以上、現在では200〜300枚以上ぐらいの作品が長編の名を用いることが多い。
~
~
~
~
~
~
**&color(#cf99ff){&size(20){ショートカット};};

***&color(#00d5ff){Mac全部};

|コピー|⌘+C|
|ペースト|⌘+V|
|印刷|⌘+P|
|スクショ(画面全部)|⌘+⇧+3|
|スクショ(選択範囲あり)|⌘+⇧+4|
|ソフトの終了|⌘+Q|
|強制終了|⌘+⇧+esc|
~
***&color(#00d5ff){Mac/illustrator};
-illustratorのツールとか

|その場にペースト(AI)|⌘+F|
|繰り返し|⌘+D|
|重ね順の前面/最前面|⌘+] / ⌘+⇧+]|
|重ね順の背面/最背面|⌘+[ / ⌘+⇧+[|
|スポイト|i|
|文字間調整|option+↑→↓←|
~
-illustratorの表示

|アウトライン表示/プレビュー表示|tabキー|
|おっきく表示/プレビュー表示|⌘+Y|
~~
***&color(#00d5ff){llustrator便利知識};
-外枠をつけたい/均等に小さくしたい時等
→アートボードに合わせて四角を描く→オブジェクト→パス→パスのオフセット
~
-optionキー+ドラッグでもコピペができる
↪︎⇧と合わせて使うことも出来るので、自分の思った位置にコピペがしやすい!
~
-たくさんのアートボードの同じ場所に同じものを配置させたい時
(スライドのロゴとか)
→⌘+X(カット)→編集→全てのアートボードにペースト
~
~
~
~
~
~
**&color(#cf99ff){&size(20){トランプについて};};
-トランプのスートが表しているもの

|スート|&color(#000000){♣︎};|&color(#ff0000){♦︎};|&color(#ff0000){❤︎};|&color(#000000){♠︎};|
|季節|春|夏|秋|冬|
|時間|夜|昼|昼|夜|
|意味|知識|お金|愛|死|
|物|棍棒|貨幣|聖杯|剣|
|職業|農民|商人|僧侶|騎士|
~
-豆知識
 一年は春夏秋冬でそれぞれ13週、計52週。トランプもそれぞれのマークに1〜13までの数字がある。
 全ての数字を足すと364になる。ジョーカーも入れたら365、エキストラジョーカーも入れると366。
-J〜Kの顔の向きと意味
 スートを真っ直ぐ見つめる=大好き

 スートに対して斜め45度=そこそこ好き

 スートに対して反対の斜め45度=基本は嫌い

 スートに対して反対を向いてる=大嫌い
~~
[[参考サイト>https://trump-inc.com/1869/トランプの雑学/]]
~
~
~
~
~
~
**&color(#cf99ff){&size(20){ネタ};};
***&color(#00d5ff){粋な口説き文句まとめ};
-月が綺麗ですね→I love you(愛しています)
↪︎返答:
|死んでもいいわ|愛しています|
|私には月は見えませんね|断り|
 など…
 一番有名な口説き文句。
 夏目漱石が『I love you』を訳すときに、『月が綺麗ですね』と訳したという説が有名。
 返答にもたくさんの種類がある。
~
-他の口説き文句

|明日の月は綺麗でしょうね|殺す|
|明日は晴れますか|私の気持ちはあなたに届いていますか|
|明日も晴れるといいですね|明日もあなたに笑顔でいて欲しい|
|雨音が響いていますね|あなたが好きでした|
|雨が降ってきましたね|このまま2人で過ごしたい|
|雨、やみませんね|もう少しそばにいていいですか|
|海が綺麗ですね|あなたに溺れています|
|永遠に続く青空|ずっと澄んだ気持ちで愛しています|
|風が冷たいですね|あなたを抱きしめたいです|
|桜が綺麗だね|私たちはまたここで逢おう|
|太陽が眩しいですね|私の横に来て一緒に歩きましょう|
|星が綺麗ですね|あなたはこの想いを知らないでしょうね|
|夕日が綺麗ですね|もっと一緒にいたい|
|雪がやみませんね|あなたへの思いが止まらない|
~~
[[参考サイト1>https://happy-seed0327.com/smile/tsukigakireidesune-synonyms.html]]
[[参考サイト2>https://woman.mynavi.jp/article/221115-15/]]
~
~
~
~
~
~
**&color(#cf99ff){&size(20){用紙サイズ};};
***&color(#00d5ff){コピー用紙};
|規格|サイズ(縦長)|サイズ(横長)|
|A4|297×210mm|210×297mm|
|A5|210×148mm|148×210mm|
|B4|364×257mm|257×364mm|
|B5|257×182mm|182×257mm|
~
***&color(#00d5ff){その他の用紙};
-名刺
→91×55mm
~
-トランプ
→ポーカーサイズ(カジノや海外でよく使われる):63×89mm
→ブリッジサイズ(日本でよく使われる):58×89mm  (913×1401pxなど)
~~
***&color(#00d5ff){デジタル様式};
-Youtube等に使う画像
→16:9 (1920×1080,1280×720など)
~
-Twitterのヘッダー画像
→1500x500px
~
~
~
~
~
~