サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
災害への備え
syncer.jp
AMPのamp-social-shareは、ソーシャルシェアボタンを設置するための要素です。公式にシェアボタンとしてAMPのコアに含まれているものといないものがありますが、後者もパラメータを指定して設置できます。 概要名前amp-social-share可用性Stable (安定)サポートするレイアウトcontainer,fill,fixed,fixed-height,flex-item,nodisplay,responsive必要なスクリプト<script async custom-element="amp-social-share" src="https://cdn.ampproject.org/v0/amp-social-share-0.1.js"></script>検証https://github.com/ampproject/amphtml/blob/master/extensi
投稿日:2016/02/22 / 更新日:2016/02/22 スタイルシートのbackgroundは、背景関連のプロパティをまとめて指定できるプロパティです。 下記は、backgroundを用いて、「背景画像ファイルのパス(background-image)」「背景色(background-color)」「起点(background-position)」「サイズ(background-size)」「リピートの方向(background-repeat)」の4つのプロパティをまとめて指定するサンプルコードです。
<p><a href="./dummy.php" id="target">SYNCER</a></p> <p><pre><code><a id="<span id="id">target</span>">SYNCER</a></code></pre></p> <p id="output" class="output"></p> <p id="error" class="error none"></p> <p><button id="get" class="button">取得</button></p> <p><button id="set" class="button">変更</button></p> <p><button id="reset" class="button">リセット</button></p> .output { color: #
公開日: 2016/12/13 WordPressの各関数の使い方を個人的に分かりやすいよう、まとめています。 wp-includes/functions.php関数名説明
ヒント基本的な操作フォームに探したい画像の関連キーワードを入力して、「検索」をクリックして下さい。各サービスごとの検索結果が表示されます。表示されない場合、1枚もヒットしなかったか、サービス側のサーバーがビジー状態の可能性があります。検索対象のサービスは、全て海外のサイトです。そのため、キーワードは英語にした方がヒットしやすいです。ライセンスの指定キーワードの入力フォーム下部にあるオプションで、クリエイティブコモンズに対応したライセンスを指定し、画像を検索できます。ライセンスの種類を直接指定するには、各ライセンスのラベルをクリックして下さい。薄くなったライセンスは検索結果から除外されます。細かいライセンスの指定がない場合、ラベル下部にあるチェックボックスで、お好みの条件を指定しましょう。画像の確認とダウンロード検索結果に表示された画像をクリックすると、巨大なサイズを確認できます。また、画像
モーメントに関するQ&Aモーメントって何?簡単に言うと、ツイートのまとめ機能です。作成者は、自由に自分や他人のツイートを集めて、並び替えて、それらを「モーメント」として公開することができます。モーメント(Moment)とは直訳すると「瞬間」で、この機能は「その時その時の思い出をまとめたストーリーを作ろう」という趣旨のものです。 新潟旅行のモーメントモーメントの見本として、新潟旅行に行った時の数ツイートをモーメントにまとめてみました。モーメントを作成できないのは何故?2016年10月現在、モーメントは追加されたばかりの機能です。そのため、一部のユーザーから順々に使えるようになっていきます。自分のアカウントでまだ使えない場合は、使えるようになるまで待ちましょう。作成できなくても、他人が作成したモーメントを見ることはできるはずです。 作るのは大変?簡単です。タイトルと説明文を決めて、あとはツイー
AMPのamp-imgは、画像を表示するための要素です。img要素の置き換えです。アニメーションGIF画像を表示するには、amp-anim要素を利用して下さい。 概要名前amp-img可用性Stable (安定)サポートするレイアウトfill,fixed,fixed-height,flex-item,nodisplay,responsive必要なスクリプトなし。検証https://github.com/ampproject/amphtml/blob/master/validator/validator-main.protoasciiドキュメントhttps://www.ampproject.org/docs/reference/amp-img.html属性alt
Authorization: OAuth id=1110809,oauth_consumer_key=:consumer_key,oauth_nonce=0.60421000+1484729736,oauth_signature_method=HMAC-SHA1,oauth_timestamp=1484729736,oauth_token=:access_token,oauth_version=1.0,oauth_signature=eawq%2FZlAQTBGbV4WPNpbv4%2BfJ7Y%3D JSON [{"trends":[{"name":"#\u4ECA\u3067\u3082\u7D9A\u304D\u304C\u8AAD\u307F\u305F\u3044\u672A\u5B8C\u306E\u6F2B\u753B","url":"http:\/\/twitter.com
HTTP/1.1 200 OK cache-control: no-cache, no-store, must-revalidate, pre-check=0, post-check=0 content-disposition: attachment; filename=json.json content-length: 226 content-type: application/json;charset=utf-8 date: Tue, 17 Jan 2017 07:35:55 GMT expires: Tue, 31 Mar 1981 05:00:00 GMT last-modified: Tue, 17 Jan 2017 07:35:55 GMT pragma: no-cache server: tsa_m set-cookie: lang=ja; Path=/ set-cookie
alt取得できるデータのフォーマットを指定する。デフォルトはxmlだが、jsonを指定すれば、JSONにできる。bboxキーワード検索をする時に、Bounding Box(南西端と北東端の位置座標の組み合わせ)を指定することで、その矩形領域内の位置情報が付いた写真のみに限定して取得することができます。指定する場合は、西(経度)、南(緯度)、東(経度)、北(緯度)の順番なので注意。精度はあまりよくないようで、指定しても、その外の写真が含まれたりしてしまいます…。サンプル: bbox=139.562881,35.523449,139.918961,35.81749lキーワード検索をする時に、「地名」を指定することで、その地名で撮影された写真に限定することができる。とのことですが、2015年3月現在、どうも上手く作動してくれないみたいです。サンプル: l=japanmax-results取得件数
投稿日:2016/02/29 / 更新日:2016/03/01 動画から、または、複数の画像からアニメーション画像を作成できるウェブサービスです。「スマホからでもGIF画像を用意してTwitterなどに投稿したい」と思い、作成しました。 テキストの挿入画像の右下に好きなテキストメッセージを入れられます。自分の名前や画像の説明など挿入しましょう。 黒画像のサイズ画像のサイズを大、中、小から選べます。サイズが大きいと、性能が低い端末で失敗する可能性があります。通常は小サイズで十分です。 小 (300px)中 (600px)大 (1200px)GIF画像の作成準備ができたら、ボタンを押してGIFを作成しましょう!マウスの場合は右クリック、スマホの場合は長押しすると画像を保存できます。iPhoneで動画をGIFにする場合、自動再生を途中で止めないで下さい。 GIFを作成 ヒント動画からGIF画像を
投稿日:2016/01/14 / 更新日:2016/01/14 Androidで開くアプリを選択する場合、「常時」を選ぶと、以降、自動的にそのアプリで開くようになります。便利な反面、間違えて選択してしまった時に解除方法が分からなくて小一時間迷ってしまったので、同じように困った人のために、その解除方法をまとめておきました。 デフォルトアプリについて分からない人のために、疑問をまとめました。 デフォルトアプリって何?テキストファイルを開くデフォルトアプリとは、特定の操作で起動するアプリを決定させるシステムです。例えば、テキストファイル(SYNCER.txt)を開く時に… アプリリンクの例上の図のように「どのアプリで開くか選んで下さい」と表示されたことはありませんか?これがデフォルトアプリの設定です。スマホにアプリをインストールしていくと、中には同じ機能を持ったアプリもたくさん出てきますよね。そ
JSON {"id":1528352858,"id_str":"1528352858","name":"\u3042\u3089\u3086","screen_name":"arayutw","location":"Japan","description":"\u8db3\u7acb\u533a\u5728\u4f4f\u3001\u30a6\u30a7\u30d6\u5236\u4f5c\u304c\u5927\u597d\u304d\u3067\u3059\u3002","url":"http:\/\/t.co\/ScEV7AVZSN","entities":{"url":{"urls":[{"url":"http:\/\/t.co\/ScEV7AVZSN","expanded_url":"http:\/\/syncer.jp","display_url":"syncer.jp","i
ヒント分割アートって何?分割アートとは、Instagramで流行っている手法です。1つの写真を3分割、6分割、9分割のいずれかに分けて投稿することで、下記のように写真をダイナミックに見せることができます。 Instagramの分割アート(9等分)基本的な操作分割したい写真をフォームに指定して下さい。マウスデバイスの方は、ドラッグ&ドロップでも大丈夫です。「オプション」の項目で、分割の種類を選択して下さい。「3分割」「6分割」「9分割」から選択できます。プレビューエリアに、画像とコントローラが表示されます。コントローラを動かして範囲を選択して下さい。「画像を作成」をクリックすると、指定した枚数分、画像を分割してボタンの下に表示するので保存して下さい。画像の番号について作成した画像には、それぞれ番号が付いています。番号は、投稿の順番を意味します。指定された順番通りに投稿することで、綺麗な分割ア
Authorization: OAuth count=3,include_user_entities=true,oauth_consumer_key=:consumer_key,oauth_nonce=0.35798100+1484639064,oauth_signature_method=HMAC-SHA1,oauth_timestamp=1484639064,oauth_token=:access_token,oauth_version=1.0,skip_status=false,user_id=1528352858,oauth_signature=%2Bds0T9OtvLLazHpLryrT0MhbWig%3D JSON {"users":[{"id":2905085521,"id_str":"2905085521","name":"SYNCER","screen_name":"Sy
AMPのamp-carouselは、カルーセルを設置するための要素です。カルーセルは、複数の画像をスライドして1枚ずつ表示するUIです。画像ギャラリーを設置したい場合に有用です。 概要名前amp-carousel可用性Stable (安定)サポートするレイアウトfill,fixed,fixed-height,flex-item,nodisplay,responsive必要なスクリプト<script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>検証https://github.com/ampproject/amphtml/blob/master/extensions/amp-carousel/0.1/validator-amp-caro
ヒント基本的な操作フォームにブログ名(例: syncerjp)、または、ブログURL(例: http://syncerjp.tumblr.com/)、または目的の動画がある記事のURL(例: http://syncerjp.tumblr.com/post/125057806260/...)を入力して、「変換」をクリックして下さい。しばらく待つと、指定した動画のURLアドレスが、フォーム下にある表に、表示されます。一覧の画像をクリックすると、その動画のURLアドレスが表示されます。動画の保存方法デスクトップPCとAndroidの場合は、URLをクリックして動画ファイルを保存して下さい。Dropbox(iPhone版/Android版)やEvernote(iPhone版/Android版)に保存すれば、後でスマホで見ることができます。スマホで見るにはこれが一番お手軽です。iPhoneの場合は、
表示名の変更ってどういうこと?表示名を変更した例LINEでは、友だちの名前を、自分の好きなように変更することができます。例えば、あなたの友だちが「あらゆ」というプロフィール名でLINEを使っていても、あなたは、あなたのLINEの画面の中で、「あらゆっち」とか、「あらゆ殿」とか、自分の好きな名前に変更することができちゃいます。これが、表示名の変更です。 表示名を変更すると相手にバレる?システム上はバレません。表示名の変更は、自分のLINEの画面内だけに反映されます。そのため、相手のLINEの画面には映らないので分かりません。しかしながら、当たり前ですが、相手が自分のLINEの画面を覗いたりすれば、知られてしまいます。こういうことって、ひょんなことからバレてしまうので、悪口や、相手が嫌がりそうな表示名にするのは、絶対にやめておきましょう。 表示名を変更すると困ることってある?表示名を変更してい
スピードの選択 Linear easeInQuad easeInCubic easeInQuart easeInQuint easeInOutQuad easeInOutCubic easeInOutQuart easeInOutQuint easeOutQuad easeOutCubic easeOutQuart easeOutQuint ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト ダミーテキスト ダミーテ
この記事は、Advent Calendar、「らいとなデブ SYNCER」の4日目の記事です。利用者が面倒な操作をしなくても、JavaScriptを使って自動的にコピーやペースト、カットをしてあげた方が親切な場合があります。そんな時に便利なライブラリ、clipboard.jsを紹介します。2015年12月現在、Safariは対応していません。
AMPのamp-adは、広告を表示するための要素です。Google AdsenseやMicroAd、Criteo、Nendなど、日本で利用されているいくつかの広告も対応しています。 概要名前amp-ad可用性Stable (安定)サポートするレイアウトfill,fixed,fixed-height,flex-item,nodisplay,responsive必要なスクリプト<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>検証https://github.com/ampproject/amphtml/blob/master/extensions/amp-ad/0.1/validator-amp-ad.protoasciiドキュメントhttps://
投稿日:2016/02/22 Googleが提供する、開発者向けの画像認識サービス、Cloud Vision APIの使い方を、初心者でも分かるようにまとめました。サンプルプログラム用の言語として、PHPを使っています。 Cloud Vision APIを利用するには認証が必須です。認証の種類は様々ですが、この記事では一番手軽なAPIキーによる認証を説明します。ということで、認証に必要となるAPIキーをまずは取得しましょう。 課金設定についてCloud Vision APIを利用するには、請求が発生する、しないに関わらず、クレジットカード(またはデビッドカード)を登録し、課金を有効な状態にしなければいけません。そして、Google Developers Consoleにおいては、課金を無効にすることはできても、登録したカードの情報を削除することができない仕様になっています。これらを踏まえて
投稿日:2016/02/20 / 更新日:2016/02/20 スタイルシートに必要なvendor prefixを簡単に調べることができるウェブサービスです。フォローするブラウザをバージョンから指定できます。 オプションフォローするブラウザのバージョンを指定できます。デフォルトでは、2年前までのブラウザをフォローする設定になっています。変更した設定はブラウザに保存されます。 Chrome無視49 2016年3月頃 48 2016年1月頃 47 2015年12月頃 46 2015年10月頃 45 2015年9月頃 44 2015年7月頃 43 2015年5月頃 42 2015年4月頃 41 2015年3月頃 40 2015年1月頃 39 2014年11月頃 38 2014年10月頃 37 2014年8月頃 36 2014年7月頃 35 2014年5月頃 34 2014年4月頃 33 2014
投稿日:2016/02/13 / 更新日:2016/02/13 ウェブサイトのキャプチャーを、スマホ、デスクトップ、タブレットと、デバイス別に取得できるウェブサービスです。資料作りなどにご活用下さい。 キャプチャーを作成キャプチャーを作成するURLアドレスを入力して下さい。1〜3分後にキャプチャーが作成され、それから24時間の間だけ画像が保存されます。ウェブサイトにそのまま画像を埋め込むことはできません。 作成 作成したキャプチャーが、ここに表示されます。 ヒント基本的な操作入力フォームに、キャプチャーを撮りたいウェブページのURLアドレスを入力し、「作成」をクリックして下さい。キャプチャーの作成を開始します。作成には1〜3分ほどの時間がかかります。作成した画像は、「DOWNLOAD」をクリックすると保存できます。保存せずに、直リンクしてウェブサイトなどに埋め込むことはできません。画像は一
Googleが「Accelerated Mobile Pages(モバイル環境でのページ表示を高速化しよう)」という目的で始めたAMPプロジェクト。AMPに対応したウェブページを作成する方法を、初心者の私が勉強をしながらまとめていきます。 Q&A対応するとどうなるの?カルーセルに掲載されるモバイルでのGoogleの検索結果にカルーセル形式で表示されます。ただし、AMPに対応した全てのページがカルーセルで表示されるとは限りません。 AMPのマークが付くモバイルでのGoogleの検索結果に雷のマークが付きます。そして検索結果からのアクセスは全てAMPのページになります。開発者もユーザーも、通常のページかAMPのページかを選択することができません。 アクセスは増える?増えると思います。AMPに対応するとカルーセルに表示されるかもしれません。カルーセルは確かに検索結果ページの上部にありますが、その
友人検索ってどんな仕組みなの?友人検索とは、簡単に言うと、Instagramをやっているリアルの知り合いを発見する機能のことです。始めたばかりで、フォローするユーザーがいない人のために、Instagramが用意した親切な機能であり、厄介な機能でもあります。というのも、例えば、「リアルの知り合いとは関わらずに、こっそりとInstagramを楽しみたい」という希望の人が、この機能をよく分からずに使ってしまった場合に、自分の存在がバレてしまうからです。 どんな情報で検索できるの?(されるの?)主に、下記3つの要素で、友人検索をすることができます。逆にされるということでもあります。 メールアドレスInstagramに登録しているメールアドレスで友人を検索できます。電話番号Instagramに登録している電話番号で友人を検索できます。FacebookInstagramとFacebookを連携している
投稿日:2015/04/01 / 更新日:2015/04/01 この記事では、LINEの、自分のプロフィール名(名前)を変更する方法を説明しています。自分が名前を変更すると、友だちのLINEの画面も、通常は連動して変更されます。なお、自分ではなく、友だちの名前(表示名)を変更するには、下記記事を参考にして下さいね。 相手の設定次第です。あなたが自分のプロフィール名を変更した場合、友だちのLINEの画面も連動して変わる場合と、変わらない場合の2パターンがあります。 変わる場合通常は、あなたがプロフィール名を変更すると、相手のLINEの画面の表示も連動して、新しい名前に更新されます。 名前を「あらゆ」→「あらゆだ」変更した例えば、あなたがプロフィール名を「あらゆ」から、「あらゆだ」に変更したとしましょう。 相手の画面も新しい名前に変わるすると、相手のLINEの画面も、あなたが設定した新しい名前
Authorization: OAuth count=3,oauth_consumer_key=:consumer_key,oauth_nonce=0.84524900+1484637860,oauth_signature_method=HMAC-SHA1,oauth_timestamp=1484637860,oauth_token=:access_token,oauth_version=1.0,user_id=1528352858,oauth_signature=sogxmRunebGvxNfGv2qkpRC2eqQ%3D JSON [{"created_at":"Mon Jan 16 10:39:26 +0000 2017","id":820943539789918210,"id_str":"820943539789918210","text":"\u30d5\u30a9\u30ed\
次のページ
このページを最初にブックマークしてみませんか?
『Syncer|知識と感動をみんなと共有するブログ』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く