oEmbed APIの使い方まとめ！URLから埋め込みHTMLタグを作ろう！
oEmbedとは、埋め込み用コードを取得するためのシステム、統一規格です。TwitterやYoutube、Vimeoなどといった世界的に有名なwebサービスの各々がこのoEmbedの規格を採用しています。 統一規格ってどういうこと？統一規格があることで、web開発者はoEmbedの仕様だけを知っておけば、「個別に各サービスの仕様を調べる」といった学習コストをかけることなく、様々なサービスの埋め込み用コンテンツを利用することができるわけです。 2014年9月には日本で人気のブログサービスはてなブログが、このoEmbedの規格を採用して、ブログ記事の埋め込み用コードを取得するAPIを公開しました。採用するサービスが増えれば増えるほど、web開発者にとって好ましい環境が整っていくというわけですね。
【PHP】HTML 内の OGP 情報を取得する | MEMO REAL
RSS がない場合などで、リンク先のページ情報を表示する時などに HTML 内の OGP 情報を取得する方法です。 [PHP] $html = file_get_contents( 取得するページの URL ); preg_match_all( “<meta property=\”og:([^\”]+)\” content=\”([^\”]+)\”>”, $html, $ogp ); for( $i = 0; $i < count($ogp[1]); $i++ ) { $result[$ogp[1][$i]] = $ogp[2][$i]; } $title = $result[‘title’]; $url = $result[‘url’]; $image = $result[‘image’]; echo ‘<a href=”‘ . $url . ‘”><img src=”‘ . $imag
正規表現：文字列を「含まない」否定の表現まとめ | WWWクリエイターズ
「〜を含まない」といった、否定の意味を持つ正規表現を記述する場合、下記のように、大きく分けて２種類のケースがあります。 「特定の１文字を含まない」といった否定表現か、もしくは「正規表現パターンを含まない」といった表現かで、大きく解決の方針が異なる点に注意して下さい。 特定の１文字だけを否定したい場合は非常にシンプルです。この場合、「文字クラス」、もしくはエスケープシーケンスで表される文字型を利用する事で表現できます。 一方で、特定の正規表現パターンを否定したい場合、少し記述が複雑になります。今回は「否定先読み」を利用した表現を、この記事の後半にご紹介します。 基本的な正規表現の記法はこの記事では触れませんので、不安な方はこちらの記事も合わせてご参照下さい： 正規表現とは？基本構文とメタ文字一覧（サンプル付） それでは、順番に詳しく見ていきます。 任意の一文字を含まない文字列の正規表現 a「
タイムゾーン呪いの書 - Qiita
コメント欄で「Software Design 誌 (2018/12) に寄稿した内容や修正などをこちらの記事にも適用したい」と言ったあと、やるやる詐欺でずっと放置していましたが、三年近く経ってようやく 2021年 7月に大幅に改訂し、同時に Zenn に引っ越すことにしました。 タイムゾーン呪いの書 (知識編) タイムゾーン呪いの書 (実装編) タイムゾーン呪いの書 (Java 編) なにやら長くなりすぎたので三部構成になっています。 この Qiita 版は、しばらく (最低一年は) 改訂前のまま残しておきます。 タイムゾーンの存在はほぼ全ての人が知っていると思います。ソフトウェア・エンジニアなら多くの方が、自分の得意な言語で、タイムゾーンが関わるなにかしらのコードを書いたことがあるでしょう。ですが、日本に住んで日本の仕事をしていると国内時差もなく1 夏時間もない2 日本標準時 (Japa
エルビス演算子でスマートに変数を初期化 - Qiita
なんてことはない。PHP5.3から登場したエルビス演算子を知ったので試してみたというだけ。 注意：コメントによりよい手法が書かれています 背景 三項演算子は可読性を落とすか を読ませていただきまして、今回の話に至りました。 エルビス演算子とは と記述すると以下のように実行される。 aがtrue、または真と判断できる値であればその値が返却され、bは評価されない aがfalse、または偽と判断できる値であればbが評価され、返却される 三項演算子の短縮形っぽいけどこんな書き方も出来る模様。
[PHP] if文を短く書いてスッキリさせる | IT女子のお気に入りフォルダ
条件を判定して処理をするif構文の記述方法についてのメモ。 基本的な使い方はこう。else以下は省略できます。 if (条件式) { // 条件が真(true)のときの処理 } else { // 条件が偽(false)のときの処理 } HTMLの中にPHPを直接書いたりする場合には、上のように波括弧「{}」で数行書くより、もっとスッキリ書いた方が見やすくなります。 if文のいろいろな記述 波括弧を使ったオーソドックスなif文 if ($lang == 'Jp') { echo 'こんにちは'; } else { echo 'Hello'; } コロンを使ったif文 if ($lang == 'Jp') : echo 'こんにちは'; else : echo 'Hello'; endif; 以下では伝わりにくいですが、コロンを使った記述ではif文内の処理が長いHTMLになっても見やすくなり
![[PHP] if文を短く書いてスッキリさせる | IT女子のお気に入りフォルダ](https://cdn-ak-scissors.b.st-hatena.com/image/square/28a830c8c472ece97f0683f02c48ce3adaa62a20/height=288;version=1;width=512/https%3A%2F%2Fsachips.byeto.jp%2Fwp%2Fwp-content%2Fuploads%2F2015%2F08%2Fnamitosunahama.jpg)
Sublime Text3で構文エラーをチェック
こんにちは、つい最近メディア事業部脱退を表明したデザイナーの王です。 PhpStorm、Aptana、NetBeansなど、大抵のIDEは、コードを書きながら構文エラーをリアルタイムでチェックしてくれるとても便利な機能がついていますよね。 個人的にはPhpStormが一番使いやすかったですが、IDEだと、プロジェクト単位で管理しなければならないので、小回りが効くSublime Textも以前から愛用しています。特にSublime Textの「Multiple Selections」という機能が凄く便利で、一旦慣れてしまったら、この機能が使えないPhpStormで作業するとストレスが溜まってしまいます!! でも、はやりIDEのリアルタイムコード解析は使いたいなぁ〜〜 でも…でも… こんな葛藤に苦しんだ結果、とある偉大なプラグインが誕生しました!!その名も「SublimeLinter」です！
iOS7の超絶勉強になるアプリ開発チュートリアルまとめ - Less is Best
みなさん新しいプログラミング言語を習得しようとした際に、どんな形で勉強を始めますか？私はとりあえずチュートリアルをやってみて外観をつかんでからリファレンスなどを漁っていくタイプのようです。ということで、iOSアプリ開発を勉強するためにウェブから無料でできるiOS7のチュートリアルをいくつかピックアップしてきました。これで最新のiOSの開発事情を知りつつアプリ作れるようになりましょう！ iPhoneアプリ開発入門 (全14回) Dotinstall:iPhoneアプリ開発入門 (全14回) まずはDotinstallのチュートリアル。とりあえず触って動かしてみていろいろなUIパーツを使って見るまで。日本語+動画で理解するアプリ開発入門。 iOS 7 Best Practices; A Weather App Case Study iOS 7 Best Practices; A Weather
制作メモのアーカイブ
クエリ文字列 post_id で取得した記事タイトル {post_title} をメールに記載したい。以前はできていた気がしたけどたぶん気のせいなのだろう・・・。 ちゃんとフィルターフックを用意してくれているのでそれを使 […]
初心者によく教えるswitch文のイディオム - Qiita
補足情報がコメント欄にあるので、参考にしてください。 何回か聞かれたので残しておきます。 switchの条件式をtrueにすれば、複雑な条件分岐もスッキリ書けます。 同じように条件式にtrueを入れたら使える言語が他にもあるので覚えておくといいと思います。 ただし、各条件の処理ごとにbreakが必要な言語もあるので、注意してください。 下記は、coffeescriptの例です。 switch true when a > 5 console.log "a > 5" when b < 3 console.log "b < 3" when c is 4 console.log "c is 4" ```ちなみに、上記のcsをjsにコンパイルすると、下記のようになります。 ```javascript:javascript_switch_true switch (true) { case a > 5:
2011年にリリースされた、使えるjQueryプラグイン50「The 50 Most Useful jQuery Plugins from 2011」
2011年にリリースされた、使えるjQueryプラグイン50「The 50 Most Useful jQuery Plugins from 2011」 WEB制作の現場で利用されているjQuery。非常に軽量かつ、高機能なjavascriptライブラリで、世界中で様々なプラグインがリリースされていますが、今日紹介するのは2011年にリリースされた、使えるjQueryプラグインをまとめたエントリー「The 50 Most Useful jQuery Plugins from 2011」です。 Response Javascript 全部で50ものプラグインがまとめられていますが、今日はその中から特に気になったものを紹介したいと思います。 詳しくは以下 Minimit 様々な動きが実現できるjQueryギャラリープラグイン。 Overscroll スマートフォンやタブレットの操作感をWEBで実
iPhone, Android などのスマートフォンでJavaScriptエラーをデバッグする
スマートフォンのJavaScriptのデバッグはなかなか大変。 ■iPhone iPhoneはわりと楽。 「設定」 -> 「Safari」 で「デベロッパ」をONにする でも、エラーやconsole.logの詳細は教えてくれない。 今はMacと繋げれば、Mac側のsafariから色々情報が得られるようになった。便利。 ■Android 残念ながら、端末にはデバッグ機能はなし シミュレーターのlogcatってやつを使えばログも見れる windowsなら adb logcat | findstr browser でブラウザ絡みのログだけに絞れる 参考 Androidシミュレーターのインストール ■サーバー側にログを残したい 上の方法だと、ちょっと物足りないのでJavaScriptでエラーがあった場合はサーバー側に通知するようにもできる window.onerrorにJavaScriptエラーの
IE6〜8でCSS3セレクタ利用「Selectivizr」
CSS3セレクタを使う上で問題となるのはやはりIEです。HTML5 & CSS3 Supportで確認すると、IE6～8はほとんど対応できていないことが分かります。 そんなIEでもCSS3セレクタを使えるようにするのがSelectivizr.jsです。詳しく紹介されているサイトがあまりなかったのでご紹介。 Selectivizrの設置方法 ここで提供されているselectivizr.jsとJavaScriptライブラリを外部ファイルで読み込むだけで、CSS3セレクタがIE6～8でも利用可能となります。コードも外部ファイルを読み込むだけですのでとてもシンプルです。 <script type="text/javascript" src="[JSライブラリ]"></script> <!--[if (gte IE 6)&(lte IE 8)]> <script type="text/javascr
[JS]スマホ・デスクトップに対応したインタラクティブなマップが作成できるスクリプト -Leaflet
jQueryなど他のスクリプトに依存せずに、インタラクティブなマップを作成できる軽量のスクリプトを紹介します。 Leaflet - a modern, lightweight JavaScript library for interactive maps デモページ [ad#ad-2] Leafletは、ユーザビリティ、パフォーマンス、サイズ、フレキシビリティを重視して開発されており、デスクトップとモバイルの主要なブラウザでインタラクティブなマップを作成できるBSDライセンスのスクリプトです。 Leafletの主な特徴 タイルレイヤー マーカー、ポリゴン、ポリライン、サークルの設置 ポップアップ イメージのオーバーレイ ドラッグ操作でパン ホイール・ダブルクリックでズーム Shift+ドラッグでバウンディングボックス タッチドラッグでパン（スマホ） マルチタッチでズーム（iOS） ダブルタ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
[JS]画像は使用せずに、データをビジュアル化するマップを生成するスクリプト -jVectorMap
codepad
Webpark