iframe

このタグでブログを書く

言葉の解説

ネットで話題

iframe

このタグの解説について

この解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。

cateiru のブログ•4日前

iframe を再帰的に表示させてフィボナッチ数を計算する

Note この記事ははてなエンジニア Advent Calendar 2025 の1月6日の記事です。はてなでは、アドベントカレンダーはクリスマス以降も続きます。 developer.hatenastaff.com はじめに技術的解説 iframe と親との通信 iframeの再帰制限デモ実行時間の課題まとめはじめに iframe 使っていますか？ iframe というのは HTML の要素の一つで現在のページに別のページを埋め込むことがきるものです。 developer.mozilla.org iframe の歴史は長く、正式な仕様としては HTML4.0 から標準化されています…

#iframe#再帰#アドベントカレンダー

ネットで話題

714ブックマーク IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法:phpspot開発日誌 Insert HTML page into another HTML page | published @ aplus moments IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法。 Objectタグで外部ファイルを読み込む方法があるんですね。 <html> <head> <title>test</title> </head> <body> <!--[if IE]> <object classid="clsid:25336920-03F9-11CF-8FD0-...

phpspot.org

328ブックマークある国内大手出版社、悪質なiframe仕込まれる、閲覧者が「Gongda」の餌食に　

internet.watch.impress.co.jp

307ブックマーク iframe対応！初めてのFacebookページの作り方 (1/4)

ascii.jp

305ブックマーク Chromeの新機能がすごい便利！imgやiframeにlazyload属性を加えるだけでLazyLoad対応に

coliss.com

302ブックマーク IFRAME を使わない方法の補足 | WWW WATCH

hyper-text.org

274ブックマーク iFrameによるFacebookページ作成法と6つのポイント｜Webpark

weboook.blog22.fc2.com

213ブックマーク jQueryを使ってiframe要素の中身にアクセスする | バシャログ。

bashalog.c-brains.jp

207ブックマークはてなダイアリーに任意のiframeを貼り付ける - monthly gimite

gimite.hatenablog.com

174ブックマーク iframe → Google Gadget コンバータ (このサービスが利用していた形式での) Google Gadget のサポートの終了に伴い、このサービスの提供は終了しました。

gimite.net

関連ブログ

Compass note•3ヶ月前

【SEO】iframeはもう使わないで！Googleに評価されない3つの理由と現代的な代替案を徹底解説

はじめに：その<iframe>、サイトの評価を下げていませんか？理解のための比喩：Googleにとって<iframe>は「ショップインショップ」 <iframe>がSEOに不利な3つの技術的理由 1. コンテンツが「借り物」扱いになり、自サイトの評価にならない 2. サイトの内部リンク構造が分断される 3. ユーザー体験の悪化が間接的にSEO評価を下げる例外：使っても良い<iframe>とは？ <iframe>の現代的な代替案 JavaScriptによるHTMLの動的挿入まとめはじめに：その<iframe>、サイトの評価を下げていませんか？ Webサイトを運営していると、外部のコンテン…

#SEO#iframe#HTML#JavaScript#ブログ運営

asoview! Tech Blog•4ヶ月前

SaaSのリダイレクト処理をiframe + postMessageを活用してメイン画面遷移の外で扱う

アソビューの井上です。最近とあるSaaSと連携する機能を実装する際に、iframeとpostMessageを活用したのでその内容について個人的な備忘として、また社内外への実装共有も兼ねてまとめてみたいと思います。前提今回はアソビュー！のWeb（asoview.com）開発において、あるSaaSと連携する機能を実装する際、FE↔BE↔SaaSもしくはFE↔SaaS間で情報の受け渡しを行う必要がありました。今回の連携実装では、下記の図のようにフロントエンドからSDKを活用して初期化処理や関数の実行、必要なパラメータを付与した特定パスへのアクセス、コールバックによるリダイレクトなどを行う必要…

#frontend#react#iframe#PostMessage

Django Girls and Boys 備忘録•10ヶ月前

【Python】Seleniumでiframe内の要素を操作する方法【frame切り替え】

Seleniumを使ってWeb操作を自動化していると、iframe（インラインフレーム）内の要素を操作したい場面があります。しかし、iframe内の要素は通常のfind_element()では取得できず、「要素が見つからない」エラーが発生することがあります。今回は、iframeの基本から切り替え方法、具体的な操作方法まで初心者にも分かりやすく解説します！１． iframeとは？ iframe`とは、Webページの中に別のWebページを埋め込むHTML要素のことです。 <iframe id="example_iframe" src="https://example.com"></iframe…

#no such element#Python#Selenium#iframe#フレーム切替#要素

Django Girls and Boys 備忘録•1年前

【Python】Seleniumを使ったiframe操作方法

ウェブページに埋め込まれたiframeを操作する必要がある場合、通常のページ操作とは異なるアプローチが必要です。 iframeは独立したコンテンツを持つため、操作する前に明示的にiframeへ切り替える必要があります。この記事では、PythonでSeleniumを使用してiframeを操作する方法を説明します。目次１．iframeとは？２．Seleniumでのiframe操作の基本３．基本構文４．実践例４－１．iframeをnameまたはIDで切り替える４－２．iframeをインデックスで切り替える４－３．iframeをWebElementで指定する４－４．注意点５．応用…

#iframe操作方法#iframe#Python#Selenium#インラインフレーム#HTML#switch_to.frame()

Web開発における知見共有系ページ•1年前

Reactでyoutubeのタグを埋め込む方法

Reactでyoutubeのタグを埋め込む方法 iframeを含んだコンポーネントを再レンダリングされないようにする 1. React.memoを使用する 2. useMemoを使用する Reactでyoutubeのタグを埋め込む方法 ReactでYouTubeの動画を埋め込むには、YouTubeの埋め込みURLを使ってiframeタグを利用する方法が一般的です。以下はその具体的な手順です。1. YouTubeの埋め込みURLを取得する： YouTube動画のページで「共有」ボタンをクリックし、「埋め込み」オプションを選択します。埋め込みコードが表示されるので、その中のsrc属性にあるUR…

#YouTube#iframe#useMemo#memo

Web開発における知見共有系ページ•2年前

wordpressでgoogleMapsの地図を埋め込む方法

wordpressでgoogleMapsの地図を埋め込む方法埋め込む地図のサイズを変更する場合プラグインを使う方法 wordpressでgoogleMapsの地図を埋め込む方法 WordPressでGoogle Mapsを埋め込む方法は比較的簡単です。以下に手順を示します。1. Google Mapsで地図を作成します。 Google Mapsのウェブサイトにアクセスし、地図を作成または検索します。作成したい場所を検索し、必要な場合にはマーカーやルートを追加します。 2. 地図を埋め込むためのHTMLコードを取得します。 Google Mapsのウェブサイトで地図を表示しているときに、…

#wordpress#Google Maps#埋め込み#iframe#WP Google Maps

Web開発における知見共有系ページ•2年前

wordpressの記事中にYouTubeを埋め込む方法

埋め込みコードから取得埋め込みコードの例埋め込みコードから取得 WordPressの記事にYouTubeを埋め込む方法は比較的簡単です。以下に手順を示します。1. YouTubeの埋め込みコードを取得する: YouTubeで埋め込みたい動画を開きます。動画の下にある「共有」ボタンをクリックします。「埋め込む」オプションを選択します。埋め込みコードが表示されるので、そのままコピーします。 2. WordPressにログインする: WordPressの管理画面にログインします。 3. 記事を編集する: 動画を埋め込みたい記事を選択して編集モードに入ります。 4. ビジュアルエディターで…

#wordpress#埋め込み#埋め込みコード#iframe

ＣＳＳのしっぽ•2年前

frameまたはiframe要素内のdocumentを取得して操作

このiframeの操作は、自分で設定したiframeに対してです。外部のサイトの操作は、クロスサイト的に難しいと思います。 iframeを外から操作するそんなことはめったにありませんが、たとえば、純粋なサイトでＣＳＳを試したり見た目をチェックする機会は有るかと思います。そんなときのジャバスクリプト。js 答えはこちら下 //<iframe></iframe> var iframe=document.querySelector('iframe') var ihead=iframe.contentDocument.head var ibody=iframe.contentDocument.…

#iframe#操作#contentDocument#JS

青いやつの進捗日記。•2年前

作ってるものがiframeとして埋め込まれたときの挙動を確認したいとき

が、あると思います。けど問題は、ローカルで作っててhttpだけど埋め込まれる方はhttpsの場合。 stackoverflow.com developer.mozilla.org まあ1つはローカルをhttpsで立ち上げる。 dev.classmethod.jp けど、めんどくさいじゃん。 httpの場合はローカルで、httpsの場合はgithub-pagesとかでデプロイしてたしかめればそれでよくない？と思い、 github.com xxgodmoonxx.github.io これつくった。例えば初期値として https://github.com/XxGodmoonxX を入れてるけど、…

#iframe