https://b.hatena.ne.jp/u310/javascript/ javascriptに関するu310のはてなブックマーク (4) https://ics.media/entry/210409/ u310 2021-04-11T07:52:54Z javascript ライブラリ 478 <blockquote cite="https://ics.media/entry/210409/" title="新感覚！メソッドチェーンでアニメーションがスラスラ書ける「Tween24.js」を作りました - ICS MEDIA"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fics.media%2Fentry%2F210409%2F" alt="" /> <a href="https://ics.media/entry/210409/">新感覚！メソッドチェーンでアニメーションがスラスラ書ける「Tween24.js」を作りました - ICS MEDIA</a></cite><p><a href="https://ics.media/entry/210409/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f5187dde368a830eed68b097b5effd5bd48bd519/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fics.media%2Fentry%2F210409%2Fimages%2Feyecatch.png" alt="新感覚！メソッドチェーンでアニメーションがスラスラ書ける「Tween24.js」を作りました - ICS MEDIA" title="新感覚！メソッドチェーンでアニメーションがスラスラ書ける「Tween24.js」を作りました - ICS MEDIA" class="entry-image" /></a></p><p>新感覚！メソッドチェーンでアニメーションがスラスラ書ける「Tween24.js」を作りました アニメーションを作る時に、「思いついた演出をすぐに実装したい」「頭の中ではできているのに、コーディングするのが面倒」と思ったことはありませんか？アニメーション作成にはライブラリを使用することが多いと思いますが、使い...</p><p><a href="https://b.hatena.ne.jp/entry/s/ics.media/entry/210409/"><img src="https://b.hatena.ne.jp/entry/image/https://ics.media/entry/210409/" alt="はてなブックマーク - 新感覚！メソッドチェーンでアニメーションがスラスラ書ける「Tween24.js」を作りました - ICS MEDIA" title="はてなブックマーク - 新感覚！メソッドチェーンでアニメーションがスラスラ書ける「Tween24.js」を作りました - ICS MEDIA" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ics.media/entry/210409/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://coliss.com/articles/build-websites/operation/javascript/movie-focused-html5-player.html u310 2021-03-24T01:47:56Z javascript ライブラリ 75 <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/movie-focused-html5-player.html" title="JavaScriptの外部ファイルで簡単に実装できる、映画コンテンツを快適に再生するHTML5動画プレーヤー -Moovie.js"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fmovie-focused-html5-player.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/movie-focused-html5-player.html">JavaScriptの外部ファイルで簡単に実装できる、映画コンテンツを快適に再生するHTML5動画プレーヤー -Moovie.js</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/movie-focused-html5-player.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4231dfcd2ba56cbaa4fd4655d987c090a031dac6/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202101%2F2021032401-01.png" alt="JavaScriptの外部ファイルで簡単に実装できる、映画コンテンツを快適に再生するHTML5動画プレーヤー -Moovie.js" title="JavaScriptの外部ファイルで簡単に実装できる、映画コンテンツを快適に再生するHTML5動画プレーヤー -Moovie.js" class="entry-image" /></a></p><p>動画、特に映画コンテンツを快適に再生することにフォーカスされたHTML5プレーヤーを実装するスクリプトを紹介します。 実装は非常に簡単でカスタマイズも豊富、字幕は多言語をサポート、動画の再生速度は0.1x-8xまで変更可能、デザインはCSSベースで簡単に変更できます。 Moovie.js デフォルトでも快適、フルカスタマイ...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/movie-focused-html5-player.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/movie-focused-html5-player.html" alt="はてなブックマーク - JavaScriptの外部ファイルで簡単に実装できる、映画コンテンツを快適に再生するHTML5動画プレーヤー -Moovie.js" title="はてなブックマーク - JavaScriptの外部ファイルで簡単に実装できる、映画コンテンツを快適に再生するHTML5動画プレーヤー -Moovie.js" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/movie-focused-html5-player.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/imaginelab/articles/68de83f4948fe2 u310 2020-12-30T19:22:29Z javascript ライブラリ 237 <blockquote cite="https://zenn.dev/imaginelab/articles/68de83f4948fe2" title="JSの日付ライブラリは、どれを使えばいいのかまとめ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fimaginelab%2Farticles%2F68de83f4948fe2" alt="" /> <a href="https://zenn.dev/imaginelab/articles/68de83f4948fe2">JSの日付ライブラリは、どれを使えばいいのかまとめ</a></cite><p><a href="https://zenn.dev/imaginelab/articles/68de83f4948fe2"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1e3c683dab2742964422e659229cdefbf8aedee0/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--Uiaj8WJd--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AJS%2525E3%252581%2525AE%2525E6%252597%2525A5%2525E4%2525BB%252598%2525E3%252583%2525A9%2525E3%252582%2525A4%2525E3%252583%252596%2525E3%252583%2525A9%2525E3%252583%2525AA%2525E3%252581%2525AF%2525E3%252580%252581%2525E3%252581%2525A9%2525E3%252582%25258C%2525E3%252582%252592%2525E4%2525BD%2525BF%2525E3%252581%252588%2525E3%252581%2525B0%2525E3%252581%252584%2525E3%252581%252584%2525E3%252581%2525AE%2525E3%252581%25258B%2525E3%252581%2525BE%2525E3%252581%2525A8%2525E3%252582%252581%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Aima%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzc4ODNhYTEzMWIuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="JSの日付ライブラリは、どれを使えばいいのかまとめ" title="JSの日付ライブラリは、どれを使えばいいのかまとめ" class="entry-image" /></a></p><p>Moment.jsは、新規開発停止、メンテナンスモードに移行 Moment.jsは、新規機能の開発停止、メンテナンスモード(セキュリティ修正とMoment Timezoneのデータ更新は行う)に移行することが発表されています。これから新規開発するプロジェクトでは、別のライブラリを使うことが推奨されています。 僕の新規開発のプロジェク...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/imaginelab/articles/68de83f4948fe2"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/imaginelab/articles/68de83f4948fe2" alt="はてなブックマーク - JSの日付ライブラリは、どれを使えばいいのかまとめ" title="はてなブックマーク - JSの日付ライブラリは、どれを使えばいいのかまとめ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/imaginelab/articles/68de83f4948fe2"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://live.prismjs.com/ Webベースのコードエディター。『Lea Verouによって作成され、現在作業中です。』 u310 2020-07-23T03:28:12Z javascript library 1 <blockquote cite="https://live.prismjs.com/" title="Prism Live: Lightweight, extensible, powerful web-based code editor"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Flive.prismjs.com%2F" alt="" /> <a href="https://live.prismjs.com/">Prism Live: Lightweight, extensible, powerful web-based code editor</a></cite><p><a href="https://live.prismjs.com/"><img src="" alt="Prism Live: Lightweight, extensible, powerful web-based code editor" title="Prism Live: Lightweight, extensible, powerful web-based code editor" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/live.prismjs.com/"><img src="https://b.hatena.ne.jp/entry/image/https://live.prismjs.com/" alt="はてなブックマーク - Prism Live: Lightweight, extensible, powerful web-based code editor" title="はてなブックマーク - Prism Live: Lightweight, extensible, powerful web-based code editor" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/live.prismjs.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>