タグ

2017年10月16日のブックマーク (5件)

  • 各種SNSへのシェアボタン設置方法まとめ - Qiita

    <a href="http://www.facebook.com/sharer.php?u=`シェアしたいurl`&amp;t=`シェアしたいタイトル`" onClick="window.open(encodeURI(decodeURI(this.href)), 'sharewindow', 'width=550, height=450, personalbar=0, toolbar=0, scrollbars=1, resizable=!' ); return false;"> `シェアボタンに相当する画像や文言など` </a> シェアした時の画像や文言などは、ogp(オープングラフプロトコル)に従う。 facebookにはキャッシュがあり、facebookキャッシュを削除しないと各種変更が反映されないこともあるので注意。 ▼facebookキャッシュの削除は、下記urlから https

    各種SNSへのシェアボタン設置方法まとめ - Qiita
  • Plain JavaScript event delegation

    Event delegation is a powerful concept of event handling. If you are using jQuery, you might know it as jQuery.on(). Since I don't use jQuery anymore, I had to write a similar function myself. If you are wondering how the code looks like, read on. What is event delegation? With event delegation we only set one event handler function, which then analyzes the event's target element and executes the

    anton072
    anton072 2017/10/16
    “That's absolutely fine. I don't use jQuery either anymore. Here we have some vanilla JavaScript code:”
  • power-assert + babel as a development tool

    3行まとめ espower-babelは役目を終えたので、Deprecated Babel + power-assertはbabel-preset-power-assertを使う コード上はrequire("power-assert")とrequire("assert") どちらでもpower-assert化できるようになった espower-babelは非推奨へ Babel + Mocha + power-assertの組み合わせを出来るだけ設定ファイルなどを作らずに使えるespower-babelというモジュールを書いていましたが、役目を終えたので非推奨(deprecated)にしました。 テストコードをES6+power-assertで書けるespower-babel 3.0.0リリース | Web Scratch 理由としては、Babel@6からは設定(ファイル)を必ず必要とするの

    power-assert + babel as a development tool
  • スマホ ユーザーエージェントまとめ - WEBエンジニア技術向上ブログ

    ユーザーエージェントを元にどういった情報がとれるか?を調査するのに、 ネットで各端末の情報を調べるも、全端末をリスト化しているサイトって以外になかったのでまとめました。 ユーザーエージェントを元に何か処理をする場合、 webviewアクセスの場合、通常ブラウザとはユーザーエージェントが異なるため注意が必要です。 また、ネイティブの場合はユーザーエージェントを自由に書き換えられるため、こちらについてもそういうものと認識した上で利用しましょう。 代表的なところだとFacebook、TwitterLINEアプリの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

    スマホ ユーザーエージェントまとめ - WEBエンジニア技術向上ブログ
  • enzyme/docs/guides/jsdom.md at master · enzymejs/enzyme

    JSDOM is a JavaScript based headless browser that can be used to create a realistic testing environment. Since enzyme's mount API requires a DOM, JSDOM is required in order to use mount if you are not already in a browser environment (ie, a Node environment). For the best experience with enzyme, it is recommended that you load a document into the global scope before requiring React for the first t

    enzyme/docs/guides/jsdom.md at master · enzymejs/enzyme