Moving LettersSource <h1 class="ml1"> <span class="text-wrapper"> <span class="line line1"></span> <span class="letters">THURSDAY</span> <span class="line line2"></span> </span> </h1>
hls.js - JavaScript製のHTTP Live Streamingクライアント MOONGIFT
Appleがキーノートなどの配信に使っているのがHTTP Live Streamingと言われるプロトコルです。特別なプロトコルではなく、HTTPを使っているのがメリットですが、サポートしているブラウザがSafariくらいというのが難点です。 そこで使ってみたいのがhls.jsです。JavaScriptで作られたHTTP Live Streamingクライアントです。 hls.jsの使い方 設定も用意されています。エラーが出ても自動で回復してくれます。 Google Chromeでも動きます。10秒前後に動かすといったアクションもJavaScriptからできます。 hls.jsを使えばモダンなブラウザであればHTTP Live Streamingを提供できるようになります。良い動画配信プロトコルが見つかっていなかった方はhls.jsを使ってみてはいかがでしょう。 hls.jsはJavaSc
JavaScriptのダイナミックインポートをついに実装。より高速化したJavaScriptエンジン「V8 Release 6.3」リリース
JavaScriptエンジン「V8」の最新バージョン「V8 Release 6.3」がリリースされた。最大の目玉機能は、いわゆる遅延ロードなどと呼ばれるダイナミックインポートの機能を実現する「import()」が実装されたことだ。 V8 Release 6.3では、JavaScriptの実行速度の高速化やメモリフットプリントをより小さくするなどの改良が行われていますが、もっとも注目すべきなのはダイナミックインポート（Dynamic Import）の機能を持つ「import()」が実装されたことでしょう。 動的なモジュールのインポート機能「import()」 JavaScriptのアプリケーションでは、起動時にすべてのプログラムをメモリにロードすると起動に時間がかかる、あるいはメモリを圧迫するなどの理由から、最初からすべてのプログラムをロードするのではなく、ある機能が必要になった時点でその機
動的コンテンツを画像化できるJSライブラリ "html2canvas" を使おう - KAYAC Engineers' Blog
こんにちは、HTMLファイ部新卒の石崎です。 今回は、Webページを画像化できるJavaScriptライブラリ、html2canvas について紹介します。 html2canvasを上手に活用することで、Webサイト側で表示ページのキャプチャを用意して処理したり、ユーザに提供したり出来るため、作れるWebサービスの幅がきっと広がります。 スクリーンショットを撮る html2canvasを使うとWebページのキャプチャを作れますが、そもそもスクリーンショットを得る方法は他にいくつもあります。 Webページの見えている部分のキャプチャをユーザが撮る Mac command + shift + 4 + space Windows Alt + PrintScreen このコマンドで、Webページのウィンドウに表示されている部分のキャプチャを撮ることができます。 スマートフォンであれば、端末の電源ボ
Three.jsでボーンアニメーションをする！ - KAYAC Engineers' Blog
イントロダクション 初めまして！ 面白法人カヤックでフロントエンドエンジニアをやっております、ごんと申します。 今回はタイトルの通り、Three.js の記事を書かせていただきました。 先月、JRA（日本中央競馬会）の年末のビッグレース・有馬記念のプロモーションとして、シン・アリマというキャンペーンが行われ、弊社では、そのWebサイト制作などをお手伝いさせていただきました。 このキャンペーンは、有馬記念とシン・ゴジラのコラボレーション企画で、スペシャルWebサイトでは、競走馬の名馬アリマとゴジラが、市街地や中山競馬場でデッドヒートを繰り広げるという、概ね荒唐無稽なゲームを遊ぶことができました。 残念ながらすでに、サイトの公開期間が終了してしまい、現在はゴジラや名馬アリマの雄姿を見ることはできないので、スクリーンショットを貼ります。 シン・アリマでは、WebGL を利用し、モバイルブラウザ上
Node.js — Run JavaScript Everywhere
Run JavaScript EverywhereNode.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts. Download Node.js (LTS)Download Node.js (LTS)Downloads Node.js v22.12.01 with long-term support. Node.js can also be installed via package managers.Want new features sooner? Get Node.js v23.5.01 instead. // server.mjs
javascriptでsleep的に処理をwaitさせる方法(コピペでOK) | Hirooooo’s Labo
javascriptってsleepってないの？setTimeoutってよくわかんないしどう書けばいいの？なんでもいいからjavascriptでsleepしたいんだー！ javascriptで開発していると、処理の途中でsleep(スリープ)してwait(待機)させたい時があると思います。 JS以外の言語(RubyとかPHPとか)だと、Sleep関数なるものがよく用意されていて みたいな書き方で、指定した秒数だけ遅延させることが出来るんですよね。 でもjavascriptにはそんな便利な関数がありません。 なので、javascriptでも簡単にsleep的なwait処理の書き方をお知らせします。 実際に開発でも推奨できるやり方と、デバッグの時なんかで簡易的にsleepさせる方法と2パターン紹介します。 ケースに応じて好きな方のコードをコピペして使ってもらえば、簡単にsleep処理が実装できる
Hondatoto: Bandar Lotto Togel Lengkap Sediakan Toto Macau 4D
Biar kalian tidak salah dalam memilih situs lotre online resmi untuk memainkan toto macau 4d, togel sydney dan hongkong lotto, pilihlah yang platform terbaik seperti Hondatoto. Bandar togel lengkap terpercaya dari server idn ini memiliki pasaran lotto paling komplit dan permainan judi online seperti casino dan slot terlengkap. Anda tidak akan kecewa berjudi lotto togel disini, karena hadiah yang d
JavaScriptでの「空」の値についてのおさらい - Qiita
久々のおさらいシリーズ。 JavaScriptにはオブジェクトや配列などの引数に与えた変数（値）が「空」かどうかを判定する関数がない。つまり、PHPで云うところの empty() や、Railsで云うところの blank? といったビルトインメソッドがないのだ。 ある変数について値が空かどうかという条件式は結構多用するので、ないならば作ってしまおう、ということでPHPの empty() 的な関数を自作してみた（実際のソースは後述）。その際、JavaScriptでの様々な「型」における「空」の判定について調査して、色々と気づいたことも多かったので、この記事にまとめてみた次第。 JavaScriptにおける「型」別の「空」について まず、JavaScriptにおいて変数が「空」であるという定義にはブレがある、というか一意な解釈がないという方が正しいのかもしれない。それが「空」を判定するようなビ
1か月かけてJavaScriptで13KBのゲームを作るゲームジャム「js13kGames」がもたらした知見とは
ゲームジャム（Game Jam）にはさまざまな形があるが，その多くは24〜48時間という短時間でゲームをゼロから完成させることを目指す。だがその一方で，1か月という余裕のあるスケジュールでゲームの完成を目指すゲームジャムも存在する――ただしコードが合計で13KBを超えてはならないという，別の縛りがそこにある。はたして，この特殊なゲームジャムによって，参加者はどのような知見が得られるのだろうか？ Game Industry Conferenceでの講演の模様をお届けしたい。 短時間（24〜48時間）でゲームを作る「ゲームジャム」というイベントは，全世界で一斉に開催するグローバルゲームジャムを筆頭に，さまざまな団体（あるいは企業内）で行われている。 そして，これまで多くの場合，「ゲームジャムがもたらすメリット」について語られてきたが，その一方で「ゲームジャムが持つ問題点」も，少しずつ開発者の間
JavaScript でのローカル ファイルの読み込み - HTML5 Rocks
Selecting and interacting with files on the user's local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, when sharing photos or submitting tax documents. It also allows sites to read and manipulate them without ever having to transfer the data across the network. This page walks through how to use JavaScript to
これさえ見れば脱・JavaScript初心者！海外のYouTube動画を一挙大公開 - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、基本的なJavaScriptプログラミングが出来るようになった人向けに、さらなるステップアップを目指せる「YouTubeチャンネル」を厳選してまとめてみました！ 海外のプログラミング系YouTube動画は、有料でもおかしくない「質」の高さと豊富なコンテンツ量に魅力があり、確実にレベルアップが期待できるのでぜひ参考にしてみてください。 ■JavaScriptの勘所を勉強できるYouTubeチャンネル！ 【 Fun Fun Function 】 プログラミング動画とは思えない超ハイテンションなノリで、JavaScriptを学ぶうえで欠かせない勘所を分かりやすく教えてくれるのがコチラのチャンネル！ 「Spotify」の開発にも携わっていたというプログラマーの彼は、得意のJavaScript言語を分かりやすく伝えることに情熱を注いでおり、それは
【JavaScript】ドラッグ可能な横スクロールを実現するkinetic.js【プラグイン】 « JavaScript « 技術ブログ « 株式会社プロネット | WEBシステム開発20年以上の実績
こんばんは。 今日はjQueryのプラグインの紹介になります。 ドラッグ可能な横スクロール画面を作る際便利です。 GitHub 環境 chrome 47.0.2526.111 IE 8,9,10,11 FireFox 43.04 で動作確認済みです。 デモ 外部サイトです。 デモ 使い方 まずは、全画面横スクロールにしたいので横幅が大きいブロック要素を作りましょう HTML <div id="scroller"> <div id="inner"> <!-- content --> </div> </div> CSS body,html { height:100%; min-height:100%; } #scroller { width:100%; min-height:100%; overflow: hidden; } #inner { width:5000px; } こんな感じで。 あ
cocos2d-html5エンジンが凄い件 - tsuge development page
cocos2dっていうiPhoneでは有名なゲームエンジンがあるんだけど、それのHTML5版でcocos2d-html5ってのがある。 http://www.cocos2d-x.org/projects/cocos2d-x/wiki/Cocos2d-html5 これ、ちょっとまともに調べてみたけどかなり凄い。 凄いんだけどいまいちZyngaの日本での頑張りが足らないのか記事が少ないので、ちょっと紹介する。 ダウンロードとか とりあえず自分で触ってみるわって人は、上のリンクからCocos2d-html5-v何がしの最新版リンクをクリックしてダウンロードすればいい。 この記事時点ではCocos2d-html5-v2.1.4が最新。 サンプルゲームはpixi.js辺りに比べるといまいちだけど、個別の機能を確認するのはcocos2d-html5のテストプログラムが使える。 http://www.c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Node.js + Socket.IO + jQuery で最小構成チャット - Qiita
Swiper - Most Modern Mobile Touch Slider
https://web-geek.site/post-333/
jsdo.it
Loading...
Electron+Node.js+jQueryで最小構成チャット - Qiita
