YouTubeのビデオ埋込みのサイズを可変させる話です。 2012年4月27日 by moshimo | 0 comments 苦戦するかと思っていた、YouTubeビデオをサイトに埋め込んだものをある条件でサイズを動的に変更する処理が、以外と簡単でした。 YouTubeの動画は、埋め込み用のスニペットコードを貼り付けるだけで手軽にサイトに動画を掲載できて便利です。サイズの変更も簡単で、単にYouTubeのiframeにwidth, heightを指定するだけ。 下記はビデオをリサイズする関数の例（jQueryを使用）。この関数ではウィンドウ幅が768px以上かどうかで、ビデオのサイズを変えています。 引数のobjには、YouTube埋込みのiframeを指定します。 function resize_video(obj) { var last = { w: null, mode: -1

ie以外でもクリップボードが使えるsetClipboard.js Check Tweet 配布元：[to-R]とあるWEBクリエイターのblog ライセンス：MIT-License setClipboard.jsはie以外で、flashプレーヤ―のsetClipboard関数を利用してクリップボードを使用する為のjsライブラリになります。 設置方法 ダウンロードしたファイルを解凍してできる『setClipboard.js』と『setClipboard.swf』は同じディレクトリにアップしてください。 header要素などでsetClipboard.jsを読み込みます。 <script type="text/javascript" src="./setClipboard.js"></script> 以下の関数を実行することでクリップボードに指定したIDの中身をコピーします。 第２引数でコピー

以下は、ウェブアプリケーションを作成する際に、必要になりそうな技術仕様の一覧です。 HTML5から追加・標準化されたAPI（Application Programming Interface）が中心ですが、それ以外の関連仕様も含まれています。

This version: https://www.w3.org/TR/2023/WD-clipboard-apis-20230516/ Latest published version: https://www.w3.org/TR/clipboard-apis/ Editor's Draft: https://w3c.github.io/clipboard-apis/ Previous Versions: https://www.w3.org/TR/2021/WD-clipboard-apis-20210806/ History: https://www.w3.org/standards/history/clipboard-apis Feedback: GitHub Inline In Spec Editors: Gary Kacmarcik (Google) Anupam Snigdh

JavaScriptによるクリップボード操作 JavaScript（JScript）のclipboardDataの可能性とセキュリティ JScript（Windows版IEのJavaScript実装）のclipboardDataオブジェクトを使うと、「クリップボードのテキスト操作」を簡単に行うことができます。たとえば、CGIやスクリプトで生成した文字列やフォームのテキストボックスの文字列をボタン操作などで（あるいは自動的に）クリップボードにコピーし、JavaScriptで記述された他のプログラムで簡単に利用できるようになるわけです。 さらに……clipboardDataオブジェクトの機能を使うと、「現在クリップボードにある文字列の取得」もできます。一度JavaScript側で取り込んだ文字列は、何かの拍子ｗにサーバーに送ることもできるわけですから……。個人情報をクリップボードにコピーした状

Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and

This domain is awaiting even more awesomeness by Q42

SIZE VERSION REQUIRES TYPE DATE 2.4MB 2.0β5 Mac OS X 10.4 - 10.7 Universal 2011-3-31 It is an attempt to loosen the mental blockages to recording information and to scrape away the tartar of convention that handicaps its retrieval. The solution is by nature nonconformist. Modeless Operation Searching for notes is not a separate action; rather, it is the primary interface. Incremental Search Search

[CSS]アイデアが面白い、ボタンに次々とメッセージを表示するスタイルシート -Story Button Story Button こういうボーナス的なトリックって、面白いですよね。 気がついたビジターだけが楽しめたり、ボタンクリックへの背中を一押しするようなメッセージを入れるのもいいかもしれません。 実装は、簡単です。 HTML a要素で実装したボタンに、メッセージの数分のa要素を量産します。 デモでは、10のメッセージが表示されます。 <div class="button"> <a class="first"> Keep hovering me </a> <a class="slidein"> how are you today? </a> <a class="slidein two"> I'm doing well </a> <a class="slidein three"> tha

シンプルな実装で、ウェブページに奥行きを与えるパララックスを実装するjQuery/Zeptoの軽量プラグインを紹介します。 スマフォやタブレットの傾きに対応しているだけでなく、摩擦係数なども設定できるので、一味違った面白いことができそうですね。 Parallax.js Parallax.js -GitHub Parallax.jsのデモ Parallax.jsの使い方 Parallax.jsのデモ パララックスは複数の画像を異なるタイミングで動かして視差効果を生み出すもので、デモは奥行きの表現がすごいので少し酔うかもしれないのでご注意ください。 iPadだと傾けるだけで、ゆらゆらと Parallax.jsの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトを外部ファイルとして記述します。 <script src="js/jquery.min.js"></script>

■ Tポイントは何を改善しなかったか さて、昨年9月に、「Tポイントは本当は何をやっているのか」を書いてからもう9か月経った。その後、この件がどうなったかを確認しておく。 まず、問題となった「T会員規約」だが、10月1日に（毎年恒例の）改訂があったが、文言が少し直された程度で、問題とされていた肝心の部分は、何ら修正されなかった。 第4条　（個人情報について） 2. 当社が取得する会員の個人情報の項目 （1）「お客様登録申込書」の記載事項及びT-IDお申し込み時の登録事項（変更のお申し出の内容を含みます）氏名、性別、生年月日、住所、電話番号、電子メールアドレス等 （2）ポイントプログラム参加企業における利用の履歴 （3）T-ID及びＴカードの停止・退会状況その他第3条第2項に関する事項 （4）ポイントの付与又は使用等に関する情報 （5）クレジットカード番号 （6）その他の記述または個人別に付

■ 動機が善だからと説明なく埋め込まれていくスパイコード 5月にこのニュースを見たとき、嫌な予感がしていた。 父娘遭難、携帯の位置情報得られず 消防への提供ルール化 北海道地吹雪, 朝日新聞, 2013年5月22日 北海道湧別町を襲った３月の地吹雪の中で父親が娘を抱いたまま亡くなった事故で、消防が父親の携帯電話の位置情報を携帯電話会社から得ようとしたが得られず、父娘の捜索を中断していたことが分かった。総務省は情報提供のしくみが整っていなかったことが原因とみて、位置情報をすみやかに伝えるルールを作り、全国の消防本部と携帯各社に通知した。 ルールを整備するのはよいことだが、この記事は、基地局レベルの位置情報ではなく、GPSレベルの位置情報を用いて救助しようという話になっていて、そもそも、キャリア（携帯電話事業者）に頼んだところで、どうやって端末のGPS位置情報が得られるの？という疑問を持った。

■ Tポイントは本当は何をやっているのか Tポイントが実際のところ何をやっているのかは、以前から確認する必要があると考えていたのだが*1、その加盟店に公共図書館をを加えるという話が出てきて*2、いよいよ待ったなしの段階に入ったと思い、5月から6月にかけて「Tカードサポートセンター」に問い合わせて確認していた。 最初に問い合わせたのは5月8日で、「T会員規約にはこう書かれているが実際には何をやっているのか」と素朴に尋ねたところ、電話に出たオペレータからは、「ファミリーマートを利用した会員にガストでクーポンを出したり、ガストを利用した会員にファミリーマートでクーポンを出したりしている」という趣旨の説明があった。このオペレータは、このようなクーポン発行に、商品名レベルの購入履歴は使用しておらず、ファミリーマートの利用の有無（店舗レベル）に基づいてクーポンを発行しているという認識のようだった。 そ

Interested in functions, hooks, classes, or methods? Check out the new WordPress Code Reference! wp.getPost Retrieve a post of any registered post type. Added in WordPress 3.4. Parameters string username string password int post_id array fields: Optional. List of field or meta-field names to include in response. Return Values struct: Note that the exact fields returned depends on the fields parame

XMLRPCを使用してWordpressに投稿する場合、 基本は、http://blog.syuhari.jp/archives/1373こちらのソースをそのまま使用すればＯＫ。 コンテンツ内に画像を入れたいとかは、イメージアップロード後のURLをdescriptionに結合して投稿すれば、表示される。 本文の中に画像があるとかのHTMLエディタみたいな仕様だと、Replaceするしかないと思う。 タグは「mt_keywords」を使用して $mt_keywords = array( new XML_RPC_Value("タグ1", "string"), new XML_RPC_Value("タグ2", "string") ); $content = new XML_RPC_Value( array( 'title' => new XML_RPC_Value($title, 'string

今回はWordpressに標準に備わっているXML-RPCサーバー機能を使って、 管理ページからではなく、csvファイル等をアップして一括投稿をする方法を試してみます。 例えば、商品を同じレイアウトで一気にアップしたいときなんか、便利じゃないですかね？？ ちなみに私の制作環境はMacなので、Macで使用する方法をご紹介します。 Winの方は下の内容の【1】の部分をWinで設定する方法を別途見つけて下さい。 【2】以降は同じで大丈夫だと思います。 参考にさせていただいた記事はこちらです [WordPress] XML-RPC を使用する方法 1. まずはXAMPPでPEARのライブラリであるXML-RPCを使えるように設定する [ターミナル]で以下のコマンドを入力する $ cd /Applications/XAMPP/xamppfiles/bin $ sudo ./pear in

WordPress の自動投稿ツールを作成するメモ書きその7です。 XML-RPC を利用した投稿の仕組みは大体出来たので、今回はテキストから記事を整形する PHP スクリプトを書いて WordPress へ投稿してみたいと思います 。 テキストに書く内容は下記です。 タイトル 本文 (一部) 画像 カテゴリ タグ 本文は予め書いたテキストを読み込んで処理、画像はテキストに記載した画像へのリンクから取ってきてアップロードします。 ※ テストなので画像は適当なフリー素材を使います。 実際にツール経由でアップロードした画像 以上までがツールで投稿した部分になります。 ※ と、ここまでは実際に開発環境へツールで投稿しました。以降はいつも通り WordPress の管理画面から書きます。 上記の処理はここまでのまとめも兼ねて以下に書いていきます。 WordPressの自動投稿ツール作成 1 ～ 6

Post navigation ← Previous Next → Home > Web関連 > 開発 > PHP > XML-RPC経由でWordPressに投稿する方法(PHP編) XML-RPC経由でWordPressに投稿する方法(PHP編) WordPressに限らず大抵のブログシステムでは記事をAPI経由で投稿できるようにできています。 大抵のブログシステムでは投稿するためのプロトコルにXML-RPCが使われており、WordPressもXML-RPCで投稿できるようになっています。 今回、WordPressにXML-RPC経由でPHPから投稿する方法を調べてみましたので、参考にコードを掲載いたします。 <?php require_once("XML/RPC.php"); $host = 'example.com'; $xmlrpc_path = '/xmlrpc.php';

WordPressに自動で記事を投稿するＰＨＰプログラム　を書いてみた WordPressに自動で記事を投稿するＰＨＰプログラム　を書いてみた。 先日ＦＣ２ブログに自動投稿するプログラムを書いたが、そのまま転用してＷｏｒｄｐｒｅｓｓに使えるかテストしてみたところ問題なく投稿できた。 せっかくなので公開しておきます。 基本的にはＦＣ２用と同じですが、コメント等を若干書き換えてます。 ベースはこちらの記事を参照 ＦＣ２ブログに自動で記事を投稿するＰＨＰプログラム　書いてみた。 コードだらけで見にくいですが、変更箇所のコメントがある変数の値を書き換えるだけです。 簡単に説明すると ドメイン：http://marumusi.yahoo.com WordPressディレクトリ：http://marumusi.yahoo.com/wp WordPressユーザー名：admin WordPressパスワ