masayoshinymのブックマーク - はてなブックマーク

ツイッターのシェアボタンにハッシュタグを設定する - みかづきブログその3
いまさらながらツイートにデフォルト文言を入力する方法まとめ - みかづきブログその3 こちらの記事で色々調べた結果、最近は share をつかっています。 shareをつかってハッシュタグを設定しようとして、 <a href="https://twitter.com/share?text=hey! #hey"></a> と書いても無視されてしまいます。 <a href="https://twitter.com/share?text=hey!&hashtags=hey"></a> と hashtags に書きましょう。複数設定したい場合は、 <a href="https://twitter.com/share?text=hey!&hashtags=hey,say,jump"></a> とカンマ区切りで渡すことができます。一応、 <a href="https://twitter.com/
masayoshinym 2019/07/09
twitter

trouble

ソーシャル活用
リンク
JavaScriptでdelegateをつかうメリットを先生と生徒に例えてご説明しましょう - みかづきブログその3
※ イメージの話なんで実際のJavaScriptの挙動と異なるところがあります。イメージの話例えばあなたが30人の生徒を受け持つ教師だったとしましょう。そして30人の生徒に、「肩を叩かれたら自分の出席番号を言うようにしましょう。」という指示を出すことにしたとします。これをクラス全員、1人1人に伝えるのはなかなか骨が折れる作業です。また、全員に伝えきったとしても、転校生がくるたびにその生徒に説明しなければならないですし、逆に転校してしまう生徒には、「次の学校では肩を叩かれても自分の出席番号を言わなくていいからね。」と指示を解除してあげる必要があるかもしれません。そんな時、生徒1人1人に指示をだすのではなく、教室側に、「この教室では肩を叩かれたら自分の出席番号を言うようにしましょう。」というポスターを張るとしたらどうでしょう。まず、伝える手間が相当軽減されます。ま
masayoshinym 2016/10/27
JavaScript

いつか試す
リンク
pdf.jsをつかってPDFの内容をcanvasにレンダリングする - みかづきブログその3
github.com すごいライブラリですね。さすがMozilla。つかいかた 1. ライブラリをダウンロードして解凍 https://mozilla.github.io/pdf.js/getting_started/#download からライブラリをダウンロード 2. ソースを編集 viewer.htmlにアクセスした際、デフォルトではcompressed.tracemonkey-pldi-09.pdfを開くようになっているのですが、 web/viewr.js の28行目を編集することでデフォルトで開くPDFを変更できます。 3. サーバにアップ buildフォルダもwebフォルダもまとめてアップしましょう。 4. viewer.htmlにアクセス http://kimizuka.github.io/pdfjs/web/viewer.html PDFの内容がレンダリングされています。
masayoshinym 2016/09/07
PDF操作

JavaScript

ライブラリ

後で試す
リンク
JavaScriptで連番画像をコマアニメーション - みかづきブログその3
JavaScriptをつかってパラパラ漫画のようなコマアニメーションを実装しようとした際、よく使われる3つの方法を比較してみました。 imgタグのソースを切り替える imageタグのsrcを差し替えてパラパラ漫画を実装してます。ブラウザの仕様、サーバ側の仕様によるとは思うのですが、srcを切り替えるたびにリクエストがはしるというストリーミングのような挙動になってしまったことがあったので、最近はこの実装方法は敬遠しています。 DEMO HTML <img id="img" src="" /> JavaScript (function(win, doc) { "use strict"; var img = doc.getElementById("img"), srcList = [ "http://jsrun.it/assets/m/q/5/0/mq50U.png", "http://jsr
masayoshinym 2016/01/28
CSS

アニメーション

いつか試す
リンク
CSSでメッセージアプリ風のUIを再現する - みかづきブログその3
CSSでメッセージアプリ風のUIを再現してみました。是非ともiPhoneでご観覧頂きたいです。 DEMO See the Pen hello world. by kimmy (@kimmy) on CodePen. HTML <div id="global-wrapper"> <header id="global-header"> <h1 class="ttl">Message</h1> </header> <div id="global-stage"> <div id="global-stage-inner" class="inner"> </div> </div> <footer id="global-footer"> <form id="global-footer-form" class="form"> <input id="global-footer-form-txt" clas
masayoshinym 2014/11/15
CSS

実装テク
リンク
1