市町村変遷パラパラ地図
版別に探す 完全版 樺太｜ 北海道｜ 青森県｜ 岩手県｜ 宮城県｜ 秋田県｜ 山形県｜ 福島県 茨城県｜ 栃木県｜ 群馬県｜ 埼玉県｜ 千葉県｜ 東京都｜ 神奈川県 新潟県｜ 富山県｜ 石川県｜ 福井県｜ 山梨県｜ 長野県｜ 岐阜県｜ 静岡県｜ 愛知県 三重県｜ 滋賀県｜ 京都府｜ 大阪府｜ 兵庫県｜ 奈良県｜ 和歌山県 鳥取県｜ □島根県｜ 岡山県｜ 広島県｜ 山口県｜ 徳島県｜ 香川県｜ 愛媛県｜ 高知県 福岡県｜ 佐賀県｜ 長崎県｜ 熊本県｜ 大分県｜ 宮崎県｜ 鹿児島県｜ 沖縄県 □は外部リンク、リンク先の方の作成（□:DMさん） 簡易版 北海道｜ 青森県｜ 岩手県｜ 宮城県｜ 秋田県｜ 山形県｜ 福島県 茨城県｜ 栃木県｜ 群馬県｜ 埼玉県｜ 千葉県｜ 東京都｜ 神奈川県 新潟県｜ 富山県｜ 石川県｜ 福井県｜ 山梨県｜ 長野県｜ 岐阜県｜ 静岡県｜ 愛知県 三重県｜ 滋賀県｜
JavaScript QuestionsのLydia Hallie氏の「JavaScript Visualized」シリーズすべての翻訳を完了したので、まとめて紹介します。 JavaScriptエンジンの仕組みをはじめ、イベントループ、スコープチェーン、プロトタイプ継承、非同期処理、ジェネレータ関数、Hoisting（巻き上げ）など、GIFアニメを使用して詳しく解説しています。 シリーズ7本すべてと、プラス1として楽しく学べるクイズもあります。 JavaScript イベントループの仕組み JavaScriptでエラーの原因となるHoisting（巻き上げ）の仕組み JavaScriptのスコープチェーン・変数参照の仕組み JavaScriptエンジンの仕組み JavaScript プロトタイプ継承の仕組み JavaScriptのジェネレータ関数とイテレータの仕組み JavaScriptの
なぜドット絵作家が、海外ファンからの課金支援で生活できるようになったのか？｜クリエイターエコノミーラボ
どこかノスタルジアを感じさせるドット絵・GIFアニメを発信し、国内外から支持されるイラストレーターの豊井さん。 彼が主に扱うモチーフは、特別で非日常的な何かというよりは、日本で暮らす人なら日常的に見かけるような、生活の中にありふれた景色です。 ＊画像は全て豊井さんのTumblrアカウントより引用＊ アニメーションの動き自体は単調なようで、思わずついじっと見入ってしまい、いつの間にか時間が経ってしまっているような、人を惹きつける作風が魅力です。 そんな作品を描いて生活する豊井さんですが、実は絵の仕事の収入が不安定で、生活保護を受給していた時期もあったといいます。 しかし、現在は海外発のクリエイター支援サービス「Patreon」（パトレオン）で500人を超えるパトロンから金銭的な支援を受けているおかげで、絵の仕事に集中できているそうです。 なかなか安定しなかったイラストレーターとしての活動が、
Gitでよく使用するコマンドをGIFアニメで解説
Gitでよく使用するコマンドが何を行っているかをGIFアニメで解説した記事を紹介します。 Gitのマージ、リベース、リセット、チェリーピック、フェッチ、プル、リフログなど、コマンドを実行した時にブランチはどのように相互作用し、履歴にどのような影響を与えるのか視覚的に学べます。 🌳🚀 CS Visualized: Useful Git Commands by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Gitのマージ（fast-forward, no-fast-forward） Gitのリベース（rebase） Gitのリセット（reset, revert） Gitのチェリーピック（cherry-pick） Gitのフェッチ（fetch） Gitのプル（pull） Gitのリフログ（re
Intro Fetch API の実装が広まり、 IE もリタイアを迎えたことで、今後忘れ去られていくことになるだろう XMLHttpRequest について。 どのように始まり、どのように広まり、どのように使われなくなっていくのか。その間に残した多大な功績を残す。 XMLHttpRequest の始まり この名前は非常に長いため、通常 XHR と略される。 この API は、現在の Web API のように W3C/WHATWG による標準化を経て策定された API ではない。 Microsoft によるいわゆる独自実装の API として始まり、後追いで標準化される。 したがって、 Web API の中でもかなり異質な命名である XHR が、 XmlHttpRequest でも XMLHTTPRequest でもなく XMLHttpRequest である理由も、 Microsoft の命
今日からはじめるDiscord。基礎の基礎からサーバー運用まで，Discordの基本的な使い方をこの記事で覚えよう
今日からはじめるDiscord。基礎の基礎からサーバー運用まで，Discordの基本的な使い方をこの記事で覚えよう ライター：ワニウエイブ インターネットを介して対戦／協力するゲームはすっかり当たり前のことになり，スポーツ観戦や映画鑑賞のような「趣味」の一つとして嗜まれている。音声通話を用いてゲーム中の意思疎通や雑談を行うような文化も広く一般的なものとなり，日々さまざまな場所で行われている。 主にPCでゲームを遊ぶプレイヤーにとって，今もっとも使われているボイスチャット（音声通話）用のツールはおそらく「Discord」であろう。元々ゲーマーのためのソフトウェアとして開発されていたDiscordだが，今ではゲーマーだけではなく，さまざまなユーザーに広く親しまれている。 というのも，Discordはボイスチャット以外にも便利な機能と扱いやすさを携えており，誰にとっても重宝するツールだからだ。筆
スマートフォンでマンガを読む時代における「見開き」の表現について：『怪獣8号』の事例 - マンガLOG収蔵庫
昨年始め頃まで、マンガを読む際は紙の単行本か kindle で電子書籍を購入するかして読むのがメインだったのですが、ここ1年弱はスマートフォンにアプリを入れて読む機会が増えてきました。 とは言っても、主に使っているのは「ジャンプ＋」で、それ以外はあまり使っていないのが現状ではあるのですが。( ´∀｀；) 少年ジャンプ＋ 人気漫画が読める雑誌アプリ SHUEISHA Inc. ブック 無料 本誌の定期購読をしつつ、「ジャンプ＋」オリジナルの連載を曜日ごとに幾つか読んでいる、といった感じです。更新が楽しみにしている作品も少なからずありますね。『SPY×FAMILY』とか、連載は完結を迎えましたがアニメ化も決定した『地獄楽』とか。 そんな作品のひとつに、松本直也さんの『怪獣8号』があります。 怪獣8号 1 (ジャンプコミックスDIGITAL) 作者:松本直也 発売日: 2020/12/04 メデ
楽器を弾けない人でも楽器演奏を存分に楽しめるKANTAN Playが無料で公開。10万曲以上の専用楽譜も無料で入手可能｜DTMステーション
Windows、Macはもちろん、iPhone/iPad、Androidでも、インストール不要ですぐに楽しめるユニークな楽器アプリ、KANTAN Playというものが無料で公開されています。これは楽器が苦手な人でも、楽譜がまったく読めない人でも指一本ですぐに弾けてしまうという画期的なアプリです。KANTAN Musicという音楽システムにのっとったアプリであり、これまでDTMステーションでも何度か紹介してきた電子楽器、InstaChordの姉妹ソフト的なものでもあります。 KANTAN Musicは、InstaChrodの開発者である、ゆーいち（永田雄一：@u1_nagata）さんが考案したものですが、KANTAN Playというアプリは、ゆーいちさんとコラボする形で、日本におけるVRの先駆者であるGOROman（近藤義仁：@GOROman）さん、それにオーディオプログラマである、よしたか
普通に開く“扉”をゲーム内に作るのは，なぜそんなに難しいのか ライター：游研社 下記の記事は，游研社（→リンク）に掲載された記事を，許可を得て翻訳したものです。可能な限りオリジナルのまま翻訳することに注力していますが，一部，画面写真などを変更したり，文化的な背景などで理解されづらいものについては日本向けに表現を変えたりしている箇所があります。→元記事 デベロッパー達は，長い間「扉」に苦しめられている 少し前に，インディ開発者のStephan Hövelbrinks氏が，個人の感想をツイートした。「ゲームにあるドアは開発が複雑すぎて，いろんなバグの誘因になる」「デベロッパーであれば誰もが痛感していることだ」 Doors #gamedev pic.twitter.com/7CJgKin1dE— Stephan Hövelbrinks (@talecrafter) March 9, 2021 こ
JavaScriptの非同期処理Promise、AsyncとAwaitの仕組みをGIFアニメで解説した記事を紹介します。 ⭐️🎀 JavaScript Visualized: Promises & Async/Await by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに コールバック地獄 Promiseの構文 イベントループ: Microtasksと(Macro)tasks AsyncとAwait はじめに JavaScriptのコードが期待通りに実行されないことに悩まされたことはないですか？ おそらく、関数が不規則に実行されたり、予測できないタイミングで実行されたり、実行が遅れたりしたことがあるかもしれません。そして、ES6で導入された新機能Promiseが原因かもしれません！ 何年も
Node.jsおよびChromiumベースのブラウザで使用されるJavaScriptエンジンの仕組みについてGIFアニメーションで分かりやすく解説された記事を紹介します。 🚀⚙️ JavaScript Visualized: the JavaScript Engine by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 JavaScriptを視覚的に解説: JavaScriptエンジン JavaScriptはクールです（私はそう思います）が、あなたが書いたコードをマシンが実際に理解するにはどうすればいいのでしょうか。JavaScriptデベロッパーは通常、コンパイラを自分で扱う必要はありません。しかし、JavaScriptエンジンの仕組みを理解し、人に優しいJavaScriptコードをどのように処理
＜この記事の著者＞ ばんか（bamka） - Tech Team Journal Web制作会社の会社員として働きつつ、個人でブログ／メディアライターとして活動するパラレルワーカー。 iPhone・iPad・Mac・ITツールを用いて人々の生活をより豊かにするための活用術を提供する「デジタルライフブロガー」です。 Web制作に関わる人にとって、すでに公開されているWebサイトというのは非常に重要な勉強材料です。中には「こういった表現、次のプロジェクトで使ってみよう」「こういう見せ方いいなぁ。いつかやってみたい」と、いつか役立てたいサイトもあるでしょう。 そういった「参考サイト」は、自分だけのデータベース化しておくと便利です。私はNotionを使って、自分だけの参考サイト集を作成しています。 【目次】 自分だけの参考サイトギャラリーをNotionで作ろう 自分専用の参考サイトギャラリーを作る
GIFアニメは短い無音のアニメーションだ。普通の動画とは違って、そこに音を記録したデータは含まれていない。だから基本的には音がない。 それなのに、なぜか音を感じてしまう不思議なGIFアニメがツイッター上で話題になっている。Happy Toastさんが作った鉄塔が電線で縄跳びをしているGIFアニメだ。 グラスゴー大学のリサ・ディブルイン博士が音が聞こえるかどうかアンケート調査をしてみたところ、調査に参加した人のじつに75％が「ドスン」という音が聞こえると回答。さらに4％の人も、それ以外の音が聞こえると回答している。 一体どうして一部の人々は、無音のはずのGIFアニメから音を感じ取ってしまうのだろう？
「GIFを“ジフ”と呼んではいけません」──。GIFアニメコミュニティの米GIPHYとピーナツバターの米国の定番「Jif（ジフと発音する）」のメーカーJ.M. Smucker Companyが、米国の3月1日の「National Peanut Butter Lovers Day」に向けて、コラボキャンペーン「JIFvsGIF」を開始した。 GIFは画像フォーマットの1つでGraphics Interchange Formatに由来する。GIPHYだけでなく、TwitterやInstagramでもGIFアニメは多数投稿されている。このフォーマットの読み方には諸説あり、開発者のスティーブ・ウィルハイト氏自身は2013年に「ジフ」と読むと語ったが、語源から「ギフ」が正しいという意見も根強い。 J.M. Smuckerはラベルに「GIF」と書いたスペシャル版ピーナツバターを発売（本稿執筆現在既に売
CORSの仕組みをGIFアニメで分かりやすく解説
クロスオリジンのリクエストを安全にするための同一生成元ポリシーとオリジン間のリソース共有（CORS）の仕組みをGIFアニメで解説した記事を紹介します。 ✋🏼🔥 CS Visualized: CORS by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ✋🏼同一生成元ポリシー（Same-Origin Policy）とは 🔥クライアントサイドのCORS 💻サーバーサイドのCORS 🚀プリフライト リクエスト（Preflighted Requests） 🍪認証 はじめに 「Access to fetched to fetched has been blocked by CORS policy error」と赤い文字がコンソールに表示されると、デベロッパーなら誰でもフラストレーションが
JavaScript イベントループの仕組みについてGIFアニメーションで分かりやすく解説された記事を紹介します。 ✨♻️ JavaScript Visualized: Event Loop by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 JavaScriptを視覚的に解説: イベントループ イベントループは、JavaScriptデベロッパーが避けては通れない関門の1つですが、最初は理解しにくいかもしれません。私は視覚学習者なので、GIFアニメで視覚的に説明することで、あなたの手助けをしようと思います。 説明の前に、まずイベントループとは何でしょうか？ なぜ気にする必要があるのでしょうか？ JavaScriptはシングルスレッドで、一度に実行できるタスクは1つだけです。通常は問題ありませんが、30
非常に感染力・拡散力が高く、PCにダウンロードされることでさまざまなマルウェア感染を引き起こす「Emotet」は近年、その被害の大きさから問題視されています。このEmotetのマルウェアファイルが、何者かに無害なGIFアニメーションへと置き換えられているという報告があがっています。 Emotet being hijacked by another actor | by Kevin Beaumont | Jul, 2020 | DoublePulsar https://doublepulsar.com/emotet-being-hijacked-by-another-actor-b22414352a7b A vigilante is sabotaging the Emotet botnet by replacing malware payloads with GIFs | ZDNet htt
たとえば同じ駅でも、「東口はひらけているのに、西口があんまりひらけていない」ことがある。 ときにその差は「同じ駅でもなぜこんなに？」と思ってしまうほどで、その意外性になぜか惹かれてしまう。 そこでJR山手線全駅で調べると、どれほどの「ひらけている出口と、そうじゃない出口」の差を見られるのか。やってみた。 ライター、番組リサーチャー。過去に秘密のケンミンSHOWを7年担当し、ローカルネタにそこそこくわしい。「幻の○○」など、夢の跡を調べて歩くことがライフワークのひとつ。ほか卓球、カップラーメン、競馬が好き。（動画インタビュー） 前の記事：情報量の多い風景【東京VS大阪】 ＞ 個人サイト 文化放想ホームランライター 渋谷駅新南口を見てくれ この旅のルールは、「出口から見たときの街の印象」で、“ひらけている方とそうじゃない方”を比べていくもの。なおその基準は完全に筆者の主観である。 なお1日で2
目次 tmuxとは 起動して新規セッションを作成する windowを作成する window間を行き来する windowを分割してpaneを作成する paneを行き来する セッション間を行き来する 【応用】tmuxの表示内容をリダイレクトする 【応用】情報バーにgitのbranch名を表示する 【応用】現在の操作パスを表示する 【応用】スニペットを呼び出す 以上の設定の .tmux.conf はこちら tmuxはバージョン互換性がかなり微妙 YouTubeでも公開したのでチャンネル登録してくれると嬉しいです tmuxとは tmuxとはターミナルマルチプレクサと言われるもので、sshで作業マシンにログインして操作した際や、重いプログラムを実行するなどして帰りたいが終了せずに作業を継続したい際などが、最も簡単なユースケースです。 これだけにとどまらず、tmuxはterminalを複雑に装飾できる
※本記事はアフィリエイトプログラムによる収益を得ています 編集部員のつぶやき この記事は、普段あまり表に出ないねとらぼ編集部員が、思い立った時に日々の出来事をゆるく書き綴る不定期コーナーです。 「漫画のネタバレ感想を投稿すると訴えられるかもしれない」――そんな心配する声がネット上に少なからず寄せられている。9月10日に週プレNEWSに掲載された『キン肉マン』についての文章に“そう解釈できる余地”があることが要因なのだが、結論からいうとこれは誤解である（関連記事）。ただのネタバレや、ネタバレを含めた感想で訴訟されることはほぼ100％ない。ただし、「悪質なネタバレ」は訴訟される可能性がある。どういうことなのか、やや長くなるが解説したい。 Yahoo!リアルタイム検索より。「漫画 訴訟」の投稿が増えている 漫画業界は「懐が深く」、担当編集は「作家に配慮する」 筆者はこれまでねとらぼで記事を作るに
フロントエンドのデベロッパーが2021年に向けて何に注目すべきかを紹介します。 特に上級職や転職など、ステップアップを目指す人は要チェックです！ 10 Things Front-End Developers Should Learn in 2021 by Simon Holdorf 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. フレームワーク 2. 静的サイトジェネレーター（SSG） 3. JAMstack 4. プログレッシブウェブアプリ（PWA） 5. GraphQL 6. コードエディタ/IDE 7. テスト環境 8. クリーンなコード 9. Git 10. ソフトスキル 終わりに はじめに 2021年は、フロントエンドの開発がテクノロジー業界で最もホットなトレンドの1つになることは間違いないでしょう。フ
自分はこれまでの仕事で、バグ修正や機能追加でPullRequestを送るときに、考慮の抜けもれやケアレスミスが非常に少ない方であると思っている。振り返ってみて、これは自分に課している習慣が大いに効いていると思っているので、メモしておく。 毎回のcommit時 必要な部分だけをgit addし、git diff --cachedによって差分をセルフコードレビューした上でcommitする PullRequest作成時 filesの内容をセルフコードレビューし、直した方が良い部分は直す + わかりにくい部分にGitHub上でラインコメントを行う + コード上にコメントを残した方がいいならコメントする ユーザーの導線に影響するコードなら、必ず自動テストだけでなく、自分自身でユーザーの行動をトレースし、違和感がある部分が存在しないかチェックする。チェックした流れについては、PullRequest上に
写真アプリでは写真を表示するだけでなく、簡単にGIFアニメを作成したり、写真にキーワードを設定し大量の写真の中から検索することもできます。他人に見られたくない写真を完全に非表示にすることができる裏技も。 ここでは写真アプリの基本的な使い方や便利な機能、意外に知られていない小技をまとめました。
JavaScriptにはどのオブジェクトにもプロトタイプと呼ばれる便利な隠しプロパティがあります。プロトタイプ継承の仕組みについてGIFアニメーションで分かりやすく解説された記事を紹介します。 🎉👨👩👧👧 JavaScript Visualized: Prototypal Inheritance by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 JavaScriptを視覚的に解説: プロトタイプ継承 文字列や配列、オブジェクトに対して.length, .split(), .join()のような組み込みメソッドを使用できるのか、疑問に思ったことはありませんか？ それらを明示的に指定したことはありませんが、どこからきたものでしょうか？ これは、プロトタイプ継承（prototypal in
無料の API 自動生成ツールを使って、Excelファイルから REST API を生成してみる：CData API Server - Morning Girl
今月はじめに CData API Server というAPIの自動生成ツールで無料版・freeのライセンスがリリースされました！ 今日はこの CData API Server を使ってExcel ファイルから REST API を生成する方法を解説したいと思います。(ちなみに機能的にはExcel だけでなく、MySQL などのRDBからもAPIの生成が可能です。というかそっちの方がメインです) ちなみに今回作ったAPIは以下の内容で公開しています。 O'Reilly Demo API ID：user Token：7y3E6q4b6V1v9f0D2m9j CData API Server って何？ こんな REST API を生成するよ 実施手順 1. Excel データソースの接続設定を追加する 2. ExcelのシートをAPIリソースとして追加する 3. アクセス用のユーザーを追加する
『神様のメモ帳』についてあれこれ｜杉井光
『神様のメモ帳』1巻の発売年を藤島鳴海高校一年生の年だとすると、今日は彼の30歳の誕生日ということになる。ついでにアニメ放映からちょうど10年が経ったし、なんとなく節目の年だ。なにか書いておこうかな、と思い立ち、（おそらく最後の）短編一本と、備忘録の意味も込めてそれぞれの巻を書いたときのあれこれを思い出せる限りここに書き記した。 短編の方はカクヨムにアップしてある。 以下、全巻解説。当然だがネタバレの嵐であり、『神様のメモ帳』未読の方は絶対に読んではいけない。 第1巻すべてのはじまり、エンジェル・フィックス事件。 デビューシリーズが3冊で打ち切りとなった後、今後作家としてやっていけるのかどうかもわからず五里霧中で立てまくった企画のうちのひとつに編集さんがGOを出し、手探りで書き始めたのが《ニート探偵》だった。 もともと《ニート探偵》というのは、2chの文芸板に僕が常駐していた頃にネタで書き
みねざ @Minezawa アニメーター兼・絵コンテとか演出。フリー。画面の設計するのが好きですが、だいたいごはんとお酒のことを考えてます。※しばらくは新作準備で完全拘束中 twpf.jp/Minezawa みねざ @Minezawa メシ原画集「メシが描きたい！」に掲載した『もちもちたいやきを二つに割るだけのクッソ地味な原画』のGIFアニメです。 我ながら、教科書通りの面白みがない地味さ加減だぜ。 本にはシートも載せてるから、正月ヒマしてたら見てくれよな。 pic.twitter.com/9hF4i5gVai 2023-01-03 11:53:14
ものづくり 2022年11月11日 しとしと降る雨をずっと眺めていたいので、雨を降らせる卓上装置を作った。 雨。予定がある日に降られて憎らしい気持ちになることもあれば、一方では恵みの雨として重宝されることもある。個人的には明かりを消した静かな部屋で、雨音を聞きながらジッとしている瞬間が好きだ。ザーザー降る雨もいいし、小雨がポツポツと水たまりに跳ねる音もいい。 あのチル感を、いつでも手軽に楽しめないだろうか。 卓上で雪が舞う雰囲気を味わえる装置としては「スノードーム」がある。あれの雨版、いわば「レインドーム」である。作ってみよう。 卓上で雨を眺められる装置 雨を眺めていると、落ち着くと同時にどこかアンニュイな気分にもなる。私の年代（アラフォー）だと、アニメ「ドラゴンボール」のエンディング「ロマンティックあげるよ」の映像が頭に浮かぶかもしれない。窓を濡らし、葉っぱに落ちてしたたる雨粒。それを物
これは『THE FIRST SLAM DUNK』の クソプロモーションによる、作者が作りたかったものと 一部のスラダンファンが見たかったものとのギャップに苦しんだ末に 怨霊になってしまった私が作者の気持ちを理解し成仏するためのお気持ちである。 【スラムダンク】 映画になります！ 2年前に突如、ツイッターにこの言葉とともに 手書きのロゴのgifアニメが投稿された。 一瞬なにが起こったかわからなかったが 実写ではないこと、アニメの完全新作であることが明らかになり 現代の技術で蘇ると思うと懐かしさとあの頃熱中した思い出が鮮明と蘇ってきたし、 純粋にうれしかった。 この時点ですでに私のミスリードが始まっていた気がする。 「アニメ/スラムダンク」の続編だと思い込むミスリード こうなってしまったのにはいくつかある。 ・漫画家・井上雄彦氏が、1月7日に自身のTwitter（@inouetake）で『SL
米The New York Timesは1月31日（現地時間）、ネット上で人気の英単語推測ゲーム「Wordle」を、このゲームを開発したジョシュ・ウォードル（Wardle）氏から買収したと発表した。買収総額は“7桁台前半”としているので、数百万ドル（日本円換算で数億円）だ。買収後もこれまで通り無料でプレイできる。 Wordleは、ウォードル氏が昨年10月に自身のWebサイトで公開したゲーム。The New York Timesの1月3日の記事（要購読）によると、ウォードル氏はこのゲームを最初、The New York Times（以下NYT）のクロスワードパズルの大ファンである恋人、パラク・シャー氏のためだけに開発したという。このゲームを知った親戚が夢中になる反応を見てネットで公開したところ、公開後2カ月で30万人以上がプレイするようになった。 ゲームは、5文字の単語を6つの単語を並べるこ
今ではサイト内に動画やアニメーションを利用することはそこまで特別なことではなくなりました。実はブラウザーや技術の進歩により最近は透明部分のある動画（アルファ付き動画）をサイト内に埋め込むことも可能になってきました。本記事では動画内容に応じた透過動画を、メリット・デメリットなどを交えながら、動画ファイルだけでなくさまざまな実装方法を紹介します。 記事前半では主に動画形式での実装方法を、後半ではアニメーション画像形式での実装方法を解説します。 サンプルを別ウインドウで開く コードを確認する ※デモの再生には通信量が多いため、モバイルデータ通信などを利用の方は注意ください。 コーデックとコンテナー まず、動画ファイルの仕組みである「コンテナー」と「コーデック」について簡単に説明します。 よく動画ファイルの拡張子に「.mp4」や「.mov」などを見たことがあると思います。これらはマルチメディアコン
Google AdSense のコンプレックス広告をブロックした方法（管理者向け） - 玖足手帖-アニメブログ-
コンプレックス商法の汚い画像広告をブロックした話ですが、特定の企業の広告を外すことを推奨している意図はありません。個人の感想です。 公式見解 support.google.com 今年の先週の７月２２日金曜日！好きピアニメである「劇場版 輪るピングドラム後編:僕は君を愛してる」と、「劇場版 Gのレコンギスタ 第4部 激闘に叫ぶ愛」の愛＆愛映画を二回ずつ見て土日は疲れて寝ていた。月曜日ももちろん寝ていた。 それはそれとして、大した感想を書いていなくてブロガーとしては申し訳ないのだが、まーその。話題作映画だし、テレビ版の感想も、両作品とも全話、長々と書いていたので、アクセスが数倍に増えた。 アクセスが増えたらどうなる？広告収入が増える。うれしい。 しかし、広告収入が増えたら、まあ、当然のようにグーグル・アドセンスのレポートを読む。 どうやらスマホのアンカー広告はめんどくさい割に成果を上げてない
amagiです。先日React用コンポーネントライブラリのREACT-VFXをリリースしました。 REACT-VFXを使うと、画像や動画、テキストにWebGLでエフェクトをかけることが出来ます。 ⚡𝙍𝙀𝘼𝘾𝙏-𝙑𝙁𝙓 released！⚡ I created React components to add WebGL effects to images, videos and plain texts in your app. It also supports animated GIFs...😎 Visit website for details:https://t.co/mlnmExpUVZ#REACTVFX #WebGL #React #Threejs #GLSL pic.twitter.com/uDUQ8MKNcK— 𝘼𝙈𝘼𝙂𝙄 (@amagitakayos
WebP（ウェッピー）という画像形式をご存知でしょうか？ 長い間、webの静止画は大部分がJPEG/GIF/PNGのいずれかでした。WebPはこのすべてを置き換えることができる次世代のフォーマットです。2020年9月リリースのiOS 14がWebPをサポートしたことで、主要なモダンブラウザーの足並みがようやく揃いました。 この記事では、新しい技術の恩恵を最大限に受けつつ、変わり続ける画像形式に対応していくための最適解を探ります。 ※ この記事の初版は2020年10月の公開ですが、各ブラウザーの対応状況等は2022年11月に最新の内容に更新しています。 SafariがWebPをサポート。フォーマット戦争ついに終結か？ 2020年現在、webで主流の画像形式はJPEG/GIF/PNGの3つでしょう。 2006年リリースのIE7で透過PNGがサポートされたことで、静止画に関しては「写真のJPEG
CSSにおけるマージンの相殺を徹底解説
CSSにおけるマージンの相殺は何か、どういう条件で起こり、どのように相殺されるのか、また相殺を回避する方法などを紹介します。 下と上のマージンの相殺は単純ですが、マージン値が異なる場合、入れ子の場合、複数の場合、同方向の場合、負のマージンの場合、パディングやボーダーがある場合など、実装に伴うさまざまな例を解説します。 この記事を読むと、マージンの相殺がどのように機能するかがよく分かるようになり、悩むことはなくなります。 The Rules of Margin Collapse by Josh W. Comeau 下記は各ポイントを意訳したものです。 デモは元記事ではインタラクティブですが、Gifアニメにしています。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 垂直マージンのみが相殺される 隣接する要素のみが相殺される より大きなマージンが勝つ 入れ子は
初代『ポケモン』RTA世界新記録に不正発覚し、取り消される。録画・切り貼りで作られた偽記録を検証班が追う - AUTOMATON
ゲームボーイ向けに発売された初代『ポケットモンスター』（以下、ポケモン）のスピードランについて、とある走者が昨年末に「Any％ Glitchless」カテゴリーで世界記録を樹立した。しかしその記録について精査がおこなわれたところ、不正行為による記録だとされ、リーダーボードから記録が取り消された。 Image Credit: the Pokémon Speedruns Moderation Team on Google Document Speedrun（スピードラン）とは、日本ではRTA（リアルタイムアタック）とも呼ばれる、ゲームクリアなどの目標を達成するまでの時間を競う競技だ。スピードランの対象であるゲームのレギュレーション、世界記録ランキングなどはSpeedrun.comなどの集計サイトで確認することができる。 今回、不正行為がおこなわれたとされるレギュレーションは初代『ポケモン』の「
誰でもハッカー気分になれるプログラム
1987年兵庫生まれ。会社員のかたわら、むだなものを作る活動をしています。難しい名字のせいで、家族が偽名で飲食店の予約をするのが悩みです。（動画インタビュー） 前の記事：音の出る絵本が進化しすぎているので出版社に聞く ＞ 個人サイト むだな ものを つくる あのかっこいい演出はなんなのか 先月の金曜ロードショーでサマーウォーズがやっていた。 「よろしくお願いしまああああす！！」と主人公が叫んでキーボードのエンターキーを押すシーンが有名な本作だが、そのちょっと前のシーンが気になった。 アメリカ帰りの天才プログラマー・侘助がパソコンのキーボードをバババと叩くシーンだ。 雑な手描き再現で恐縮だが、こういう画面が出ていた。 画面にはプログラムやプログレスバー（進捗が100％になるまで棒が伸びるやつ。ソフトをインストールするときなどに出てくる）がたくさん出ていた。 それぞれの画面がなんなのかはわから
最近のランディングページで見かける！ スクロールに連動して背景画像をアニメーション化できるバニラJavaScriptのライブラリ -ScrollMovie.js
マウスのスクロールやキーボード操作、スマホのスワイプ操作に連動して背景画像をアニメーション化し、まるでスクロールで動画を操作しているかのようなコンテンツを実装できるバニラJavaScriptのライブラリを紹介します。 プロダクトのランディングページとかにいいですね。Appleなどは動画を使用していますが、操作している感があって面白いです。順再生・逆再生にも対応しており、背景画像なのでその上にコンテンツを自由に配置できるのも大きな魅力です。 ScrollMovie.js ScrollMovie.js -GitHub ScrollMovie.jsの特徴 ScrollMovie.jsのデモ ScrollMovie.jsの使い方 ScrollMovie.jsの特徴 ScrollMovie.jsは、ウィンドウをスクロールするときに背景画像をアニメーション化できるバニラJavaScriptのライブラリ
ゲーム開発 に所謂なアプリケーション設計パターンをおいそれと適用するのは難しい - @hadashiA
アドベントカレンダーでもなんでもない記事 0日目です。 Unityで長らくゲーム開発をやっているけれど、Web界隈などで色々と発達しているアプリケーション設計パターンをおいそれと持ち込めば良いわけではないと感じているので、それについて考えてみようと思う。 ここでいう設計パターンていうのは、たとえばUIとかをつくるフレームワークの競争で発達してきた MVC派生 や ReactとかのElmアーキテクチャに影響を受けたものたち、はたまた、Webサーバ(HTTPサーバ) を書くときに 「良し」とされている 、DDD的な考え方の上での、抽象レイヤと実装レイヤの分け方を教条化するクリーンアーキテキクチャとかなんかそういうの。 追記: ゲームでも「ドメインロジックとプレゼンテーションの分離」はした方が良いと思っている。全体としては狭義でのMVPとかは自分もやってる。 こういった者達は、先人のアイデアや言
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript入門: 基礎知識をGIFアニメで分かりやすく解説 -総まとめ
XMLHttpRequest とはなんだったのか | blog.jxck.io
普通に開く“扉”をゲーム内に作るのは，なぜそんなに難しいのか
JavaScriptの非同期処理Promise、AsyncとAwaitの仕組みをGIFアニメで解説
JavaScriptエンジンの仕組みをGIFアニメで分かりやすく解説
Notionを使って自分だけの参考サイト集を作ってみる - paiza times
無音なのに音を感じるGIFアニメにSNSが騒然！視覚的な刺激が聴覚に影響を与えるマガーク効果とは？ : カラパイア
「GIFをジフと呼ばないで」キャンペーン GIPHYとピーナツバター「Jif」メーカーがコラボ
JavaScript イベントループの仕組みをGIFアニメで分かりやすく解説
ウェブサイトに仕込まれたマルウェアを何者かが無害なGIFアニメに置き換えていることが判明
山手線の全29駅で「ひらけている出口とそうじゃない出口」を比較した
（たぶん）君はまだtmuxの真の力を引き出せていない - Qiita
「漫画のネタバレ感想で訴訟される」は誤解 Webニュース記者が見た『キン肉マン』騒動
フロントエンドのデベロッパーが2021年に向けてチェックしておきたいこと
コード変更で抜け漏れやミスを少なくするための習慣 - $shibayu36->blog;
パワポはGIFアニメ作成ツールとしても有能！ 万能ツール「PowerPoint」を使い倒そう
【使い方】写真アプリの使い方や意外に知らない便利機能まとめ - iPhone Mania
JavaScript プロトタイプ継承の仕組みをGIFアニメで分かりやすく解説
たい焼きを２つに割るアニメーションに海外の人から「NOOOOOOO」と悲鳴が→どうやらこう見えてるらしい
しとしと降る雨をずっと眺めていたいので、雨を降らせる卓上装置を作った。
『THE FIRST SLAM DUNK』の特番から成仏ができない
New York Times、人気ゲーム「Wordle」を買収 数億円規模か
ウェブサイトに透過動画を埋め込む方法 - ICS MEDIA
Reactで画像やテキストにWebGLエフェクトをかけるライブラリ作った - マルシテイア
次世代画像形式のWebP、そしてAVIFへ。変わり続ける技術に対応するweb制作の黄金解 - ICS MEDIA