サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
WWDC24
syncer.jp
リンクテキストをクリックするとモーダルウィンドウを表示させます。モーダルウィンドウ周りのオーバーレイをクリックすると終了します。 モーダルウィンドウのコンテンツをHTMLで自由に編集することができます。画像や、動画埋め込みなど、お好きなものを入れて下さい。 「閉じる」か「背景」をクリックするとモーダルウィンドウを終了します。 閉じる
投稿日:2015/02/03 / 更新日:2015/03/11 特定のユーザーと、他の誰にも見られずにメッセージのやり取りをしたい。そんな時に役に立つのが「ダイレクトメッセージ(DM)」という機能です。この記事ではダイレクトメッセージの使い方を、初心者向けに紹介します。 他のユーザーに見られないダイレクトメッセージの画面このように、指定した相手と自分だけが入室できるチャットルームのような空間が作成され、その中でメッセージのやり取りをすることができます。アイコンが映っているのが自分以外のユーザー、アイコンが映ってないのが自分です。 メッセージは誰に送れるの?フォロワー以外にダイレクトメッセージを送ろうとした場合「知らない人からメッセージが来て迷惑…」などということにならないよう、ダイレクトメッセージを送れる相手はしっかりと制限されています。それは「自分のフォロワー」だけです。あなたは、あなた
例えば、ページの途中にGoogle Mapsの埋め込み地図などがあると、スクロール中に引っかかってしまうことがよくありませんか?「地図を動かしたいんじゃなくて、俺はページスクロールしたいんだよ」という具合に…。ScrollShutterは、そんなインラインフレーム・コンテンツに、ページスクロール中、シャッターをかけてくれる、ちょびっと便利なライブラリです。jQueryは必要ありません。 テキストだけではよく分からない人もいると思うので、下記にサンプルデモを用意しました。マウスの方も、タッチデバイスの方も、ページスクロールをしてみて下さい。「シャッターをかけない場合」の上の地図だと、スクロール中に、地図に引っかかってしまいますが、ScrollShutterを適用した下の地図なら、邪魔されずに、そのままスクロールできます。スクロールが止まって、200ミリ秒後に、地図内の操作が可能になります。ち
投稿日:2015/11/14 スマホの公式アプリを使っていて、「API呼び出しの回数制限を超えました」「現在、ツイートを取得できません。しばらくしてからもう一度お試しください。」などといったメッセージが表示され、操作できなくなってしまうことがあります。この場合、基本的に15分間待つことで、操作を再開することができます。 「API」と聞いても、プログラムと縁のない方にはよく分からないと思います。そこで、「最新のタイムラインを読み込む」「いいねの一覧を表示する」「フォロワーの一覧を表示する」「ツイートを投稿する」などといった、Twitterの各操作を行なうことを「APIを呼び出す」と理解しておけば大丈夫です。新着ツイートを読み込む時には、新着ツイートを読み込むためのAPIを呼び出します。いいねの一覧を表示する時には、いいねの一覧を表示するためのAPIを呼び出します。この各APIを呼び出す回数に
当サイトでは以前まで、jquery.lazyloadというレイジーロードの定番ライブラリを使用していましたが、2015年10月頃より、このecho.jsに鞍替えしました。 良い点echo.jsの良い点は「jQueryに依存しないこと」です。当サイトではページスピードを向上するためにjQueryからの脱却を図っており、その目的でこのecho.jsを導入しました。正直なところ、目に付く良い点と言えば、それくらいです。だから、既に他のレイジーロードライブラリを利用していてそれに問題がない場合、わざわざ、このecho.jsに変更する理由はないでしょう。 悪い点echo.jsは、機能が多くありません。例えば、私が以前使っていたjquery.lazyloadは、「マウスカーソルを重ねた時に読み込みを開始する」「画像をフェードインで表示する」などといった多数のオプションがありましたが、echo.jsには
投稿日:2014/12/03 / 更新日:2015/11/15 Twitterで現在、どんな話題が盛り上がっているのか気になりませんか?今回は、Twitterで流行を見逃さないための、トレンド機能の使い方を紹介します。2015年4月に、スマホアプリで、トレンド画面に移動する方法が変更されました。 今盛り上がっている話題が分かるトレンドのワードトレンドとは、現在、Twitterのユーザーの間で盛り上がっている話題を確認できる機能です。トレンドはリアルタイムで更新されているので、まさにたった今、流行している話題を確認することができます。サンプルは2014年12月2日15時頃に見たもので、この頃は、衆院選や、流行語大賞などが流行っていました。 トレンドワードの検索結果気になるワードをクリックすると、そのワードで検索した結果が表示されます。図は「衆議院」というトレンドワードをクリックしたものです。
タグ付けとは何か?タグ付けとは、自分が投稿した写真の好きな位置に、ユーザー名を表示することができる機能です。例えば、あなたがInstagramをやっている他ユーザーと記念撮影をした場合に、フォロワーに向けて、「この写真に映っているのはこの人ですよ〜、この人と仲良いんですよ〜」などといったように、アピールすることができるんです。それを見たフォロワーは、「ここに映っているのはこの人なのか」と確認することができます。 写真の左下に表示されているマーク言葉だけじゃ分かりにくいので、実際にどんなものか見てみましょう。例えば、写真を見ていると、左下の方に、黒い人のマークが表示されていることがあります。これは、「この写真にはユーザーがタグ付けされている」というマークなんです。これがあったら、その写真をタップしてみて下さい。 ユーザーネームが表示されるすると、そのユーザーがタグ付けされている位置に、ユーザ
投稿日:2015/10/24 / 更新日:2015/11/24 Twitterに2択の回答でアンケートをとる「投票機能」が実装されました。正式名称は「Twitter Poll」というらしいです。この記事では、その「投票機能」の使い方について、説明します。2015年11月頃に、回答欄が4つまで指定できるようになりました。 この章では、投票機能について分からない人のために、Q&A形式で説明していきます。 投票って何?Twitterの投票機能投票とは、「二種類の回答を設定したアンケート」をツイートに付ける機能のことです。投稿者が質問と回答を設定してツイートをすると、それを見て興味を持ったフォロワーなどが任意で回答してくれます。ツイート後、24時間経過すると、投票は打ち切られます。 どんなことに使える?真面目に使うのも、遊びで使うのも自由です。投票以外にクイズとしても利用できますね。24時間経過し
Authorization: OAuth include_entities=true,oauth_consumer_key=:consumer_key,oauth_nonce=0.90443800+1484730287,oauth_signature_method=HMAC-SHA1,oauth_timestamp=1484730287,oauth_token=:access_token,oauth_version=1.0,user_id=1528352858%2C2905085521,oauth_signature=HN4MOUQn%2FjhmJ7AA7jugv2zlmp4%3D JSON [{"id":1528352858,"id_str":"1528352858","name":"\u3042\u3089\u3086","screen_name":"arayutw","locatio
スライドコンテンツを作成できるJavaScript用ライブラリ、Flickityの使い方を初心者向けに解説。オプションの指定方法など。
スポンサーリンク
よくシャープ(#)文字が付いた単語があるけど何のこと?Instagramの初心者向けに、ハッシュタグの使い方を説明します。
robots.txtとは?robots.txtとは、GoogleやYahoo!などといった、自サイトの情報を取得(クロール)するプログラム(クローラー)を制御するためのテキストファイルです。例えば、特定のファイルや、ディレクトリをクロール禁止に指定することで、それらの関連ページや画像などを検索エンジンにインデックスさせないようにする、などといったことができます。 何を覚えればいい?robots.txtの設置方法は簡単です。よほど特殊な事情がない限り、「ここにアクセスしないでね」という記述方法だけを覚えておけば十分です。細かく書いたからといって、SEO上、有利、不利になるようなことはないので安心して下さい。強いて言うなら、細かく書き過ぎて間違った制御をした場合に不利になります。
クリックで開閉するアコーディオンをjQueryを使って作成する方法と、サンプルプログラムの配布。
Vineの動画やプロフィールを取得できるAPIの使い方を紹介。サンプルコード、JSONの解説など。
投稿日:2015/08/21 / 更新日:2016/01/07 JavaScriptの無駄な記述を削除して、コードをMinify処理(軽量化)するツールです。 使い方基本的な操作方法左側(スマホの場合は上)のフォームに、圧縮したいスタイルシートのコードを入力して、「Minifyをする」のボタンをクリックすると、右側(スマホでは下)のフォームに圧縮した結果が表示されます。圧縮のアルゴリズムには、YUI Compressorを利用させていただきました。スマホ上でjs-beautifyを利用したい機会があったため、自分用に作成してみました。Chrome、Firefoxなど対応ブラウザの場合、整形結果をクリックするだけでコピーできます。注意事項Minifyは、ご入力いただいたコードをサーバー側で処理する形となっています。コードをサーバー側で保存することなどは一切していません。
CSS Minifierについて使い方左側(スマホの場合は上)のフォームに、圧縮したいスタイルシートのコードを入力して、「Minifyをする」のボタンをクリックすると、右側(スマホでは下)のフォームに圧縮した結果が表示されます。圧縮のアルゴリズムには、YUI Compressorとcssnanoを利用させていただきました。注意事項Minifyは、ご入力いただいたコードをサーバー側で処理する形となっています。コードをサーバー側で保存することなどは一切していません。
投稿日:2015/03/15 / 更新日:2015/03/15 この記事では、Twitterのリスト機能の使い方を説明します。リストとは、特定のユーザーだけを指定して、そのユーザーだけで構成されるタイムライン(ツイート集)を作ることができる機能です。 この章では、Twitterのリスト機能に関するQ&Aをまとめています。 リスト機能って何?リストとは、特定のユーザーを選んで、そのユーザーだけで構成されるタイムラインを作ることができる機能です。あなたがフォローしているユーザーは、リアルの友人、好きな有名人、面白いネタを投稿する人、一応フォローしてるけどリムーブしにくい人(笑)など、様々なまとまりがあると思います。そんな中、例えば、面白いツイートだけを見たい時、リアルの友人の近況だけを知りたい時など特定の情報を知りたい時には、必ずノイズ(関係ないツイート)が混ざってしまいますよね。それを解決す
下記は、KizasiのAPIを利用して、12月7日の13時42分時点のトレンドワードを10件、表示したものです。内容を確認できるように、Twitterの検索結果へのリンクを貼ってあります。 M-1グランプリ2015J3降格サウンドトゥルー海難1890WaT東武ファンフェスタJ1昇格プレーオフ福岡国際マラソンびっくりポンオルフェンズ XML <?xml version="1.0" encoding="utf-8" ?> <rss version="2.0"> <channel> <title>今日、ブログで話題になったことって?</title> <link>http://kizasi.jp/</link> <description>今日の注目の話題ランキング</description> <language>ja</language> <copyright>Copyright kizasi C
ユーザーアカウントの取得Bufferでアプリケーションを作成してAPIを利用するためには、ユーザーアカウントを所有している必要があります。まだ取得していない人は、登録作業を行なって下さい。なお、アカウント登録後は、メールアドレスを登録しておくことを忘れないようにして下さい。アプリケーションキーの一部をメールで受け取ることになります。 アプリケーションの作成「Create An App」をクリックするBufferのDevelopersページにアクセスしたら、上部にある「Create An App」のボタンをクリックして下さい。 アプリケーションの情報を入力するアプリケーションの登録フォームが出てきます。図を参考に、アプリケーションの情報を入力して下さい。「Callback URL」は入力必須です。これは、ユーザーのアクセストークンを取得する際の、認証画面からの戻り先となるURLアドレスです。
投稿日:2015/03/29 / 更新日:2015/03/29 先日、LINEをはじめました。初めてだと、LINEって安全なのか?アカウントって何のことなのか?お金が発生してしまうんじゃないか…。色々と不安がありますよね。そんな人が、読んで安心できるように、アカウントの作成方法おと、基本的なLINEの仕組みをまとめてみました。今日からLINEをはじめたいと思っている人は、ぜひ、読んでみて下さい。 アカウントって何?例えば、あなたがディズニーランドに入場するにはチケットが必要ですよね。この「チケット」にあたる存在がアカウントです。あなたは、ユーザー登録をすることで、LINEのアカウントを手に入れることができます。そして、LINEのアカウントを使うことで、LINEが提供する様々なサービス(メッセージ、ゲームなど)を利用することができるというわけです。ディズニーランドではチケットは紙(または電子
JavaScriptでnameから要素を取得する方法公開日: 2015-02-06この記事では、特定のname属性値を指定して、要素(エレメント)を取得するgetElementsByName()の使い方を説明します。name属性値は主にフォーム内の要素に使われます。目次サンプルコードちょこっとメモサンプルデモダウンロードサンプルコード
投稿日:2015/04/02 / 更新日:2015/04/02 この記事では、LINEで友だちに追加したユーザーを、一覧から削除して、友だちじゃない状態にする方法を説明します。 友だちを削除するとどうなるの?「あなたの、相手に対する友だち状態」が解除されます。「相手が自分を友だち状態にしている」のは、解除されません。従って、あなたの友だち一覧から相手の名前は消えますが、相手の友だち一覧から自分の名前は消えません。Twitterをやっている人だったら、「相互フォロー状態が、相手の一方的なフォロー状態に変わる」と言えば分かりやすいでしょうか。 削除すると相手にバレる?99%バレます。友だち一覧から削除しても、相手に通知がいくことはありません。ただし、今まで「お互いに友だち状態(両思い状態)だからできていたこと」が突然できなくなるので、はっきり言って、高い確率で相手は気付くと思います。例えば、す
住所や地名から位置座標(緯度、経度)を検索したり、その逆を行なうジオコーディングAPIの使い方を初心者向けに説明。
この章では、iTunesの検索用APIの仕様と使い方について、説明します。なお、リクエストするにあたって、開発者登録や、APIキーの取得などといった作業は必要ありません。 term検索キーワード。PHPだったらrawurlencode()、JavaScriptならencodeURIComponent()などで、URLエンコードをする必要がある。country検索対象となる国の2桁コード(ISO 3166-1)を指定する。日本の場合はjp、英語の場合はen。media取得対象の商品の種類を、専用のIDで指定する。movie … 映画。podcast … ポッドキャスト。music … 音楽。musicVideo … ミュージックビデオ。audiobook … オーディオブック。shortFilm … ショートフィルム。tvShow … TV番組。software … アプリケーション。ebo
JavaScriptで配列から要素を削除する方法まとめ公開日: 2015-02-13この記事では、JavaScriptを使って、文字列の先頭と末尾、指定位置など、様々な条件を付けて配列から要素を削除する方法を紹介します。目次サンプルコードちょこっとメモサンプルコード
投稿日:2014/11/20 / 更新日:2015/04/07 Twitterのリツイートの使い方を解説します。RTと略されることが多いですね。公式リツイートと非公式リツイートの違い、そしてQTとは何か、などの周辺の情報も併せてどうぞ。 リツイートって何?公式リツイートの例リツイートとは、英語に直すとReTweet、再ツイートという意味です。お気に入りとも似た機能なんですが、自分が良いと思った他ユーザーのツイートを再投稿することができます。「みなさん、この人がこんなことを言ってますよ〜」と、自分のフォロワーにアピールする形ですね。リツイートをすると、図のように、自分とフォロワーのタイムラインに、対象ツイートが加わります。上部に「...さんがリツイートしました」と、あなたがリツイートしたことが分かるようになっています。 元のツイートが消えると連動して消えるリツイートは、元のツイートをしたユー
次のページ
このページを最初にブックマークしてみませんか?
『Syncer|知識と感動をみんなと共有するブログ』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く