タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
デザイナーがwebサイトを模写する際に見るべき8つの学習ポイント｜Tomoyuki Arasuna
webやアプリのUIデザイン上達のコツとして、模写（コピー）がよく取り上げられます。私も過去に一時期やったことがありましたが、確かにいくつかのデザインを細かく観察して自分で再現してみることで、その後いざ実践！となった時に多くの学びを活かせたと記憶しています。 そうした経験から、最近も会社の若いメンバーに模写を進めて実践してもらっていたのですが、とあるメンバーから「模写はできたものの、どんなところを観察すればよいのでしょうか？」という質問を受けました。確かに、実践経験が少ない人にとっては、真似てはみたもののそこから何を学べばよいか分からない、というのは当たり前かもしれません。 模写というと変わったレイアウトや表現ばかりにとらわれがちなのですが、本当に身に付けたいのは「使えるwebサイト」を作る上でのデザイン力の基礎部分です。その基礎とは何か？を知ると学習の効率も上がります。そんなわけで今回は
甲斐谷忍＠カモのネギには毒がある8巻7月発売！ @mangakap 漫画家の甲斐谷忍と申します。今はグランドジャンプで「カモのネギには毒がある」連載してます。過去作は新信長公記、無敵の人、ウイナーズサークルへようこそ、霊能力者小田霧響子の嘘、LIARGAME、ONEOUTS、太平天国演義、ソムリエ、翠山ポリスギャングなど。2023年までボランティアで甲斐谷荘のメンターやってました ynjn.jp/app/title?tid=…
｢どうしたら絵が上手くなれますか？｣という質問への池上遼一先生の回答がためになる。『徹底的な模写、解剖学、小説と映画に触れる。これは今も続けている』
トリリオンゲーム＠池上遼一【公式】最新８集発売中！！ @Ikegami_Ryoichi 池上遼一公式アカウントです！ 最新作『トリリオンゲーム』（原作：稲垣理一郎）ビッグコミックスペリオール連載中ほか、過去の作品に関する情報もあわせてスタッフがつぶやきます。 「 」は本人のつぶやきです！！ bigcomicbros.net/work/38477/ トリリオンゲーム＠池上遼一【公式】最新８集発売中！！ @Ikegami_Ryoichi ●質問：漫画を描いています。絵が上手くなりたいです。池上先生はどのように練習をされましたか？（北海道・Ｆさん） 「好きな作家の絵を徹底的に模写。同時に解剖学の本をすこし勉強。小説を読み、映画を鑑賞しながら感情表現を研究。これは今も続いています」 池上遼一 2022-02-05 18:34:46
Saya Kubota @sayakubota 福岡市美術館鳥獣戯画展にて鉛筆を借りメモ張とともに鎌倉時代の木彫像「神鹿」を小さくスケッチしていたら「模写をやめてください」と。理由を聞くと著作権(作者70年後で著作は切れるはず)で難しいと。納得がいかず更に聞くと立ち止まってはいけないからとのことだ。人数制限もしていて空いている 2022-09-24 13:23:14 Saya Kubota @sayakubota 著作権は70年で切れるはずと指摘したところ、高円寺が模写を禁止しているとのこと。(私はまだ確認していない)グッズでは鳥獣戯画をなぞってみるグッズがある中、立体彫刻の鉛筆のメモスケッチすら許されないのは、なんのための美術館かと怒りが湧いてしまった 2022-09-24 13:25:51 Saya Kubota @sayakubota 海外と比べるのはどうかともおもうが、ロンドンの修
「今でも仕事や大事な書類ではその子の字を使って書いています」人の筆跡を模写することができる『筆跡模写』という特技を持つ人の話
N404N @nene3san 筆跡模写という実生活に役に立たない特技があるのですが、中学の時の隣の子がめちゃくちゃ字が綺麗で（この字、盗ろ……）と思い模写しました。今でも仕事や大事な書類ではその子の字を使って書いています。自分の手から出てくる綺麗な字を見る度にあの子は元気かな、って思う。 2020-06-10 16:33:40
関 泰久🌕 on Twitter: "犬役の俳優がいることを初めて知った。動物の形態模写できる人はハリウッドでチャンスある。(The Call of the Wild, 2020) https://t.co/QhwwbfboJs"
犬役の俳優がいることを初めて知った。動物の形態模写できる人はハリウッドでチャンスある。(The Call of the Wild, 2020) https://t.co/QhwwbfboJs
愛上陸/越前 @aiue_etizenn 昔アシスタント行った時、最初に「これ模写してみて」って言われて、何のテストだ？というくらい簡単な人物と背景の模写させられたのだけど、数年後にアレがなんだったのか聞いた時、「模写なのに、自分の絵柄に寄せようとか、個性出そうとする奴たまにいるのでその洗い出し」って言われて戦慄した。 2023-09-19 10:37:25
ライジ💙💛 on Twitter: "つか誰も志村けんの、日本兵コントや終戦直後ストリップ嬢の（男の彼がやるからこそ面白い）形態模写や芸者コントの杉村春子オマージュ芸や、ラテンやジャズへの造詣やを思い出すこともなく、「おっぱい」「セクハラ」ばかりを語る…日本の男たちのお笑い観客としてのとめどない幼稚化を見る思いだ。"
つか誰も志村けんの、日本兵コントや終戦直後ストリップ嬢の（男の彼がやるからこそ面白い）形態模写や芸者コントの杉村春子オマージュ芸や、ラテンやジャズへの造詣やを思い出すこともなく、「おっぱい」「セクハラ」ばかりを語る…日本の男たちのお笑い観客としてのとめどない幼稚化を見る思いだ。
滝沢ガレソ⭐ on Twitter: "女子高生が「えちち萌えイラスト」で美術館の賞を受賞し物議を醸す ↓ ついでに完全な流れ弾で、無関係の他作品があるウィッグ専門店の広告の模写であることが判明する https://t.co/LCakZESlyX https://t.co/rLL0hnKFWV"
女子高生が「えちち萌えイラスト」で美術館の賞を受賞し物議を醸す ↓ ついでに完全な流れ弾で、無関係の他作品があるウィッグ専門店の広告の模写であることが判明する https://t.co/LCakZESlyX https://t.co/rLL0hnKFWV
日本の美術館・博物館では模写ができない？ その実情を探る
日本の美術館・博物館では模写ができない？ その実情を探る欧米の多くの美術館・博物館では認められている作品の模写やスケッチ。しかし、日本の美術館・博物館でそうした行為を見ることは多くない。模写をめぐる実情を探った。 文＝浦島茂世 とびらボード © nakajima yusuke 提供＝東京都美術館 先日、博物館でスケッチをしようとした子供が、監視員に咎められたことをその父親が「note」で報告、SNS上で大きな物議を醸し出した。欧米の多くの美術館・博物館で認められているという模写やスケッチは、なぜ日本では禁止されているのだろうか？ 法律では禁止されていない模写・スケッチ そもそも、日本の美術館・博物館で模写やスケッチをすることに関して、法律的にはなんら縛りはない。全国美術館会議 編集、甲野正道 著『改訂新版 現場で使える美術著作権ガイド 2019』（美術出版社）によれば、「作品の写真撮影やス
博物館の模写は許されるべきなのか禁止されるべきなのか
高広伯彦 Norihiko Takahiro, Ph.D. @mediologic 二度目の #縄文2021 。 二度来たくなるくらい素晴らしい特別展。 しかし、、、 息子（小3）が自主学習のために土偶をスケッチしてたら、「模写禁止なんで」と怒られた。 こういうところが日本の博物館や美術館が、子供たちにやさしくないとか、教育に使われないアカンところだと思う。 twitter.com/edohakugibocha… 2021-11-21 11:38:44 江戸東京博物館 @edohakugibochan 特別展「#縄文2021 ―東京に生きた縄文人―」では、縄文人の作った「上手な土器」だけでなく、「下手な土器」も展示しています（東京都教育委員会蔵）。まさか数千年後にこんなふうに展示されるとは、作った人も思っていなかったでしょうね。 #江戸東京博物館 #縄文人 #縄文 #jomon pic.t
小島昌之 @kojima_masayuki アニメーター・コーチ。chiptune所属。業界を離れていた7年間に自己規律や対話スキル、人材育成やコーチングスキル等を勉強。コーチとしての実務と人事評価の経験あり。大好物は梨。次に自転車･焼酎･日本酒･コーヒー･チョコレート･囲碁･落語とくる。世界遺産を巡り尽くすのが夢のひとつ。 交流会の再開に向けて準備中。 小島昌之 @kojima_masayuki 絵を描くのが上手くなる方法を知りたくありませんか？ありますよ、2つだけ。 「1.(高度な)模写をする」 「2.実際にポーズを取る・鏡を見る・自撮りする」 色々な人が既に何度となく言っていることではありますが、結局はこの二つです。 但し、注意点が二つ（この先長いので要注意！） pic.twitter.com/TkCkTnPyNd 2022-04-06 18:37:23
こんにちは！ちづみ です！(ブログはこちら）（＾_＾） 以前このようなツイートをして、少し反響があったので、私がいつもXDでwebデザインの模写する時に行っている手順をnoteにまとめました😊 ✅拡張を駆使した速い模写の準備(XD) クロームの拡張Window Resizer で予定のカンプの幅にブラウザを変更 ↓ クロームの拡張Full Page Screen Captureでスクショ ↓ XDの拡張Mimicにurlをコピペ ↓ スクショを複製し1枚はトレース用に薄くひく ↓ サイトの検証も見ながら数値等を確かめつつ模写 pic.twitter.com/BSV8KPnBNM — ちづみ (@098ra0209) October 6, 2019
レディ・オガガ @radiogagako 鬼滅の単行本を読んだ時「目の描き方がみんな違くない？！？！と気づいて正月休みにやりたかったこと。模写して改めて気づいたのは本当に一人一人描写が違うこと、ベタで塗り潰さず全て線で描いていること、円やカーブも細かい線で表現していること。本当にすごい。 pic.twitter.com/AJb3Z9OO7H 2021-01-04 00:39:56
ミチ桃 @micchimomo 6歳でここまで描けるお子さんはなかなかいないので感心してます。高学年で絵の好きな子でも、傾けた体が描けなかったり、腕を曲げたり伸ばしたりさせようとして肩の位置がすごいことになったり、肘が複数登場したりしがちなのですが、体から腕への流れが自然でちょっとびっくりしてしまいました。 twitter.com/juntaba1/statu… 2019-11-29 05:47:56
プログラミング学習サービスはたくさんありますが、その中でも圧倒的に知名度があり、多くの方に使われているサービスがProgateです。 Progateを使った学習は、HTML・CSSを終えてから、下記のどちらかに進むのが王道の流れです。 フロントエンドに興味があればJavaScript バックエンドに興味があればRuby or PHP or Python 初学者の方にとってプログラミングに慣れる / 知るという意味で、この流れは適切です。ただし、Progateは基礎の基礎を勉強するサービスです。Progateだけではとても実務レベルのスキルや知識は身につきません。 この記事では、『Progateの次は何を勉強すれば良いのか』について、web制作 / フロントエンドに特化して紹介します。 ↓プロになるための学習ロードマップ(web制作編)は、下記の記事をご覧ください。 【2024年版】web制
「サイト模写」「模写コーディング」を公開していることに潜むリスクと今すぐ非公開にするべき理由｜Webディレクションやってます blog
Webディレクターとして名村晋治がプロジェクトマネージメントやディレクション業務に当たっている時に利用している問題解決の手法やツール、セミナー等で話をしている内容などWebディレクションに関する情報の紹介をしています。2005年より継続更新中。 最近Web制作の学習を始めた方々の中で「模写コーディング」「サイト模写」というのがあるのを知りました。 コロナ禍の中、Web制作のスクールもオンライン化していると思いますし、そういった中で、教材としては確かに上手い方法だと思います。 ただ、「模写をしたサイトのデータ」について気になることがあり、ブログにまとめました。 見てもらいたい方 自分で作った「模写コーディング」の結果をインターネットに掲載している方 掲載対象はデザイントレースの「画像データ」も、「HTMLコーディング結果」の両方 仕事である以上「知らなかった」は通じない世界がある怖さを知る
福井健策 FUKUI, Kensaku on Twitter: "鳥獣戯画展で鎌倉時代の彫像をメモにスケッチしていたら制止され、著作権と所蔵元の意向が理由にされた件を見ました。 著作権はおかしいという意見や、チケットに模写禁止と書いてあるので違反という意見があるようですね。 館内の模写・撮影は、… https://t.co/aVq6IGHVf1"
鳥獣戯画展で鎌倉時代の彫像をメモにスケッチしていたら制止され、著作権と所蔵元の意向が理由にされた件を見ました。 著作権はおかしいという意見や、チケットに模写禁止と書いてあるので違反という意見があるようですね。 館内の模写・撮影は、… https://t.co/aVq6IGHVf1
Saya Kubota on Twitter: "福岡市美術館鳥獣戯画展にて鉛筆を借りメモ張とともに鎌倉時代の木彫像「神鹿」を小さくスケッチしていたら「模写をやめてください」と。理由を聞くと著作権(作者70年後で著作は切れるはず)で難しいと。納得がいかず更に聞くと立ち止まってはいけないからとのことだ。人数制限もしていて空いている"
福岡市美術館鳥獣戯画展にて鉛筆を借りメモ張とともに鎌倉時代の木彫像「神鹿」を小さくスケッチしていたら「模写をやめてください」と。理由を聞くと著作権(作者70年後で著作は切れるはず)で難しいと。納得がいかず更に聞くと立ち止まってはいけないからとのことだ。人数制限もしていて空いている
オーストラリアにいる『コトドリ』という鳥は声帯模写能力があるので、現地では子供が迷子になったら名前を呼んではいけないと言われている
幣束 @goshuinchou 神社、お寺、古代、民俗、神話、伝承、祭礼、シャーマニズム等。そういう場所に行った時の長文ツイ。日本史、伝統行事、宗教、風習、俗信、妖怪、旅(国内海外)、離島、御朱印、読書、城郭、美味い物、猫、映画、阪神、高校野球。バイク日本一周経験者。セロー250。四国の民になりました。 幣束 @goshuinchou オーストラリアにコトドリっていう尾の長い鳥がいるんだが、声帯模写能力持ってて他の種の鳥の鳴き声から人間の出す様々な音まで完コピ物真似するので、現地では子どもが迷子になったら名前を呼んではいけない、コトドリが呼び声を真似してそっちに付いていってしまうからとか言われる妖怪みたいな鳥だ 2022-05-24 23:40:56
レディ・オガガ on Twitter: "鬼滅の単行本を読んだ時「目の描き方がみんな違くない？！？！と気づいて正月休みにやりたかったこと。模写して改めて気づいたのは本当に一人一人描写が違うこと、ベタで塗り潰さず全て線で描いていること、円やカーブも細かい線で表現していること… https://t.co/06X7Xf5dqI"
鬼滅の単行本を読んだ時「目の描き方がみんな違くない？！？！と気づいて正月休みにやりたかったこと。模写して改めて気づいたのは本当に一人一人描写が違うこと、ベタで塗り潰さず全て線で描いていること、円やカーブも細かい線で表現していること… https://t.co/06X7Xf5dqI
平等院内塔頭から発見 新型コロナウイルスの感染拡大で一躍有名になった、疫病封じをするという妖怪「アマビエ」。江戸時代の瓦版に描かれたアマビエを模写して民衆に配られたとみられる札が、世界遺産・平等院（宇治市）内の塔頭（たっちゅう）で発見されていたことがわかった。専門家は「アマビエへの信仰が広がっていたことを裏付ける貴重な史料だ」と話している。（大川哲拓） 疫病退散 信仰裏付け アマビエは、江戸時代末期の１８４６年、肥後国（熊本県）の海に出現したと伝わる妖怪。京都大付属図書館が所蔵する瓦版には、うろこに覆われたような胴体と、３本のひれを持つ姿が描かれ、「今年から６年間は豊作になる。だが病がはやる。私を写し、人々に見せよ」と告げた、と記されている。 平等院の神居文彰住職（５８）が昨年１月頃、塔頭・浄土院の所蔵庫を整理していた際、「疫病退散 尼比恵」と書かれた封筒の中にある札を発見。コロナ禍で全国
【美術・博物館巡り】「雪舟とその流れ-佐竹家狩野派模写絵画展-」（千秋文庫２０２４年）に行ってきました - たぬちゃんの怠惰な日常
本日よりしばらくマニアック記事です(｀･ω･´)ｷﾘｯ 千秋文庫 ルート おまけ 千秋文庫 先日、「千秋文庫（せんしゅうぶんこ）」へ行きました。 小さな美術館で、東京・九段下駅の近くです。 会社になぜか無料招待券があり、用事ついでに行ってきました。 www.senshu-bunko.or.jp （引用：千秋文庫HP, 2024.02.07） ふつうのビルの中にあるので、うっかり通り過ぎました。 「二松学舎高校」の左側です。 立派なイタリア会館まで行ったら行きすぎです（行っちゃった）。 千秋文庫は、旧秋田藩主 佐竹家に伝わる文化資料があるそうです。 その中でも今回は雪舟などの水墨画を「模写」したものが展示されていました。 そう、模写なんですねえ。 でも雪舟なんてなかなか本物を拝めないので、ありがたいですね。 本物を見たことがないので何とも言えませんが。 模写でも、この作品はいいなと思ったら、
漫画『中国嫁日記』の井上さんを模写してみたので、参考にしてみて下さい。 漫画『中国嫁日記』の井上さんの模写（ラフ） 漫画『中国嫁日記』の井上さんの模写（トレース） 漫画『中国嫁日記』の井上さんの模写（完成画像） 漫画『中国嫁日記』の井上さんの模写（ラフ） 美しい中国人女性と結婚した日本人男性が、描く中国嫁日記では、井上さんが登場します。今回は、その井上さんを模写する事にしました。 下のリンク先から『中国嫁日記』を注文する事ができます。 ラフを進めていき、ラフをなんとか完成させました。 漫画『中国嫁日記』の井上さんの模写（トレース） ラフが完成したので、トレースしてみましたが、まだキャラクターをトレースした経験があまりなかったので、こんな感じかなという仕上がりです。 漫画『中国嫁日記』の井上さんの模写（完成画像） 模写が完成した所ですが、少し目の部分が大きくて線がゆがんでしまいましたね。もう
【CSS】CSS模写 再び！【格子模様】 - Little Strange Software
どうも！LSSです！！ 今日は、以前にやった、 に続いて、またしても さじ(id:conasaji)さん出題のお題？に挑戦してみました！ 小田原城の寄木細工 ↑上がさじさんがイラレで描かれた画像、下がそれをCSSで模写してみたものです。 （今回、色はツールを使って盗みました。なのに文字の色が違うような^^;;;） 元記事は↓こちら！ コード コード解説 の前に考え方から background-size と background-positionというプロパティ ここからコード解説！ もうひとつのお題 やってみて凄く勉強になりました！ コード <div style="width: 320px; height: 65px; font-size: 29px; color: #ffe9a5; text-align: center; text-shadow: 2px 2px 3px gray; fo
こんにちは！いちくん（@ichikun0000）と申します。 普段は都内のWEB制作会社でエンジニアとして勤務しており、デイトラというオンラインスクールのメンターもやらせていただいております。 また、最近MENTAも始めました。 ご興味ありましたら是非相談してください:)今回紹介するのはFigmaというツールです。 まずはこれを使ったらどんなことができるのか知るために以下の僕のツイートを見てみましょう。 模写コーディングをやるならFigma使うといいよ！✨ 1.模写したいサイトのURLコピー 2.プラグインの「html to figma」を使ってコピーしたURLをペーストしIMPORTをクリック 3.ワイヤーフレーム完成✨ 右上のcodeからcssを確認できるし画像の書き出しもできるよ😉#駆け出しエンジニアと繋がりたい pic.twitter.com/d8sCo6RjD1 — いちくん@
つまり「単純に見た目を追求」する勉強と「論理的にデザインを考える」勉強の２通りあるということだ。 この2つの順番としては、まず（２）を考えてから、その上で（１）を考えてデザインする。 しかし、初心者のうちは２つを切り離して別々に考えてもいいだろう。 まず最初は(1)の見た目にキレイで美しいデザイン練習をして、デザインを楽しむことから初めて、そのあと(2)の効果的なデザインについて考えながらデザインの練習をするという方法もありなのではないかと思う。 どんなデザインテイストの模写をすれば良いのか？ 最初にどんなテイストのデザインの模写をはじめればよいかというと、その人のレベルにもよるが、初心者であれば、自分が好きなテイストや得意とするデザインテイストの参考サイトを探して、模写してみよう！ なにより自分が好きで得意なデザインスキルを伸ばして「自分のデザインの強みを作る」ことが先決だからだ！いわゆ
web制作の勉強にどんな教材を使うか迷われる方は多くいます。今は情報が多すぎて、良い情報かどうかを判断するのが難しいと思います。特にwebの記事は、検索上位でも間違っているものもあります。 この記事ではweb制作の勉強中の方やこれから勉強したい方に、おすすめの学習サイトを紹介します。
コーディングをしていて意外と面倒なのがフォームのカスタマイズです。 ブラウザによって見た目がまちまちで、サイトのデザインとマッチしないことも多々あります。ただ、デフォルトのスタイルをリセットしてカスタマイズしようとしても、他のHTML要素と違って色々と面倒な点もあります。 また、カスタマイズする際はアクセシビリティにも考慮しなければいけません。 フォームのデザインは、オシャレにする必要はありません。ユーザにとってわかりやすいものにすることがベストです。 この記事では、最低限のアクセシビリティを意識した、フォームのカスタマイズを紹介します。 👇 メンターやってます 👇 模写修行やこのメディアを作ったエンジニア中心に、メンタリングサービスHello Mentorを運営しています。
『一瞬でも存在したなら神は模写できる』
人間に出来ることは、神にも出来る。 コンピューターに出来ることは、神にも出来る。 宇宙内で実現できていることの全てが、神には実現可能なこと。 この世の創造主である神は、「創造主」なのだから、過去に「一瞬」であってもこの世に存在していたのならば、その存在を、何度でも、完璧に再現することが可能な御方なのです。 「神の脳」は、とてつもなく膨大な「無限」という記憶容量であり、 超快適に動作している「永久に朽ちないデータベース」であり、 そして、その「神の脳」が原子レベルでこの世を形成しているのだから、 神は、この世の全てを記憶して残すことが出来ていて、「リンゴ」や「ケーキ」や「建造物」などの一時的に存在している「形」であっても、その形を「自分の脳」内に完璧にトレースして、完璧に再現することが可能なのです。 人間にとっては、巨大すぎて掌握しきれていない存在である地球、太陽、太陽系、銀河系、宇宙は、言
サイトを制作する際、画像の最適化は複雑でベストプラクティスがわからなかったり、疎かにしている人は多いのではないでしょうか？ レスポンシブイメージ decoding="async" loading='lazy' レイアウトシフト WebPやAVIF等の次世代画像フォーマット 画像周りでは知っておかないといけないことが多くあります。 この記事では、その中でも特にややこしい、srcset/sizes属性やpictureタグを使ったレスポンシブイメージを解説します。 👇 メンターやってます 👇 模写修行やこのメディアを作ったエンジニア中心に、メンタリングサービスHello Mentorを運営しています。
*モヤモヤした出来事。嫌なことを忘れさせてくれた絵【模写】ゴッホ／夜のカフェテラス* - Xin Chao HANOI
最近のハノイは雨季で、晴れてたとしても急に大雨が降ったりする不安定な空模様です。 一昨日、小雨の中を歩いていたら後ろから男性の声で 「Fa○king girl！」 と言われ、びっくりして振り返るとバイクに二人乗りした大柄の白人男性が。 私が邪魔だったのか、勢いよく追い越して行きました。 まさかそんな言葉が飛んでくるなんて思わなかったので、驚いたしすごく嫌な気持ちになりました。 雨が降ると道が一気に混むので、イライラしてたのかもしれないけど。 なんだかモヤモヤ。 こんな日は帰って部屋にこもって、絵を描いて早く忘れよう。 次の日、こんな事がありました。 ローカルのお店のベトナム人のおじちゃんと他愛もない挨拶をした時に 「何人？^^」と聞かれたので 「Tôi là người Nhật.」トイ ラー グイニャ （日本人。） と答えると 「ABE」「ABE」 と言って胸に両手をあてて祈るような動作
現在、多くのwebサイトがアニメーションを取り入れています。 特に、スクロール連動型アニメーションを取り入れているサイトは誰でも1度はみたことがあるのではないでしょうか？ 今回は、効率よくサクッとスクロールアニメーションが実装できるJavaScriptのライブラリ、AOS(aos.js)を紹介します。 JavaScriptの基礎学習がまだの方は、下記の記事も参考にしてみてください。 JavaScriptの勉強ができるおすすめの本やサイト紹介！ 👇 メンターやってます 👇 模写修行やこのメディアを作ったエンジニア中心に、メンタリングサービスHello Mentorを運営しています。
💡 class=”single-item" レイアウトや見た目のスタイルを指定するためのクラスです。こちらのクラスには、アニメーション関連のCSSは指定しません。 💡 class=”u-fade-type-up" アニメーション時のスタイルや動きを指定するためのクラスです。アニメーション関連のスタイルは全てこちらのクラスに指定します。「u-」は、「utility」の「u」です。 💡 class=”js-scroll-trigger" トリガー用のクラスです。JavaScript側で要素が画面下部200pxに達したかを判定する際に必要となります。「js-」がついているクラスは、JavaScriptから操作するクラスなので、CSSの指定はしません。 CSSを記述する /* レイアウトや見た目のスタイル */ /* ---------------------------- */ .sing
流石に疲れました。結構頑張りましたが、今はこれが限界。アルフォンス・ミュシャです。ミュシャの題材にいつもいる女性は、サラ・ベルナールです。フランスの舞台女優です。ミュシャはそのサラのポスターをずっと手掛けていました。 彼が初めて作成したのが、舞台「ジスモンダ」のポスターです。休暇で不在のデザイナーに変わり急遽作成したものでした。チャンスはいつ何時訪れるかわからない典型的な例ですが、そのポスターがサラに気に入られ、専属デザイナーになりました。そのため、ミュシャはそのほとんどをずっとサラのポスター制作を行っています。 ミュシャの手法はリトグラフという版画の手法です。アルミ版に線を書き入れ、インクと油を用いて転写していく技術になります。この絵が版画というのは驚きですよね。いわゆる彫刻刀でほっていくものとは異なっていますが、それでもこれほどまでに繊細なタッチで書かれているのは技術の高さを物語ってい
模写コーディングでスキル爆上げ！手順からおすすめの模写サイトまで プログラミング学習 公開日 : 2019年12月18日 | [更新日] 2023年06月01日 HTML・CSS・JQuary・javascriptの基礎を学んだ後に、必ずWebサイトの模写コーディングをおすすめされますよね、、、。 正直、基礎を学び終わった後に、いきなりWebサイトの模写コーディングしろと言われても初心者なので「どんな手順でやったらいいの？」「どんなWebサイトを模写したら上達するの？」といった疑問が生まれ、戸惑っていることでしょう。 お察しします、、、笑 私もそんな戸惑いを覚えた1人で、何から初めていいのか分からず上達に時間がかかってしまったので、みなさんには迷わず上達して欲しいという思いがあります。 そこで今回は、Webサイトの模写コーディングの手順と初心者向けの模写すべきおすすめサイトをいくつか用意し
先月、聖剣伝説3 TRIALS of MANA のスマホ版がリリースされました。 スーファミ版リアルタイム世代なのもあって楽しく遊んでます！ フレームレートの安定ためにコンシューマ版に比べて一部ポストエフェクトを切っていたり色域が違うように見えたりと、細かに調整されていて、スマホでもスムーズに遊べていて感動です・・・。（コンシューマ版開発時点でスマホ対応も構想に入っていたらしい） 聖剣３TOMを遊んでいて印象的だったのが、光沢を感じるような独特の陰影の付け方でした。 「何かグラフィックに関するインタビューとかないかなぁ」と探したところ、 UNREAL FEST EXTREME 2020 WINTER でドンピシャな講演をされていたようで、そのアーカイブが見つかりました！（36:07〜） ありがたや…。 講演の中でシェーダーに関する細かいお話があって良い足がかりになったので、聖剣３TOMのキ
![[Unity]聖剣3TOMのキャラの「アナログ感」シェーダーを模写してみた - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/db405773dd646ec7ef6c3133d369e456ab18b69a/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCVW5pdHklNUQlRTglODElOTYlRTUlODklQTMzVE9NJUUzJTgxJUFFJUUzJTgyJUFEJUUzJTgzJUEzJUUzJTgzJUE5JUUzJTgxJUFFJUUzJTgwJThDJUUzJTgyJUEyJUUzJTgzJThBJUUzJTgzJUFEJUUzJTgyJUIwJUU2JTg0JTlGJUUzJTgwJThEJUUzJTgyJUI3JUUzJTgyJUE3JUUzJTgzJUJDJUUzJTgzJTgwJUUzJTgzJUJDJUUzJTgyJTkyJUU2JUE4JUExJUU1JTg2JTk5JUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgxJTlGJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1jMzY2OTc2ZGUxMzExNTI3ZTAxMzUyZmYxNDFiZGY2OA%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBmbGFua2lkcyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MjkzNGM1NDM1NjYxYTgwNDUxMTRlMDNlOWQ2NTZkOTU%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D896d309bf036ef5375d911a08967579f)
実務でリニューアル案件や改修案件をやると、他人が書いたコードをよく見ることになります。悪い意味で"ヤバイ"と思うコードもたくさん目にします。 HTMLは色々な書き方があってOKというわけではなく、正しく意味付けするものなので、ちゃんと書いていれば人によってあまり差が生まれません。一方で、SSは人によってC書き方はかなり様々です。 どんなサイトを作るのか 誰が作るのか サイト公開後は誰が保守・運用するのか これらによって最適な書き方は変わってきます。正解はありませんが、CSS設計を理解して、自分の中でどんなCSS設計手法を採用するかは決めておくべきです。 この記事では、CSS設計に関して、具体的なサンプルも用いて解説します。 👇 メンターやってます 👇 模写修行やこのメディアを作ったエンジニア中心に、メンタリングサービスHello Mentorを運営しています。
大塚英志未刊行小説「木島日記 うつろ舟」「北神伝綺」「北神伝綺 妹の力」発売中 on Twitter: "日中戦争下、出征する兵士への寄せ書きを古書店で見たのだが、女性たちのそれは華やかな少女画の模写で彩られ太宰の「女生徒」の如き口語体でまるでスポーツ大会の応援のような口ぶりでそのリアリティのなさや戦場に人を送るカジュアルさに「銃後」の空気をリアルに感じ、ちょっと恐ろしかった。"
日中戦争下、出征する兵士への寄せ書きを古書店で見たのだが、女性たちのそれは華やかな少女画の模写で彩られ太宰の「女生徒」の如き口語体でまるでスポーツ大会の応援のような口ぶりでそのリアリティのなさや戦場に人を送るカジュアルさに「銃後」の空気をリアルに感じ、ちょっと恐ろしかった。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
プロ漫画家が激論「模写は画力向上に役立つか？」 ……実は模写の前に、あることの理解が重要だった
美術館で展示物を模写していたら模写禁止と言われた話 - Togetter
漫画アシスタントのテストで驚くほど簡単な模写をさせられた→数年後にその真意を知って戦慄した話「大切なことよね」
アニメーター・コーチ小島氏が解説「絵がうまくなる方法は『高度な模写』と『自撮り』の２つだけ」
【webデザインの学習】XDでwebサイトの模写をしてみる｜ちづみ
鬼滅を読んで「目の書き方全員違くない！？」と気づいたので片っ端から模写してみたら気づきが多かった「描き分けすごい」
6歳の娘さんによるフェルメールの模写が何しろ味わい深くて素敵「この魅力はどこから」「6歳でこれすごくない?」
Progateの次に勉強すべきこと(web制作/フロントエンド編) | 模写修行メディア
アマビエ札 瓦版模写か : ニュース : 京都 : 地域 : 読売新聞オンライン
漫画『中国嫁日記』の井上さんを模写 - イラストレーター W_AKIRAのブログ
Figmaを使って模写コーディングしよう！｜いちくん
WEBデザインの練習「WEBデザインの模写」の正しいやり方とコツ！
【2024年版】web制作の独学に使える学習サイト15選！ | 模写修行メディア
Xユーザーのたま、👻hantutamaさん: 「この画像は去年の10月1日に買ったばかりのiPhone15で試し撮りしてびっくりした画像｡ 遠景の不鮮明な文字が勝手な解釈で異世界文字に化けてる｡ 今時のスマホカメラって物凄いAI補正🙄❗️ こんな画像なんて､所謂「絵じゃん」 写真の模写だけは巧みな魂の無い画家が模写した絵｡ AI汚染｡厳密な意味で「真実の映像の記録」たり得るのだろうか｡ 現代から近未来のネット上に溢れる画像の大半は､無数の人類がスマホで写した画像になる｡情報汚染された画像情報に… ht
コピペで使える！HTML・CSSでフォームをおしゃれにカスタマイズする方法 | 模写修行メディア
srcset/sizes属性やpictureタグを使ったレスポンシブイメージを解説 | 模写修行メディア
【超簡単】JavaScriptライブラリaos.jsの使い方を解説！ | 模写修行メディア
JavaScript(jQuery)でスクロールアニメーションを自作する方法を解説！ | 模写修行メディア
ミュシャの模写とちょっとだけミュシャ史 - シン・春夏冬広場
模写コーディングでスキル爆上げ！手順からおすすめの模写サイトまで | コードラン
[Unity]聖剣3TOMのキャラの「アナログ感」シェーダーを模写してみた - Qiita
【CSS設計入門】class名の決め方(命名規則)から具体的な書き方まで詳しく解説 | 模写修行メディア
fukagawa1953.hatenablog.com
nekoore.hatenablog.com
www.hana-lifelog.net
www.asahi.com
koubodatabase.com
etsuro1.hatenablog.com