最近のWebサイトで見かける気持ちいいインタラクションやエフェクト、面白い仕掛けのコンテンツや便利な機能を実装できるスクリプトやjQueryのプラグインを紹介します。
![[JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/0af55bc16bf3c0a6a24924c1dcaf778ffd1396ed/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015072304.png)
[JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ
最近のWebサイトで見かける気持ちいいインタラクションやエフェクト、面白い仕掛けのコンテンツや便利な機能を実装できるスクリプトやjQueryのプラグインを紹介します。
JavaScript (Electron) を使ってアプリの見栄えを整える - Qiita
Electronを使って見栄えを整えてみる ElectronはJavaScriptでデスクトップアプリケーションが作れるツールです。 前回「30分で出来る、JavaScript (Electron) でデスクトップアプリを作って配布するまで」では簡単なアプリを作って配布するところまでやりました。 あとはいつも通りの JS + HTML + CSS でガリガリ書いていけばいいのですが、まずは見た目から入ろうということで、もう少しアプリっぽい見栄えにしてみましょう。 ちなみに、Macではいろいろ動作を確認しましたが、Windowsは知りません。 大体同じように動くはずですが、もしダメだったらWindows版の記述を教えて頂けると助かります。 基本設定は browser-window APIで browser-windowはアプリのウィンドウを表示するためのAPIです。 例えば、以下は単なるin
WebGLでリアルタイム流体シミュレーション＋レンダリングを実装してみた - 穴日記
はじめに なんかWebGLが流行ってるらしいのでWebGLすることにしてみました。OpenGLはぼんやりとやったことがあったのですが、ウェッブ技術に対する疎さが深刻化しているのでモダンで先端的なテクノロジーを追及するためにもWebGLの習得は急務といえました。 WebGLはJavaScriptと呼ばれるプログラミング言語を用いるようです。僕がJavaScriptを最後に書いたのは四年くらい前にクック●●●のハッカソン？みたいなのに参加した時その場で習得してその場でアプリを作ったとき以来です。それ以来一度も書いていません。 まあJavaScriptとか意識高い大学生でも書けるわけだし適当にAPIを呼び散らかす分には何の問題もないでしょう。というわけでWebGLのサンプルコードを読みながらサンプルドリブンでJavaScriptを習得すんのがいいだろと思いました。 先に結果だけ貼っておきます。い
Babylon.js で WebGL プログラミングしたら、 Unity, MMD モデルの変換で苦労した話 - Qiita
WebGL ライブラリの Babylon.js を使って、ゲームを作ってみました。 初音ミクを使った簡単な迷路ゲームです。クリアするとミクちゃんが勝利の舞い (※) を踊ってくれます。 ※ 最後に詳述しますが、残念ながら端末によっては、ミクにアニメーションがつきません。 こちらからご覧になれます。 http://miku-miku-maze.herokuapp.com ソースはこちら。 https://github.com/kimamula/miku-miku-maze TL;DR 書いてみたらダラダラ長くなってしまったので最初にまとめを。 WebGL 用のモデルは、そのライブラリ向けに提供された素材か、チュートリアルなどを読んで自作したものを使うのがおすすめ Unity や MMD から持ってくるのは、お手軽そうに思えて茨の道 ボーンが多くなるとアニメーションできる端末が限定されることに
人工知能で“荒れない”コメント欄--「議論の場」醸成めざしメディアに無料提供
人工知能や自然言語処理を活用したサービスを提供するクーロンは7月7日、機械学習や自然言語処理、行動分析にもとづく独自の人工知能を搭載した、読者が健全な議論を交わすための“荒れない”コメントシステム「QuACS（クアックス）」をウェブメディア向けに提供開始した。人工知能を活用したコメントシステムは世界で初めてだという。 ウェブサイトに数行のJavaScriptコードを埋め込むことで、読者が記事の内容に対して意見や感想を匿名でコメントできるようになる。コメントに含まれる言葉や文章の意味を人工知能が解析し、誹謗（ひぼう）中傷や罵詈（ばり）雑言、差別用語、違法取り引き、人権侵害、出会い目的、公序良俗に反する内容である場合に、自動でフィルタリングして表示しないようにする。 「単語」ではなく、同一コメント内の前文の内容、他者のコメントへのレス（会話）の流れなど、文章や文脈を判定しているのが特徴。たとえ
シンプルでかつ最高のJavaScriptプロファイラ sjsp を作りました！ ― Webアプリケーションが複雑化する中でプロファイラに求められるものとは何か - プログラムモグモグ
あらすじ Web技術が複雑になる中で、JavaScriptのプロファイリングをとる方法とは。 プロファイリングを取るためのコードを手で書いてみましょう。 とてもシンプルで、かつ最高のJavaScriptプロファイラ sjsp を作りました。 本当にあった怖い話 上司 「とにかくJavaScriptのコードを速くしてくれ」 私 「分かりました、速くします」 (次の日) 私 「いいプロファイラがないなら作ればいいじゃない」 同じチームの人 「えっ？」 私 「最高のJavaScriptプロファイラ作ったよ」 同じチームの人 「「えっえっ？？？」」 私 「早速使ってみたらこことここが遅いって分かったよ」 同じチームの人 「「「この子は一体…」」」 JavaScriptのプロファイリングの難しさ 近年、Webブラウザーの処理速度は著しく向上し、その可用性の高さから、アプリケーションのプラットフォーム
Cloud Source Repositories documentation | Google Cloud Documentation
Effective June 17, 2024, Cloud Source Repositories isn't available to new customers. For alternative source hosting options, Secure Source Manager is a regionally deployed, single tenant, managed source code repository hosted on Google Cloud. If your organization hasn't previously used Cloud Source Repositories, you can't enable the API or use Cloud Source Repositories. New projects not connected
ECMAScript 6.0が完成、ECMAが仕様書公開。「ECMAScript 2015 Language Specification」として
ECMAScript 6.0が完成、ECMAが仕様書公開。「ECMAScript 2015 Language Specification」として 標準化団体のECMA Internationalは、いわゆるJavaScriptの最新仕様でECMAScript 6.0として策定中だったECMAScriptの仕様を「ECMA-262 6th Edition, The ECMAScript 2015 Language Specification」として承認したことを明らかにしました。 完成したECMAScript 6の仕様書は、PDFとHTMLで公開されています。 ECMAScript 6では、これまでプロトタイプベースのオブジェクト指向言語とされてきたECMAScriptにクラス機能が導入され、クラスを簡単に扱えるようになりました。また、引数の数が可変になるRest Parameters、関数
pythonで画像処理
当サイトはPython2系入門篇の管理人が運営しています。 当サイトに掲載されているコンテンツ（文書やプログラム等）を利用したことにより発生したいかなる損失・損害につきまして当サイトは一切の責任と義務を負いません。 これらの利用は自己責任でお願いします。 お問い合わせはこちらのメールフォームからお願いします。
Coding For Kids, Kids Online Coding Classes & Games | Tynker
Coding For Kids and Teens Made Easy Tynker is the fun way to learn programming and develop problem-solving & critical thinking skills. Our new bundles include up to 3 kids and all 3 Tynker Apps!
ここ数年前から2015/5までのモダンフロントエンドを総まとめしてみた
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? HTML5や、次々と台頭するJavaScriptフレームワークにみられるように、現在のフロントエンドは異常なほど動きがあります。 常にキャッチアップしていないと、いつのまにかOLDな技術を使い続けることになります。実際に今回記事にしてみて、ちょっとつらくなりました。。 しかし、フロントエンドエンジニアとしてコードを書いていて（最近は主にJavaScript）、そのおもしろさに日々驚いています。 そこで今回は、ここ数年~2015年のフロントエンド界隈で一度は流行った技術、今後の動向などをまとめました。タイトルにモダンとありますが、その辺は
JavaScript at 20
Brendan Eich Standardization "Things that are impossible just take longer." - Hixie What was it like to hack JS in 10 days? Me in 1993, before I created JavaScript in 10 days 1995, after I was done creating JS in 10 days Java was the big Web VM JavaScript was "little brother" Think back to 1995... what was on TV then? I had my big break that year... I'd go to a real library to read Computer Scienc
JavaScriptが20周年。開発者のBrendan Eich氏が過去と未来についてのスライドを公開
JavaScriptが20周年。開発者のBrendan Eich氏が過去と未来についてのスライドを公開 今月、2015年5月はJavaScriptが登場してからちょうど20年にあたります。20年前にJavaScriptを開発し、現在Mozillaに所属するBrendan Eich（ブレンダン・アイク）氏が、JavaScriptの過去を振り返り、未来について触れているスライドを公開しました。 このスライドの公開を知らせるBrendan Eich氏のツイートには「#modernweb2015」のタグが付いています。 JavaScript at 20 - http://t.co/CPXEnl5Dcp #modernweb2015 — BrendanEich (@BrendanEich) 2015, 5月 15 このタグは2015年5月15日に台湾の中央研究院人文社會科學館が開催したイベント「Mo
Node.js と io.js の統合は最終局面へ - from scratch
いくつかこの何日間でニュースが出ているので紹介します。 ちなみに、 io.js と Node.js のニュースに関してはこれまで２つ書いたので、まだ良く知らない人はそれをまずはご一読ください。 yosuke-furukawa.hatenablog.com yosuke-furukawa.hatenablog.com さて、次の展開へ、という事でいくつか話があります。 「Join the Node Foundation?」 というissueが mikeal から提案される github.com issue 本文を翻訳したものを貼っておきます。 Node Foundationのためのすべての文書が揃った。 TSC Charter (技術委員会の目的) Development Policy(開発ポリシー) Convergence Plan(移行プラン) Project Lifecyle (Wor
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
30分で出来る、JavaScript (Electron) でデスクトップアプリを作って配布するまで - Qiita
SLOBSERVER - L'actualité de Second Life
https://jp.techcrunch.com/2015/05/20/20150519meteor-raises-20m-to-build-the-one-javascript-stack-to-rule-them-all/
http://blog.rdtr.net/
Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron