大井このか/Memo
をテンプレートにして作成
HOME
ABOUT
最新の更新
2021
MEMBER 2021
青木暁光
石坂大翔
出光美心
岩崎貴生
岩下雄真
内尾颯太
江川珠貴
大中啓旦
亀田日向
川村洸太
木村円香
久保絢菜
倉員優実
桑原歩未
鴻上早紀
崔昊
佐光美憂
柴田一輝
竹谷匠冬
田籠祐貴
田代爽乃
内藤彩乃
西山実伶
濱有希子
濱田侑里
藤本唯人
松岡佑樹
松藤陽
村山陽菜
山田宗周
渡邊来美
渡辺侑貴
中西華子
原田朋奈
水田修太朗
宮副咲葉
猪須大翔
川面翔太
隈翔太
柴田葉月
角祐菜
豊岡壮大朗
吉井麻吏菜
2022
MEMBER 2022
棈松智也
梅木悠民
江頭奏
大井このか
大石颯
太田糸音
太田姫奈
越智楓
鎌田真幸
楠田佑月
興梠媛愛
後藤太成
坂井彩華
指方依緒
徐泰陽
杉野市之助
堤晴司
角田雄一
中井千尋
原朋恵
平嶋明日花
増田里奈
深町彩海
藤島早希
宮路咲希
梁井英翔
山口愛麗
山本彩花
松田葉奈
松本龍太郎
熊谷涼花
近藤ひかる
善結穂
待永萌衣
三浦遥
石松匡広
上田莉帆
宇田川春稀
宇美希美
佐野美和
竹之内咲希
土斐崎種定
野村優亜
福田千紗
山川彩香
山田侑加子
重松優花
甲斐陸斗
2023
MEMBER 2023
秋月靖雅
浅田真優花
阿南慶子
荒谷唯斗
安藤貴仁
池邉成
井上大河
岩本愛結
梅﨑美和
浦朱里
江村梨里香
大場こころ
勝田喜一
亀崎瑞穂
神田舞
白井くるみ
髙市遥
竹松莉羽
寺田圭志
中村心香
原晴紀
菱谷実来
日山晃良
平崎千夏
福井涼
堀玲二
山口恵
早稲田加奈恵
渡邊優希
十時明日香
石井彩晶
大神槙之介
大熊玄樹
大山花音
岡萌絵子
荻野美咲
鐘ヶ江雅
金田桜子
北村美優香
清野梨果
高庄玲衣
津覇稜也
中川飛鳥
福屋早希乃
脇山千寛
2024
MEMBER 2024
芦谷心渚
安部詩織
池田隆之介
伊藤早紀
越智花凛
金ヶ江光千瑠
佐藤澪
川村玲太
菊池真桜
後藤未羽
齊場由布
佐々木陽菜
佐藤美月
猿本大翔
竹之内優希
田尻有沙
谷口和歌子
千々岩聡真
手島凜
鳥越友菜
中尾桃瀬
野口朗央
福岡比菜
松崎菜々実
松永紗和
真子大輝
南妃香莉
宮園晴日
森山海莉
劉沢寧
渡辺颯香
足立実優
池田阜弥
井上朋美
宇野日菜
上瀧桃子
茂山和寛
髙嶋莉彩
橘彩以
田中さゆり
田村宥奈
徳永歩乃佳
轟はなの
庭瀬美来
橋本音花
若狭映那
STAFF
専任教員一覧
伊藤敬生
井上貢一
井上友子
岩田敦之
桜井祐
永嶋さゆり
北島己佐吉
OBOG
2023年度卒業生
2022年度卒業生
2021年度卒業生
2020年度卒業生
2019年度卒業生
SESSION
専門科目一覧
ソーシャルデザイン概論
ソーシャルデザイン演習
情報デザイン演習IIA
情報デザイン演習IIB
地域ブランド企画演習IIA
地域ブランド企画演習IIB
視覚デザイン演習
Webデザイン演習
3DCG演習
情報デザイン研究I
地域ブランド企画研究I
卒業研究
教務ガイダンス
RecommendedVideo
BasicKnowledge
PROJECT
LINKS
SEARCH
開始行:
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.cg...
-[[動画圧縮サイト>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種類 数字が小さい方から大見出し、中見出し…とい...
※論文の章・節・項のように構造に合わせて使うもののため、...
~
-&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>/<vi...
画像や音声、動画などのメディアを直接埋め込む。
※画像や音声(mp3)、動画(mp4)を挿入するときはhtmlファ...
--<img src="フォルダ名/画像ファイルのリンク名" alt="画像">
--<audio src="フォルダ名/音声ファイルのリンク名" controls...
--<video src="フォルダ名/動画ファイルのリンク名" controls...
→src=source:表示するファイルがどこにあるかを示している。
~
-&color(#ff899d){<iframe 〜〜〜></iframe>};:他サイトから...
YouTubeなどの埋め込みに使われている。
動画を直接埋め込むと容量が大きくなってしまうため、動画投...
※YouTubeを埋め込むときは、「共有』→「埋め込む」から”htm...
~
-&color(#ff899d){FORM};:フォーム
入力フォームを作成する。
※実際にフォームとして使う(データを送信する)には、HTML...
→他のフォームを埋め込むのがおすすめ。
&size(10){コードは色々あって書ききれないや};
~
~
***&color(#00d5ff){css};
カスケーディング・スタイルシート(Cascading Style Sheet...
一般的に「スタイルシート」や「css」と呼ばれる。
~
&color(#00d5ff){cssの書き方};
以下の3つの書き方がある。
-htmlタグ内に記述
→ひとつひとつ変えることができる。
まとめて変えたい時や、タグ内の記述量が増えたときに大変。
- <head>内に記述
→割とまとめて変えることができる。
細かく変えたいときや、タグ内の記述量が増えたときに大変。
-独立したファイル(拡張子.css)に記述【←おすすめ】
~
~
***&color(#00d5ff){cssのコード};
~
[[&color(#ff899d){参考サイト1};>https://www.webcreatorbo...
~
~
~
~
~
~
**&color(#cf99ff){&size(20){アイデア出しに困ったら};};
-単語を二つ並べてみる
→本来は繋がらないような単語を繋いで、情報量をあげてみると...
〇〇の〇〇、〇〇が〇〇、〇〇を〇〇
~
-(場所が関係するプロジェクトの場合)現地に行って現地の人...
→駅なら時間を気にしている人が多い等、その場所にいる人が何...
~
-デザインした後に他の人のアイデアと見比べてみる。(参考作...
見劣りしなければいいデザイン
~
~
~
~
~
~
**&color(#cf99ff){&size(20){推しの色};};
⚔:[[&color(#A590AF){A590AF};>https://www.colordic.org/co...
🌇:[[&color(#BFFFFF){BFFFFF};>https://www.colordic.org/co...
🦊✌️:[[&color(#FFCB5B){FFCB5B};>https://www.colordic.org/...
🌷:[[&color(#FF899D){FF899D};>https://www.colordic.org/co...
~
~
~
~
~
~
**&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(...
|季節|春|夏|秋|冬|
|時間|夜|昼|昼|夜|
|意味|知識|お金|愛|死|
|物|棍棒|貨幣|聖杯|剣|
|職業|農民|商人|僧侶|騎士|
~
-豆知識
一年は春夏秋冬でそれぞれ13週、計52週。トランプもそれぞ...
全ての数字を足すと364になる。ジョーカーも入れたら365、...
-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.c...
[[&color(#ff899d){参考サイト2};>https://woman.mynavi.jp/...
~
~
~
~
~
~
**&color(#cf99ff){&size(20){用紙サイズ};};
[[&color(#ff899d){まとめサイト};>https://www.kaunet.com/k...
***&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×1401...
~~
***&color(#00d5ff){デジタル様式};
-Youtube等に使う画像
→16:9 (1920×1080,1280×720など)
~
-Twitterのヘッダー画像
→1500x500px
~
~
~
~
~
~
終了行:
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.cg...
-[[動画圧縮サイト>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種類 数字が小さい方から大見出し、中見出し…とい...
※論文の章・節・項のように構造に合わせて使うもののため、...
~
-&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>/<vi...
画像や音声、動画などのメディアを直接埋め込む。
※画像や音声(mp3)、動画(mp4)を挿入するときはhtmlファ...
--<img src="フォルダ名/画像ファイルのリンク名" alt="画像">
--<audio src="フォルダ名/音声ファイルのリンク名" controls...
--<video src="フォルダ名/動画ファイルのリンク名" controls...
→src=source:表示するファイルがどこにあるかを示している。
~
-&color(#ff899d){<iframe 〜〜〜></iframe>};:他サイトから...
YouTubeなどの埋め込みに使われている。
動画を直接埋め込むと容量が大きくなってしまうため、動画投...
※YouTubeを埋め込むときは、「共有』→「埋め込む」から”htm...
~
-&color(#ff899d){FORM};:フォーム
入力フォームを作成する。
※実際にフォームとして使う(データを送信する)には、HTML...
→他のフォームを埋め込むのがおすすめ。
&size(10){コードは色々あって書ききれないや};
~
~
***&color(#00d5ff){css};
カスケーディング・スタイルシート(Cascading Style Sheet...
一般的に「スタイルシート」や「css」と呼ばれる。
~
&color(#00d5ff){cssの書き方};
以下の3つの書き方がある。
-htmlタグ内に記述
→ひとつひとつ変えることができる。
まとめて変えたい時や、タグ内の記述量が増えたときに大変。
- <head>内に記述
→割とまとめて変えることができる。
細かく変えたいときや、タグ内の記述量が増えたときに大変。
-独立したファイル(拡張子.css)に記述【←おすすめ】
~
~
***&color(#00d5ff){cssのコード};
~
[[&color(#ff899d){参考サイト1};>https://www.webcreatorbo...
~
~
~
~
~
~
**&color(#cf99ff){&size(20){アイデア出しに困ったら};};
-単語を二つ並べてみる
→本来は繋がらないような単語を繋いで、情報量をあげてみると...
〇〇の〇〇、〇〇が〇〇、〇〇を〇〇
~
-(場所が関係するプロジェクトの場合)現地に行って現地の人...
→駅なら時間を気にしている人が多い等、その場所にいる人が何...
~
-デザインした後に他の人のアイデアと見比べてみる。(参考作...
見劣りしなければいいデザイン
~
~
~
~
~
~
**&color(#cf99ff){&size(20){推しの色};};
⚔:[[&color(#A590AF){A590AF};>https://www.colordic.org/co...
🌇:[[&color(#BFFFFF){BFFFFF};>https://www.colordic.org/co...
🦊✌️:[[&color(#FFCB5B){FFCB5B};>https://www.colordic.org/...
🌷:[[&color(#FF899D){FF899D};>https://www.colordic.org/co...
~
~
~
~
~
~
**&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(...
|季節|春|夏|秋|冬|
|時間|夜|昼|昼|夜|
|意味|知識|お金|愛|死|
|物|棍棒|貨幣|聖杯|剣|
|職業|農民|商人|僧侶|騎士|
~
-豆知識
一年は春夏秋冬でそれぞれ13週、計52週。トランプもそれぞ...
全ての数字を足すと364になる。ジョーカーも入れたら365、...
-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.c...
[[&color(#ff899d){参考サイト2};>https://woman.mynavi.jp/...
~
~
~
~
~
~
**&color(#cf99ff){&size(20){用紙サイズ};};
[[&color(#ff899d){まとめサイト};>https://www.kaunet.com/k...
***&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×1401...
~~
***&color(#00d5ff){デジタル様式};
-Youtube等に使う画像
→16:9 (1920×1080,1280×720など)
~
-Twitterのヘッダー画像
→1500x500px
~
~
~
~
~
~
ページ名: