𝕄𝕖𝕞𝕠
*もくじ*
Memolink
サイトとかに使えるやつ
創作支援系
その他
- pinterest📌
- github
※要ログイン
Webデザイン
htmlの書き方
- <>:「タグ」
→文章を挟むことで意味づけしていく。
例)<p>〜〜〜</p>
↑ ↑
「開始タグ」「終了タグ」(スラッシュが入る)
※<>の中は半角英数字(<>と<>の間は日本語でもOK)
※開始タグと終了タグは対にする。
- htmlには最初に必ず書かなくてはいけない決まり文句がある
↪︎Visual Studio Codeでは「!」で自動入力できる。
- 以下「!」で自動入力される内容
- < html lang= ○○ >
言語について記述されている(enは英語、jaは日本語)。
- <head>〜〜〜</head>
この間にページの基本情報が書かれている。
サイトには直接出てこないが、公開して検索をかけた時に関わってくる重要なタグ。
- <body>〜〜〜</body>
この間に記述されたものがサイトに表示される。
- < html lang= ○○ >
便利なショートカット
- shift+option+F
段がぐちゃぐちゃになった場合、簡単に揃えることができる。
htmlのコード
- <p>:段落
普通に文章を入力するときに使う。
表示する媒体によって文の改行が変わることがある。
- <br>:改行
文章の間に入れることで改行される。
詩的な文章など、改行することに意味がある文章に使うのがおすすめ。
- <h1>〜〜</h1>〜<h6>〜〜</h6>:見出し
h1~h6の6種類 数字が小さい方から大見出し、中見出し…という風になる。主に1〜3を使うことが多い。
※論文の章・節・項のように構造に合わせて使うもののため、太字にしたいときはCSSで装飾するのが良い。
- <ul>/<ol>:順序あり/なしのリスト
- <ul>〜〜〜 </ul>: Unordered List
順番のない箇条書き。
順番を入れ替えても意味が変わらないリストなどで使う。
- <ol>〜〜〜</ol>: Ordered List
順番のある箇条書き(デフォルトでは数字連番)。
入れ替えると意味が変わってしまうリストなどで使う。
- <li>〜〜〜</li> : List
リストの項目になる。<ul>や<ol>の間に入れて使う。
例) <ul> <ol> <li></li> <li></li> <li></li> <li></li> </ul> </ol>
- <dl>:Description List
説明リスト。各項目が用語と説明のペアになっている。
『用語とそれを定義する文章』や『質問と回答』などで使う。
例) <dl> <dt>Q:</dt> <dd>A:</dd> </dl>
- <a>〜〜〜</a>:アンカー
別のサイトのリンクを入れるときに使う。
挟むコードによって、表示の仕方を細かく変えることができる。
例)
- < a href="リンク">文字</a>
→"文字"のところからリンクが表示される - < a href="リンク"title="名前">文字</a>
→"文字"のところにカーソルを合わせると、下に"名前"が小さく表示される。 - < a href="リンク" target="_blank">文字</a>
→別タブでサイトが開けるようになる。
- <pre>と<code>:整形済みテキスト
アスキーアート(AA)を表示させるときなどに使う。
- <pre>
ファイル内でのレイアウトをそのまま反映させる。 - <code>
プログラムのソースであることを表す。<pre>タグとセットで使用する。
- <img〜〜〜>/<audio 〜〜〜></audio>/<video 〜〜〜></video>:画像/音声/動画
画像や音声、動画などのメディアを直接埋め込む。
※画像や音声(mp3)、動画(mp4)を挿入するときはhtmlファイルとは別にフォルダを作っておき、その中で管理をする。
- <img src="フォルダ名/画像ファイルのリンク名" alt="画像">
- <audio src="フォルダ名/音声ファイルのリンク名" controls></audio>
- <video src="フォルダ名/動画ファイルのリンク名" controls></video>
→src=source:表示するファイルがどこにあるかを示している。
- <iframe 〜〜〜></iframe>:他サイトからの埋め込み
YouTubeなどの埋め込みに使われている。
動画を直接埋め込むと容量が大きくなってしまうため、動画投稿サイトに投稿してから、このタグを使って埋め込むのがおすすめ。
※YouTubeを埋め込むときは、「共有』→「埋め込む」から”htmlコード”をコピペする。
- FORM:フォーム
入力フォームを作成する。
※実際にフォームとして使う(データを送信する)には、HTMLだけでなく、プログラム実装が必要。
→他のフォームを埋め込むのがおすすめ。
コードは色々あって書ききれないや
css
カスケーディング・スタイルシート(Cascading Style Sheets)。
一般的に「スタイルシート」や「css」と呼ばれる。
cssの書き方
以下の3つの書き方がある。
- htmlタグ内に記述
→ひとつひとつ変えることができる。
まとめて変えたい時や、タグ内の記述量が増えたときに大変。 - <head>内に記述
→割とまとめて変えることができる。
細かく変えたいときや、タグ内の記述量が増えたときに大変。 - 独立したファイル(拡張子.css)に記述【←おすすめ】
cssのコード
アイデア出しに困ったら
- 単語を二つ並べてみる
→本来は繋がらないような単語を繋いで、情報量をあげてみると何か思いつくかも。
〇〇の〇〇、〇〇が〇〇、〇〇を〇〇
- (場所が関係するプロジェクトの場合)現地に行って現地の人を観察してみる
→駅なら時間を気にしている人が多い等、その場所にいる人が何を問題にしているかに気づくことができる。
- デザインした後に他の人のアイデアと見比べてみる。(参考作品や雑誌など)
見劣りしなければいいデザイン
推しの色
⚔:A590AF
🌇:BFFFFF
🦊✌️:FFCB5B
🌷:FF899D
小説について
ジャンル | 字数 |
掌編小説 | 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枚以上ぐらいの作品が長編の名を用いることが多い。
ショートカット
Mac全部
コピー | ⌘+C |
ペースト | ⌘+V |
印刷 | ⌘+P |
スクショ(画面全部) | ⌘+⇧+3 |
スクショ(選択範囲あり) | ⌘+⇧+4 |
ソフトの終了 | ⌘+Q |
強制終了 | ⌘+⇧+esc |
Mac/illustrator
- illustratorのツールとか
その場にペースト(AI) | ⌘+F |
繰り返し | ⌘+D |
重ね順の前面/最前面 | ⌘+] / ⌘+⇧+] |
重ね順の背面/最背面 | ⌘+[ / ⌘+⇧+[ |
スポイト | i |
文字間調整 | option+↑→↓← |
- illustratorの表示
アウトライン表示/プレビュー表示 | tabキー |
おっきく表示/プレビュー表示 | ⌘+Y |
llustrator便利知識
- 外枠をつけたい/均等に小さくしたい時等
→アートボードに合わせて四角を描く→オブジェクト→パス→パスのオフセット
- optionキー+ドラッグでもコピペができる
↪︎⇧と合わせて使うことも出来るので、自分の思った位置にコピペがしやすい!
- たくさんのアートボードの同じ場所に同じものを配置させたい時
(スライドのロゴとか)
→⌘+X(カット)→編集→全てのアートボードにペースト
- 文章を書いたら、左側はきっちり揃っているのに右側はでこぼこ…
↪︎段落を均等配置にすると揃う!
- エリアテキストを使うと、強制的に段落が変わるので、文章を書く(流し込む)ときに使うと良い!
↪︎文章を変えてズレたからといっても、いちいち行を変換しなくても良くなる。
- 手書きの文字感を出すには
好みのフォントで作った文字をアウトライン化→うねりツールで少し変形→オブジェクト→パス→スムーズで好みの形になるまで数字を調整
- イラストや写真などからパスを生成するには
オブジェクト→画像トレース→生成して拡張
Mac/Photoshop
選択解除 | ⌘+D |
Mac/aftereffect
ファイルを複製 | ⌘+D |
aftereffect便利知識
- グラフエディタで位置調整する時に、縦または横は固定したまま調整したい
→右クリック→次元を分割
- 長方形(図形)ツールは、コンポジションのファイルを選択した状態で使うと、マスクになる。
- 動きをつけたコンポにさらに別の動きをさせたい!
↪︎新しいコンポを作って、中に動きをつけたコンポを入れて編集しよう!
- 点滅させたい!
↪︎トランスフォームから不透明度を弄ろう。
短い間隔で0-100%にすると点滅してるように見えるぞ!
- (文字とかを)次々に表示されてるみたいに動かしたい!
→文字を点滅させたファイルを文字数分だけ複製→マスクで一文字ずつ表示させる→点滅してるキーフレームを少しづつずらしていく
- ランダムに動かしたい!
→ウィグラーで設定する(画面にないときはウィンドウから呼び出せる)。
- 動いてるものに合わせて、別の動きをつけたものが移動してくれればいいなぁ。
↪︎親子関係をつけよう!
→レイヤーにある「親とリンク」の項目のところから、渦を引っ張って繋げる。
※子から親に向けてつけること!
トランプについて
- トランプのスートが表しているもの
スート | ♣︎ | ♦︎ | ❤︎ | ♠︎ |
季節 | 春 | 夏 | 秋 | 冬 |
時間 | 夜 | 昼 | 昼 | 夜 |
意味 | 知識 | お金 | 愛 | 死 |
物 | 棍棒 | 貨幣 | 聖杯 | 剣 |
職業 | 農民 | 商人 | 僧侶 | 騎士 |
- 豆知識
一年は春夏秋冬でそれぞれ13週、計52週。トランプもそれぞれのマークに1〜13までの数字がある。
全ての数字を足すと364になる。ジョーカーも入れたら365、エキストラジョーカーも入れると366。 - J〜Kの顔の向きと意味
スートを真っ直ぐ見つめる=大好き
スートに対して斜め45度=そこそこ好き
スートに対して反対の斜め45度=基本は嫌い
スートに対して反対を向いてる=大嫌い
ネタ
粋な口説き文句まとめ
- 月が綺麗ですね→I love you(愛しています)
↪︎返答:など…死んでもいいわ 愛しています 私には月は見えませんね 断り
一番有名な口説き文句。
夏目漱石が『I love you』を訳すときに、『月が綺麗ですね』と訳したという説が有名。
返答にもたくさんの種類がある。
- 他の口説き文句
明日の月は綺麗でしょうね | 殺す |
明日は晴れますか | 私の気持ちはあなたに届いていますか |
明日も晴れるといいですね | 明日もあなたに笑顔でいて欲しい |
雨音が響いていますね | あなたが好きでした |
雨が降ってきましたね | このまま2人で過ごしたい |
雨、やみませんね | もう少しそばにいていいですか |
海が綺麗ですね | あなたに溺れています |
永遠に続く青空 | ずっと澄んだ気持ちで愛しています |
風が冷たいですね | あなたを抱きしめたいです |
桜が綺麗だね | 私たちはまたここで逢おう |
太陽が眩しいですね | 私の横に来て一緒に歩きましょう |
星が綺麗ですね | あなたはこの想いを知らないでしょうね |
夕日が綺麗ですね | もっと一緒にいたい |
雪がやみませんね | あなたへの思いが止まらない |
用紙サイズ
コピー用紙
規格 | サイズ(縦長) | サイズ(横長) |
A4 | 297×210mm | 210×297mm |
A5 | 210×148mm | 148×210mm |
B4 | 364×257mm | 257×364mm |
B5 | 257×182mm | 182×257mm |
その他の用紙
- 名刺
→91×55mm
- トランプ
→ポーカーサイズ(カジノや海外でよく使われる):63×89mm
→ブリッジサイズ(日本でよく使われる):58×89mm (913×1401pxなど)
デジタル様式
- Youtube等に使う画像
→16:9 (1920×1080,1280×720など)
- Twitterのヘッダー画像
→1500x500px