Ruffleで「うちのこ」搭載のFlashが再生できない問題

本記事では、転載防止スクリプト「うちのこ」が搭載されているFlash(swfファイル)をRuffleで再生できない(無断転載・直リンクと判定されロックされてしまう)問題の原因について解説しています。

なぜRuffleで「うちのこ」は動かないのか?

動かない理由は単純明快「Ruffleの仕様だから」ですが、それではあまりにも味気ないので、まずは「うちのこ」がどのように動いているのか? という点から説明していきます。

ざっくり解説:「うちのこ」の処理の流れ

① 【無断転載判定】Flashのファイルが置かれている場所のURLをチェック
→ 許可していないURLならFlashの再生をロックする。問題がなければ②へ。

② ページの読み込み完了を待つ(設定によっては待たずに③へ)
→ 読み込み完了時にFlashに読み込み完了を知らせるJavaScriptが実行される
→ Flashがそれを受け取る or 一定時間経過(タイムアウト)すると③へ

③ 【直リンク判定】Flash側で今開いているWebページのURLを返すJavaScriptを実行して、ページのURLをチェック
→ 許可していないURLならFlashの再生をロックする。問題がなければ処理を終了する。

赤色で示したFlashとJavaScriptで値のやり取りをしている部分は、これまでのFlashPlayerではもちろん問題なく動作していました。

一方、Ruffleでは……

しかしRuffleは、ページに干渉しない/されないようにページ本体とは分離(カプセル化)された環境で実行する仕様になっています。

例えるなら「窓も扉もない部屋(Ruffle)にいる人(Flash)は外の様子(URLなど)が分からないし、部屋の外にいる人(JavaScriptなど)からは中の様子(Flash)が分からない」という状態です。

そのため、これまでやっていたFlashとJavaScriptの連携がうまく行われず「許可していないURL」と判定されてしまうようになった、というわけです。

どうすれば解決できるのか?

実はRuffleには「JavaScriptを介してFlashとページ間でやり取りできるようにする」という、まさにドンピシャな設定項目(オプション)があります。

しかしこのオプションを有効にしても、残念ながら「うちのこ」でやっている処理には対応していません。

そもそもRuffleは分離(カプセル化)された環境で実行されているわけですから、できることには制限があります。

我々人間で例えるなら「部屋に入っていいとは言ったけど、クローゼットの中を見ていいとは言ってないよね?!」みたいな感じです。

ただ、逆に言えば許可されていることはできるわけです。

そこで試しに「うちのこ」の問題の処理の部分を、許可されている処理で代用してみたら……

無事に動きました!

「うちのこ」をRuffleで動くようにする方法

ここからはいよいよ「うちのこ」をRuffleで動くようにする方法について解説していきます。

//現在鋭意執筆中。

【Flash終了】黄昏【「白日」替え歌】

FlashPlayerのサポート終了につき、2020年12月31日をもって「キテレツふらっしゅ」では全Flashコンテンツ(脱出ゲーム・探し物ゲーム・ミニゲーム・習作)の公開を終了いたします。

これまで遊んでくださった皆様、本当にありがとうございました。

それでは聞いてください。『白日』の替え歌で『光昏』。


続きを読む 【Flash終了】黄昏【「白日」替え歌】

「キテレツふらっしゅ」の今後について

お久しぶりです、キテレツです。

気がつけば平成も2010年代も終わってしまいましたね…。

もうご存知の方もいらっしゃると思いますが、2020年末でFlashのサポートが終了します。

「キテレツふらっしゅ」で公開中のゲームはもれなくFlash製ですから、そろそろ「終わり」を意識しなくてはいけません。

今後について

2020年12月31日:
全Flashコンテンツ(脱出ゲーム・探し物ゲーム・ミニゲーム・習作)の公開を終了いたします。

2021年1月以降:
ゲームのページにて、振り返りコラム(制作後記)を公開していきます。
また、サイトのSSL化を行う予定です。

HTML5などへの移植について

現在、別名義の活動が本格化しており、現段階では予定しておりません

 

長い間遊んでくださり、本当にありがとうございます。

ゲームでは遊べなくなってしまいますが、今後とも「キテレツふらっしゅ」をよろしくお願いいたします。

Empty-Empty sat on a wall.

【 Tekka Advent Calendar 2018 14日目参加記事】

2017年の記事はこちら2016年の記事はこちら

さて、お久しぶりです。今年もやりますよ。

脱出ゲーム14作目制作状況

聞いて驚け!! 進捗率、0%!!!

重い腰が動かなかったんだ。すまん。

でも単純な人間だから「楽しみにしてる」って言われたら作るかも。

お知らせマン

放置してた。すまん。

愛守ノユリ

いいぞ。


以上。平成もあと4ヶ月だね。

 

うん。

Tekkaと振り返る2017年

【 Tekka Advent Calendar 2017 2日目参加記事】

どうも、Tekka Slack 絵文字芸担当のキテレツです。

昨年Tekkaのオンライン進捗会とロゴについて熱く語りました

今年は、「Tekkaと振り返る2017年」と題して、この1年を振り返ってみようと思います。

コミケ参戦企画

すてにゃん氏&さや氏がメインとなって動いている企画です。

夏コミは残念ながら落選でしたが、冬コミは無事当選。

◎貴サークル「Tekka」は、金曜日 東地区“コ”ブロック-39b に配置されました。

すてにゃん氏(シナリオ担当)&さや氏(イラスト担当)共作の恋愛ゲーム「おひるねセッション」や、AiNI氏作の工業ライン設計シミュレーションゲーム「かべかけ工場」などが頒布される予定です。お時間のある方は遊びに来てください。

おひるねセッション公式Twitter

脱出ゲーム14作目制作開始

Flashが2020年末で終わってしまうので、「最後に」と作り始めようとしています。

タイトルは「ape 9」です。エイプ・ナインと読みます。

これまで、キテレツの脱出ゲームはシナリオがほぼ皆無でしたが、今回はシナリオがメインになりそうです。

2018年夏頃の公開を目指しています。(絶対間に合わない)

県内の某祭典で焼きそばを焼き、午前中で完売

所属している事業所絡みで県内の某祭典で焼きそばを焼きました。

当日は生憎の雨でしたが、こちらの予想を大きく上回るペースで売れ(一時は作るのが間に合わないほどでした。嬉しい悲鳴です)、午前中で完売しました。

ちなみに、ニコニコ超会議ではないです。念のため。新卒エンジニアでもないですし。

お知らせマン

進捗会やオフ会の情報を告知する「お知らせマン」を昨年に引き続き運営しています。(非公式です)

最近、更新が滞ってしまってごめんなさい。

創作応援SNS「Tekka」お知らせマンTwitter

最後に:絵文字芸人としての活動

Slackの絵文字芸人として、これまでにたくさんの絵文字を作ってきました。それを一気に書き連ねて今回の記事を終わりにします。

カッコ書きはイラストや図、その他は文字です。よく使われるやつは赤太字にしました。

  • ほぼわぁい ※「ほぼ」わぁいといえる状態に使います。
  • 便利
  • (チェックマーク) ※オンライン進捗会向け
  • だめです ※進捗どうですかへの返答
  • ええやん
  • FoFoFaDi
  • (ハンバーグ) ※さわやかオフの一環で作った覚えがあります
  • じゃあそれで
  • ´・_・`
  • かしこい
  • かわいい
  • 期待
  • こわっ
  • まかせた
  • ナカーマ
  • ねこ ※「ねこ」という文字です。
  • 最高
  • 参加表明 ※オンライン進捗会向け
  • 進捗報告 ※オンライン進捗会向け
  • 心配
  • (おたまじゃくし) ※もうすぐ帰る(蛙)という意味です
  • スヤァ( ˘ω˘)
  • (鉄火丼)
  • とてもわかる
  • うまそう
  • わいわい
  • ワロタ
  • よさ
  • よさそう
  • よしよし
  • よっしゃ!
  • (闇) ※闇属性のマークです
  • わいわい

(ほとんど文字ですね…。)

以上。またどこかで会いましょ。

3日目は誰かな…?

縮小運営に向けて

Flashの風当たりもかなり強くなり、すっかり肌寒い日が続いていますね。

キテレツふらっしゅは現在、縮小運営に向けてひっそりと動き回っています。

次回(2018年1-2月頃?)のドメインの契約更新をしないかもしれないので……(遊ぶなら今のウチですヨ)

手始めに、当サイトの人気コンテンツ「ガチャ確率計算機」ikunaga0名義のサイトで公開することになりました。試行回数が最大1000回から100万回まで大幅アップしている他、コスト計算(当たるまでに何円必要か)も出来るようになっています。

引き続き、キテレツふらっしゅをよろしくお願いします。

HDD壊れて以降、すっかり意気消沈してます。どなたか、やる気をください。

サーバを再移転しました。

3月20日、これまで使っていた無料レンタルサーバ「ウェブクロウ」から、姉妹サービス「ミニバード」へ、サーバを移転しました。

前回同様、URLやサイトの構成などは変わっていないので、セーブデータなども引き続き使えるかと思います。また、この移転により、スマホで見てもホスティング側の広告が表示されなくなりました。

当サイトはFlashをメインコンテンツとしているので、これまでスマホで見る人のことはまっっったく考慮していなかったのですが、このたび主力コンテンツ「ガチャ確率計算機」のHTML版公開にあたり、スマホからの訪問者を考慮し、移転を決断した次第です。

「キテレツふらっしゅ」も、ついにJavaScriptに転身か?とお思いの方がいるかもしれませんが、「キテレツふらっしゅ」の看板を背負っている以上、JavaScriptに移行する気はさらさらありません!! 今回の計算機もPHPで動かしてますし。(この辺の話、いつかしたいなあ)

これからも「キテレツふらっしゅ」をよろしくお願いしまーす。

間もなく始動?! 創作応援SNS「Tekka」

Tekka Advent Calendar 2016 2日目参加記事】

創作応援SNS「Tekka(テッカ)」が、もうすぐリリースされます!

Tekkaは、あなたの創作活動(プログラミング、イラスト、小説、曲、ゲーム、アプリ、キャラクター、料理、工作……なんでもOKです!!)を応援するコミュニティ系SNSです。

なんと、私キテレツが、サービス名とロゴを担当したんですよ~!

今回は、Tekka Advent Calendarの一環で、読者の皆さんに、Tekkaの魅力をお伝えします。

続きを読む 間もなく始動?! 創作応援SNS「Tekka」