Search, watch, and cook every single Tasty recipe and video ever - all in one place! News, Politics, Culture, Life, Entertainment, and more. Stories that matter to you.
![映画通が「え、見たことないの?」って言いがちな作品11選](https://cdn-ak-scissors.b.st-hatena.com/image/square/a317248a9d754dd1b176246894efb61d36773793/height=288;version=1;width=512/https%3A%2F%2Fimg.buzzfeed.com%2Fbuzzfeed-static%2Fstatic%2F2017-02%2F8%2F23%2Ftmp%2Fbuzzfeed-prod-web-08%2Fdc7260263e6ae5a04aa7e2bf18c519a2-1.jpg%3Fcrop%3D625%3A327%3B0%2C232%2526downsize%3D1250%3A%2A)
OGPを超簡単にパース可能な OpenGraph.php Open Graph protocolを超簡単にパースするスクリプトを見つけましたのでご紹介します。 その前にOGP(The Open Graph protocol)とは何ですか? 割と最近までOGPの存在すら知らなかったのですが、FacebookなんかであるURLをシェアしたり、タイムラインの中にURLを書き込んだりすると それがOGPですね。 FacebookOGPの書き方 タイムラインなど、URLがシェアされたとき ここぞ、と言うところの画像やテキストを指定します。 ヘッダー内に書くのが基本ですね。 これはある日あるときの私のTweetpicのOGP情報です。 こんな風に、metaタグとして、ヘッダーに書いてあげまず。 <meta property="og:title" content="A photo from @chihi
OGP設定のHTMLソースと Facebook, Twitter Cardsの設定を全部まとめてメモ! サイトにSNSへのシェアボタンを設置したからには、OGPの設置もしたほうがイイですね。 OGPの設置は、サイトの <head>部分の <meta>要素に記述をするだけで簡単。 FacebookとTwitter (Twitter Cards) は、基本のOGPの記述があれば、そこに数行を足すだけ。 ということで、本ブログにもOGPを設置したので、忘れないうちにメモっておきます。 *今回は、まずOGPの HTML上での基本構造や、Facebook・Twitter用の設定をメモ。まずは基本を整理。 *WordPressでの設置は、パーツテンプレートを作り、タグを編集する必要があるので、次回メモ。 本日のINDEX OGPは<meta>要素に記述する <head>要素のprefix属性への記述
jQueryのmouseoverメソッドとmouseenterメソッドの違い このエントリーはjQuery Advent Calendar 2013の 2日目のエントリーです。(Advent Calendarとは様々なテーマを12/1〜12/25までリレー形式でブログなどに執筆する企画です。) 1日目ではJavaScriptのイベントデリゲートやイベントバブリングについて解説をしたので、それを踏まえて2日目はjQueryのmouseoverメソッドとmouseenterメソッドの違いについて解説します。 mouseoverメソッドとmouseoutメソッド mouseoverメソッドとmouseoutメソッドはその名のとおり、要素のマウスカーソルが乗った場合やマウスカーソルが外れた際に発火するイベントです。次のように記述するとdiv要素にマウスカーソルが乗った際に横幅、高さが200pxに拡
京都府教育委員会は9日、京都市を除く中学校の英語科教員で、本年度に英語能力試験TOEICを受験した74人のうち、府教委が目標として課した英検準1級に相当する730点以上を獲得したのは16人で、約2割にとどまることを明らかにした。最低点は280点で、500点未満も14人いたという。府教委は「英語科教員の資質が問われかねない厳しい状況だ」としている。 国は、次期学習指導要領で、中学校の英語科の授業は基本的に英語で行うことを盛り込む方向で、2017年度内に中学校教員で英検準1級以上50%という目標を掲げている。 そのため府教委は、本年度から英検準1級以上を取得していない英語科教員に、英語のコミュニケーション能力を測るTOEICの受験を促し、受験料を負担する事業を約750万円かけて始めた。 対象となる50歳未満の教員は約150人で、本年度は74人が受験した。まず昨年6月に試験実施したところ、
久々に書くけどちょっと真面目にこれはハマったんでメモ ファイルとかアップロードに使うinput type="file"だけど、 ぶっちゃけデザインがダサいので裏側に隠していい感じの画像をクリックするとダイアログが開いて選択できるといいとおもったんでやってみた。下記のやつを参照してみた。 input:file 要素を表示しないで、ファイルをアップロード PCやiPhoneだとうまくいったんだけどAndroidのデフォルトブラウザでやってみたらダイアログが開かれない。なぜだ… alertデバッギングをしてみるとclickイベント自体はちゃんと動いているっぽい いろいろ悩んでいたところjsdo.itにいい感じのテスト用のやつがあったんでここでいろいろ試してみた。 input type="file"のダイアログを、JavaScriptから開けるかのテスト 検証した結果、表示されてない(style=
こんにちは、技術研究所の ton です。 今回は、以前ご紹介した社内イベント「クレスコフェア」の出展作品開発時に、びみょーに苦戦した<input type=”file”>について語ります。 HTML5+JavaScript+PHPで<input type=”file”>を使ってファイルアップロード機能をつくります。 途中のサンプルコードはそれだけで(たぶん)動くようになっているので、よろしければお試しください。
ユーザーエージェントを元にどういった情報がとれるか?を調査するのに、 ネットで各端末の情報を調べるも、全端末をリスト化しているサイトって以外になかったのでまとめました。 ユーザーエージェントを元に何か処理をする場合、 webviewアクセスの場合、通常ブラウザとはユーザーエージェントが異なるため注意が必要です。 また、ネイティブの場合はユーザーエージェントを自由に書き換えられるため、こちらについてもそういうものと認識した上で利用しましょう。 代表的なところだとFacebook、Twitter、LINEアプリのwebviewは独自のユーザーエージェントを設定しています。 iOS デバイス OS HTTPユーザーエージェント iPad iOS 9.0 Mozilla/5.0 (iPad; CPU OS 9_0 like Mac OS X) AppleWebKit/601.1.46 (KHTML
ブラウザの判別や携帯の機種判別に利用するためのユーザーエージェント一覧です。ただし、ユーザーエージェントは詐称(偽物)される場合があるため、完全にユーザーエージェントでブラウザなどの判別ができるわけではありません(詐称の方法のページを参照)。ここに掲載されているものは、このサーバーなどに対してアクセスしてきたユーザーエージェント名などを抽出したものなどです。あまりに古いブラウザおよびマイナーなブラウザに関してはアクセスログがないため掲載できていません。 [トップページに戻る] ■iPhone ●iOS Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C28 Safari/419.3 ●iOS2 Mozilla/5.0 (iPhone
Webサイトの管理者であれば、自分(自社)のサイトの脆弱性を取り除いておく事が必要になります。 特に、代表的なハッキング手法である「クロスサイトスクリプティング(XSS)」や「SQLインジェクション」対策をしておくことは必須でしょう。 また、今回紹介する「HTTPヘッダインジェクション」も、有名なハッキング手法になりますので、ぜひ対策をしておいてください。 今回の記事では、この「HTTPヘッダインジェクション」の仕組みや、対策について順に解説していきます。 以下、目次になります。 「HTTPヘッダインジェクション」の仕組み 「HTTPヘッダインジェクション」の対策 「HTTPヘッダインジェクション」の仕組み HTTPヘッダインジェクションを理解するためには、まずHTTPの仕組みや、HTTPを利用した通信手順を理解していなければなりません。こちらは、下記で解説しています。 http(通信プロ
本連載では、Oracleデータベースのパフォーマンス・チューニングの中から、特にSQLのチューニングに注目して、実践レベルの手法を解説する。読者はOracleデータベースのアーキテクチャを理解し、運用管理の実務経験を積んでいることが望ましい。対象とするバージョンは現状で広く使われているOracle9iの機能を基本とするが、Oracle 10gで有効な情報も随時紹介していく。(編集局) 連載目次 前回の「パフォーマンスを向上させるSQLの記述法」では、SQLの記述方法を統一することのメリットについて説明しました。SQLの処理ステップを理解し、記述方法を統一することがパフォーマンスへも大きく影響することが理解できたと思います。今回は、索引を使用したデータアクセス方法に絞って、索引を使用するためのSQLの記述方法や、索引を使用した検索時の注意点について説明します。 索引を使用できないケース 「索
Bash on Windowsが強化、Linux版のJavaやGo、PostgreSQLなどもWindowsで実行可能に。3月リリースのWindows 10 Creators Updateで マイクロソフトは来月(2017年3月)登場予定のWindows 10の大型アップデート「Windows 10 Creators Update」で、Windowsに取り込んだLinux機能の「Bash on Ubuntu on Windows」とその背後にある「Windows Subsystem for Linux」(以下、両者をまとめて「Bash on Windows」に省略)の強化を行い、これまで実行が困難だったLinux版のJavaやPostgreSQLなども実行可能になることを、2月8日(日本時間2月9日未明)のイベント「Windows Developer Day - Creators Upda
どうもお久しぶりの都道府県マスター潤です。 皆さんお好きな都道府県、愛でてますか? 愛でてる? 何指で愛でてますか? 中指? …さて残念ながら今日は悲しいご報告を発表しなければなりません… それは… 無くなっても気づかない都道府県を発表しなくてはならないのです!!!!!! なぜそんなことをしないといけないかと言いますと、遡ることひと月前… …しかし 私は思ってしまいました。 もしかしたら都道府県がひとつなくなっていたとしても、本当に人々は気づかないのかもしれないと。 とある問題を作成したのです!!! それは…… 一見普通に見えるのに、実はどこかの都道府県がひとつだけ抜け落ちている日本地図を12枚作って、知り合いという知り合いすべてに解答してもらいました。 果たして「どこが足りていないのか」解答できる人間はいるのでしょうか? WEBディレクター男性 かなりの速度で答えていましたが、50%以下
W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999
<style> #rect0{ position:relative; width:100px; height:100px; } #rect0 p{ margin:20px; background-color:#89e887; width:60px; height:60px; } </style> $('#btn0').click(function(){ $('#input0').val( $('#rect0').position().top ); $('#input1').val( $('#rect0').position().left ); $('#input2').val( $('#rect0').offset().top ); $('#input3').val( $('#rect0').offset().left ); $('#input4').val( $('#rect0 p').
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く