#author("2024-05-14T14:57:08+09:00","default:member","member") #author("2024-05-14T14:57:56+09:00","default:member","member") CENTER:&color(#f8b500){&size(40){𝕄𝕖𝕞𝕠};}; ~ #hr &color(#f8b500){&size(20){*もくじ*};}; #contents2_1 ~ ~ ~ **&color(#cf99ff){&size(20){Memolink};}; ***&color(#ff899d){&size(15){サイトとかに使えるやつ};}; -[[フォント変換サイト1>https://jp.piliapp.com/cool-text/]] -[[フォント変換サイト2>https://www.shapoco.net/plainstyle/]] -[[web色見本>https://www.colordic.org/]] -[[QRコード作成>http://qr.8-bit.jp/ja/]] -[[ダミーテキスト>https://lipsum.sugutsukaeru.jp/index.cgi]] -[[動画圧縮サイト>https://video-converter.com/ja/]] -[[アイコン(google fonts)>https://fonts.google.com/icons]] ~ ***&color(#ff899d){&size(15){創作支援系};}; -[[逆引き花言葉>https://hananokotoba.com/gyakubiki/]] -[[創作支援名前倉庫>http://naming.nobody.jp]] ~ ***&color(#ff899d){&size(15){その他};}; -[[pinterest📌>https://www.pinterest.jp/]] -[[github>https://github.com/konokaume]] ※要ログイン ~ ~ ~ ~ ~ ~ **&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){便利なショートカット}; -shift+option+F 段がぐちゃぐちゃになった場合、簡単に揃えることができる。 ~ ~ ***&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(#ff899d){FORM};:フォーム 入力フォームを作成する。 ※実際にフォームとして使う(データを送信する)には、HTMLだけでなく、プログラム実装が必要。 →他のフォームを埋め込むのがおすすめ。 &size(10){コードは色々あって書ききれないや}; ~ ~ ***&color(#00d5ff){css}; カスケーディング・スタイルシート(Cascading Style Sheets)。 一般的に「スタイルシート」や「css」と呼ばれる。 ~ &color(#00d5ff){cssの書き方}; 以下の3つの書き方がある。 -htmlタグ内に記述 →ひとつひとつ変えることができる。 まとめて変えたい時や、タグ内の記述量が増えたときに大変。 - <head>内に記述 →割とまとめて変えることができる。 細かく変えたいときや、タグ内の記述量が増えたときに大変。 -独立したファイル(拡張子.css)に記述【←おすすめ】 ~ ~ ***&color(#00d5ff){cssのコード}; ~ [[&color(#ff899d){参考サイト1};>https://www.webcreatorbox.com/tech/css-flexbox-cheat-sheet]] ~ ~ ~ ~ ~ ~ **&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(#00d5ff){Mac/Photoshop}; |選択解除|⌘+D| ~ ~ ***&color(#00d5ff){Mac/aftereffect}; |ファイルを複製|⌘+D| ~ ***&color(#00d5ff){aftereffect便利知識}; -グラフエディタで位置調整する時に、縦または横は固定したまま調整したい →右クリック→次元を分割 ~ -長方形(図形)ツールは、コンポジションのファイルを選択した状態で使うと、マスクになる。 ~ -動きをつけたコンポにさらに別の動きをさせたい! ↪︎新しいコンポを作って、中に動きをつけたコンポを入れて編集しよう! ~ -点滅させたい! ↪︎トランスフォームから不透明度を弄ろう。 短い間隔で0-100%にすると点滅してるように見えるぞ! ~ -(文字とかを)次々に表示されてるみたいに動かしたい! →文字を点滅させたファイルを文字数分だけ複製→マスクで一文字ずつ表示させる→点滅してるキーフレームを少しづつずらしていく ~ -ランダムに動かしたい! →ウィグラーで設定する(画面にないときはウィンドウから呼び出せる)。 ~ -動いてるものに合わせて、別の動きをつけたものが移動してくれればいいなぁ。 ↪︎親子関係をつけよう! →レイヤーにある「親とリンク」の項目のところから、渦を引っ張って繋げる。 ※子から親に向けてつけること! ~ ~ ~ ~ ~ **&color(#cf99ff){&size(20){トランプについて};}; -トランプのスートが表しているもの |スート|&color(#000000){♣︎};|&color(#ff0000){♦︎};|&color(#ff0000){❤︎};|&color(#000000){♠︎};| |季節|春|夏|秋|冬| |時間|夜|昼|昼|夜| |意味|知識|お金|愛|死| |物|棍棒|貨幣|聖杯|剣| |職業|農民|商人|僧侶|騎士| ~ -豆知識 一年は春夏秋冬でそれぞれ13週、計52週。トランプもそれぞれのマークに1〜13までの数字がある。 全ての数字を足すと364になる。ジョーカーも入れたら365、エキストラジョーカーも入れると366。 -J〜Kの顔の向きと意味 スートを真っ直ぐ見つめる=大好き スートに対して斜め45度=そこそこ好き スートに対して反対の斜め45度=基本は嫌い スートに対して反対を向いてる=大嫌い ~~ [[&color(#ff899d){参考サイト};>https://trump-inc.com/1869/トランプの雑学/]] ~ ~ ~ ~ ~ ~ **&color(#cf99ff){&size(20){ネタ};}; ***&color(#00d5ff){粋な口説き文句まとめ}; -月が綺麗ですね→I love you(愛しています) ↪︎返答: |死んでもいいわ|愛しています| |私には月は見えませんね|断り| など… 一番有名な口説き文句。 夏目漱石が『I love you』を訳すときに、『月が綺麗ですね』と訳したという説が有名。 返答にもたくさんの種類がある。 ~ -他の口説き文句 |明日の月は綺麗でしょうね|殺す| |明日は晴れますか|私の気持ちはあなたに届いていますか| |明日も晴れるといいですね|明日もあなたに笑顔でいて欲しい| |雨音が響いていますね|あなたが好きでした| |雨が降ってきましたね|このまま2人で過ごしたい| |雨、やみませんね|もう少しそばにいていいですか| |海が綺麗ですね|あなたに溺れています| |永遠に続く青空|ずっと澄んだ気持ちで愛しています| |風が冷たいですね|あなたを抱きしめたいです| |桜が綺麗だね|私たちはまたここで逢おう| |太陽が眩しいですね|私の横に来て一緒に歩きましょう| |星が綺麗ですね|あなたはこの想いを知らないでしょうね| |夕日が綺麗ですね|もっと一緒にいたい| |雪がやみませんね|あなたへの思いが止まらない| ~~ [[&color(#ff899d){参考サイト1};>https://happy-seed0327.com/smile/tsukigakireidesune-synonyms.html]] [[&color(#ff899d){参考サイト2};>https://woman.mynavi.jp/article/221115-15/]] ~ ~ ~ ~ ~ ~ **&color(#cf99ff){&size(20){用紙サイズ};}; [[まとめサイト>https://www.kaunet.com/kaunet/grp/K0024/32891/]] [[&color(#ff899d){まとめサイト};>https://www.kaunet.com/kaunet/grp/K0024/32891/]] ***&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 ~ ~ ~ ~ ~ ~