2018年1月12日金曜日

SVGを手書き風のアニメーションにするライブラリ(vivus.js)

vivus.js
https://maxwellito.github.io/vivus/

SVGのストロークをなぞる感じのアニメーションができるライブラリ。
SVGを全部pathに変換して、stroke-dasharray と stroke-dashoffset をうまく適用させて手書きを再現しているみたいです。

下記サイトで、SVGファイルをアップロードするだけで試せます。
https://maxwellito.github.io/vivus-instant/

2018年1月11日木曜日

Chromeでローカルファイルにアクセスできるようにする

オプションをつけて起動する

Winキー → 「run」と入力(ファイル名を指定して実行) → 「chrome  --allow-file-access-from-files」と入力

※すべてのChromeウインドウを閉じてからでないと有効化されないので注意

確認

chrome://version/
にアクセスして、「コマンドライン」に「--allow-file-access-from-files」があればOK

参考
https://dev.classmethod.jp/etc/chrome-localfile-security/

2017年11月21日火曜日

Firefoxで非表示の iframeに対する getComputedStyle が null を返す

getComputedStyle が null を返す - 地獄のネコブログ
http://anekos.hatenablog.com/entry/20100516/1273953156

Firefoxで非表示のiframeに対してgetComputedStyleを使おうとすると、nullが返ってきて例外発生で止まってしまう。

Captivateで出力したHTMLをiframeに入れdisplay:noneにしておいて、moduleReadyEventが来たら表示させようとすると、CPM.jsで止まった。

2017年10月31日火曜日

JavaScriptでディープコピー

https://qiita.com/knhr__/items/d7de463bf9013d5d3dc0
Date型を扱わないのであれば、1つ目のJSONでよいかと思う。

ディープコピーとは?
http://kurochan-note.hatenablog.jp/entry/20110316/1300267023
JavaScriptで配列やオブジェクトを = で代入しようとすると、シャローコピーになってしまうので注意。知らないとハマる!

2017年10月30日月曜日

ページ読み込み中にローディング

http://gimmicklog.main.jp/jquery/278/
読み込みに時間がかかるときに、ブラウザならローディング中がわかるけど、Cordovaで囲むとわからないので、いれるほうが親切そう。

2017年10月27日金曜日

PowerPointのノートの文字サイズを一括で変更

iSpringでノートの文字表示するとき、文字サイズが反映されるので、一括変更するのが便利。

VBAスクリプト(すべて18ptにする)

Public Sub SetNoteFontSize()
    Dim objSld As Slide
    Dim objFont As Object
    Dim intFontSize As Integer
    For Each objSld In ActivePresentation.Slides
        Set objFont = objSld.NotesPage.Shapes.Placeholders(2). _
                        TextFrame.TextRange.Font
        objFont.Size = 18
    Next
End Sub


参考
http://nasunoblog.blogspot.jp/2014/05/powerpoint-vba-note-pane-font-size-change.html
この記事内の'が1か所全角になっていて、コピペするとエラーになるので注意