mugen8764のブックマーク - はてなブックマーク

【Three.js】スクロールでぐにゃぐにゃする画像を実装する

はじめにこの記事ではこんな表現の実装方法を解説します。 ▼ GIF ▼ CodePen （0.5x を押すと見やすいです） ▼ 2021/7/26 追記 CodePen（慣性スクロールありバージョン）海外のデザインアワードを受賞するようなリッチなサイトで良く見る演出（個人的主観）です。WebGLの汎用的な表現な気がしますが、その実装方法を解説する記事は（少なくとも日本語では）ほとんど見つけられなかったので、自分の勉強も兼ねて書くことにしました。ちなみに技術記事を書くのは初めてに近いので暖かい目と心で読んでいただけます幸いです。実装はThree.jsを用いています。注意事項想定する読者 Three.jsを触ってみたが、サイト制作に活かす術が分からない、同様の表現を良く見るけどどうやって実装しているか分からない、といった方を対象としています。従って本記事では、Three.jsの基本的

mugen8764 2021/07/28

あとで読む

リンク

Windows 10搭載PCを買ったら最初にやっておきたいこと【開発者編】

開発者向けのセットアップ新しく購入したWindows 10パソコンには、開発者向けのアプリケーションやツールが用意されていない。そこで、開発者は自身で環境をセットアップしていく必要がある。必要になるツールをインストールしてカスタマイズを加えていくことで、デフォルトの状態のWindows 10から遠ざかっていくのは開発者にはよくあることだ。しかし、Wingetが公開されるなど、Windows 10でもLinuxのようなパッケージ管理が現実的になってきた。これまで散らかし気味になりがちだったWindows 10も、これからはもうちょっとましな管理ができるようになるかもしれない。本稿では開発者向けに、新しいWindows 10パソコンに必要となる基本的なツールやアプリケーションをインストールしてセットアップする方法を取り上げる。今回取り上げるのはOpenSSH、Winget、Windows

mugen8764 2021/06/23

windows

リンク

Windowsで開発

Windowsで開発環境を整えた。背景開発環境を改善しようと思い、PC デスクの見直しなどをやっていたら、Windowsでも開発できるようにしようと思い至った。新しい環境を試してみたい気持ちが1割と、新しいゲーミングPCを組みたい気持ちが9割だ。エディション Windows 10 Homeエディションを利用している。 Windows 10 ProにはHyper-Vという仮想化機能を直接利用できる利点があるが、WSL2で同じようなことをより便利に実現できるようになったおかげで、この点においてPro版の必要性は薄れてきている。今のところ自分のやりたいことはWindows 10 Homeですべて実現できている。 Windows Update WSL2を使うために、Windowsをバージョン2004・ビルド19041に更新した。日々の自動更新ではバージョン1903で止まっていて、まだ自動では

mugen8764 2020/09/28

development

リンク

「女性は妊娠・出産があるから、そのぶん周りの人達がバックアップしてあげればよい話だろう」と簡単に言うけどさ。

前回、東京医大の男女差別について書いた。現役の医者が語る「医療の現場が男性医師を渇望する理由」要約すると「男女差別的な入試をしてしまったのは確かに良くない事だ」「けど現状では男性医師による身を粉にした働き方が国民の幸福には必要であるというのも、また事実である」「だから現場の医療者からみれば、東京医大のやった事にも同情の余地はある」という話だった。ただあの記事を読んだ方の中で、こう思った人も当然いるはずだ。「女性は妊娠・出産があるから社会進出が難しいというのならば、そのぶん周りの人達がバックアップしてあげればよい話だろう。女性の社会進出を推し進める為にも、今後はそういう体制をしっかり整えていく必要があるのではないか」実はこの問題も凄く難しい問題をはらんでいる。今回はそのあたりの事象を詳しくみていこう。専業主夫を好きになれないハイスペ女子問題「女性医師では回せないと言うな

mugen8764 2018/08/21

あとで読む

リンク

11年前にLinux版のFirefox 2で報告されたバグ、Firefox 57で修正へ | スラド IT

11年前にLinux版のFirefox 2で報告された奇妙なバグがFirefox 57で修正されるそうだ(Bug 366945、 Phoronixの記事)。このバグはWebページ内の何もない場所をマウスの中ボタンでクリックすると、クリップボードの内容をURLとして開いてしまうというもの。11年前の報告者は、リンクの中ボタンクリックが少し外れると「404 not found」が表示されることになると述べていた。また、Konquerorではクリップボードの内容が有効なURLであるかどうかがチェックされるのに対し、Firefoxではチェックが行われない点も報告者は指摘している。このような現象が発生する原因は当初からabout:config の「middlemouse.contentLoadURL」がUNIXライクシステムのデフォルトで「true」になっていることが原因と指摘されており、Fir

mugen8764 2017/09/10

あとで読む

リンク

超簡単にマナベース計算できちゃう早見表を作ってみた - | 晴れる屋

はい、読み飛ばしていただけましたか？これを逐一計算するのはとても面倒で複雑です。真面目に読んでしまった人は、そもそも数式の中のCってなんじゃらほいと感じているかもしれません。とにかく、難しく、なにより面倒なのです！それでも「何ターン目までに何枚引くには、デッキに何枚入れる必要があるのか」を知りたい方は大勢いると思います。そこで、今回は先程の計算結果をまとめた早見表を用意しました！ざっと見て理解できる方もいらっしゃるとは思いますが、まずは簡単な使い方をいくつか紹介したいと思います。 ■早見表の使い方 -基礎編-: デッキに入っている呪文をプレイするために必要なマナの数を知りたい MTGのマナベースの計算は「Xターン目にあるカードをプレイしたい」という目的から計算されます。上の《強迫》と《意思の激突》の例で言うと、1ターン目に黒マナを1つ出すためにはデッキに14枚の黒マナが必要であり

mugen8764 2016/05/04

mtg

リンク

財務大臣になって財政改革を進めよう :: ゲームコーナー :: 日本の財政を考える

あなたの仕事は、財務大臣になって財政改革を行い、基礎的財政収支を黒字にすることです。ゲームでは、10の支出項目を増やしたり減らしたりして、また、最後に税収の増減も考えて、黒字化にチャレンジしてみましょう！

mugen8764 2016/04/30

game

リンク

Account Suspended

Account Suspended This Account has been suspended. Contact your hosting provider for more information.

mugen8764 2016/01/24

リンク

Amazon Jump to short URL item page for Greasemonkey

mugen8764 2015/09/27

greasemonkey

リンク

アジャイルサムライの次に読む技術書

『アジャイルサムライ』の次に読むオススメの本 (プロセス系ではなく技術書) を Agile Samurai Base Camp TDDの部、講師 6 人で投票した結果の書影まとめです。 Apr 20, 2014 @ Agile Samurai Base Camp Read less

mugen8764 2015/09/03

リンク

3週連続DDDその1 ドメイン駆動設計の基本を理解する

論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Gamesatsushi061452

mugen8764 2015/09/03

development

リンク

漢字の正しい書き順(筆順)

漢字は、筆画(点・横棒・縦棒など。書ける方向と書けない方向について)を組み合わせて造られています。この筆画を組み合わせていく順序が「筆順」です。(分かりやすく「書き順」と呼ばれることもあります) このホームページでは、日本において一般に通用している「筆順(書き順)」をアニメーションを使って紹介しています。字体や字形の微妙な違いについては、「常用漢字表」（付）字体についての解説(抜粋) をご参照ください。 2023.12.12.2023年の「今年の漢字」は、「税」に決定しました。(2001年以来2回目) 2022.12.12.2022年の「今年の漢字」は、「戦」に決定しました。(2001年以来2回目) 2021.12.13.2021年の「今年の漢字」は、「金」に決定しました。 2021.12.09.2021年の「今年の漢字」は、12月13日(月)14時より京都・清水寺にて発表されます。 2

mugen8764 2015/08/02

勉強

リンク

1 on 1 で何を話すのか？マネージャ/ソフトウェアエンジニアの立場から - サンフランシスコではたらくソフトウェアエンジニア - higepon blog

1 on 1 (ワンオンワン) とは1対1のミーティングの事。ここでは毎週もしくは隔週で行われるマネージャとその部下(direct reports)であるソフトウェアエンジニアの 1 on 1 に焦点をあてる。よく 1 on 1 で何を話したらよいか分からない。話題がない。と相談されるので僕の思うところをまとめてみる。僕はマネージャもソフトウェアエンジニアのどちらも経験があるので両側からの視点を提供できると思う。マネージャ編マネージャは 1 on 1 を部下のために開催しなければならない。自分のための時間ではないことを肝に銘じよう。部下には話したいことを何でも話してもらう。事前に「1 on 1 は君のための時間だよ」と説明しておこう。 1 on 1 が始まったら「何か話したいこと、気になることある？」と問いかけよう。焦ってはいけない。じっくりと待ってみよう。たとえマネージャとしてプ

mugen8764 2015/07/30

仕事

リンク

EnglishClub.com 😀 Learn English Your Way

Welcome to EnglishClub for learners and teachers of English. Here you'll find all you need to help you learn or teach English for free. 7 Secrets for ESL Learners🕵 Listen🎧Learn in easy English Learning English Video Project Word of the Day Ghosts video: animation by Anthony Essberger based on Lord Dunsany's short story The Ghosts. With subtitles & classroom materials (5:11) Learn English 🙇🏻 TP

mugen8764 2015/07/23

英語

リンク

MTGのカードで再現！シンデレラガールズアニメOP”Star!!” ‐ ニコニコ動画:GINZA

《飛鶴の技 / Fried Chicken!!!》◆アイマス×MTGシリーズsm20125374：MTG×MUSIC♪sm17708311：MTG×READY!!sm15566588：MTG×きゅんパイアmylist/19056076：マイリスト◆アイマス×MTGのコミュニティ宣伝co1628010：アイマス×MTG dojoコミュメンバーは随時募集中です。コミュ内にて、アイマス×MTG動画の添削を受け付けています。お気軽にご相談ください。

mugen8764 2015/02/23

ニコニコ動画

リンク

市田のマンガ

これまでの著作 WEBで読めるマンガ一覧 twitterでも作品を公開していますご連絡はtwitterのDMまたは ichida3アットマークgmail.comまで

mugen8764 2015/01/19

comic

リンク

北欧女子オーサオフィシャルブログ「北欧女子が見つけた日本の不思議」Powered by Ameba

北欧女子オーサオフィシャルブログ「北欧女子が見つけた日本の不思議」Powered by Amebaスウェーデン出身の漫画家・オーサです。日本での驚いた出来事や発見したことを４コマ漫画で描いていきます。お仕事や取材の依頼はKADOKAWA（prbook@mediafactory.co.jp）までお願いいたしますm(__)m ※メッセージでの仕事依頼にはご返信できませんスウェーデン出身の漫画家・オーサです。日本での驚いた出来事や発見したことを４コマ漫画で描いていきます。日本語がたどたどしくてすみません…。お仕事のご依頼等は出版社を通してお願いいたしますm(__)m 連絡先：ＫＡＤＯＫＡＷＡ（mf-ce@ml.kadokawa.jp） Åsa Ekström スウェーデン人漫画家のオーサです。日本で見つけた不思議を漫画で描いています。いつもブログを読んでいただきましてまことにありがと

mugen8764 2015/01/16

blog
comic

リンク

二次元模型　悠久のガンダム　全貌

まずはオラザク金賞本当におめでとうございます！！ＭＧでもコメントさせていただきましたがよみがえるガンダムが投稿されてからずっとむむむノ53さんの作風に魅せられています！その頃はまだブログを始めていらっしゃらなかったのでfgで何とか製作途中を拝見しながら、その見え方見せ方を理解したいと何度も拝見しましたがあまりの絶妙な塗装表現で、立体がいきなり２次元になるようにしか見えずに頭が混乱していました^^ ですがブログを始められていたようでこれからはその謎をこちらで製作過程として拝見できるのだととても楽しみにしています！！機会があれば是非実物を拝見させて頂きたいと切に望みます！！