[B! javascript] frascaのブックマーク

現代の JavaScript チュートリアル

私たちはこのオープンソースプロジェクトを世界中の人々に提供したいと考えています。このチュートリアルの内容をあなたが知っている言語に翻訳するのを手伝ってください。

frasca 2018/12/21

javascript

リンク

独学の人には特にオススメ！JavaScriptの基礎が一通り、14分ちょいで学べるチュートリアル

コンソールまずは、JavaScriptのコンソールを使用して、「Hello World!」を表示します。コンソールの表示方法 Edge F12 Chrome command+option+J (win: ctrl+shift+J) Firefox command+option+K (win: ctrl+shift+K) Safari command+option+C Safariの場合はショートカットが他のアプリ(Alfred)に使用されている場合があるので、環境設定から「メニューバーに開発メニューを表示」をチェックすると、メニューバーからコンソールを表示できます。

frasca 2018/03/29

javascript

リンク

まじな話をすると、N予備校のプログラミング入門コースやるのがオススメ。 ..

まじな話をすると、N予備校のプログラミング入門コースやるのがオススメ。 https://www.nnn.ed.nico 一日8時間勉強時間があるなら、だいたい一ヶ月で終わる内容。月額1000円だけどしっかり勉強すれば一ヶ月の無料期間中に終わると思う。もともとN高等学校のノンプログラマーの生徒をWebエンジニアとして就職させるために作られたカリキュラムで講師曰く去年はこれで二人エンジニア就職を決めたらしい。内容も相当親切に説明していて、プログラミングで何か作るだけじゃなくて、就職に必要な環境構築やセキュリティまでみっちりやる。 http://qiita.com/sifue/it ems/7e7c7867b64ce9742aee#%E3%82%B3%E3%83%B3%E3%82%BB%E3%83%97%E3%83%88%E3%82%92%E3%82%82%E3%81%A8%E3%81%AB

frasca 2017/09/11

javascript

リンク

Wrap any jQuery plugin with Angular 2 component — case study. | HackerNoon

Wrap any jQuery plugin with Angular 2 component — case study. by@MichalMajewski

frasca 2017/07/20

javascript

リンク

JavaScript ベスト・オブ・ザ・イヤー 2016

JavaScriptコミュニティは日々進化しています。今日のトレンドも数か月後には陳腐化しているなんてことは日常茶飯事です。 2016年は終わってしまいましたが、何か重要なことを見逃したのではないかと感じているそこのあなた！ 2016年の主要なトレンドをおさらいして、そんな不安を払拭しちゃいましょう。過去12か月に獲得された Github のスター数を比較して、2016年に支持を集めたプロジェクトを数値に基づいて評価していきます。 2015年はなんといっても React でした。そして、Flux 実装を席巻したのは Redux でしたね。 2016年、JavaScript の人気プロジェクトはどのようなものだったのでしょうか？

frasca 2017/01/28

javascript

リンク

クロージャってどんなときに使うの？～利用場面を３つ挙げてみる - Qiita

結論を先にまとめると、以下の３つです。 1. グローバル変数の宣言をなるべく減らしたい場合 2. ユーザが引数を与えてカスタマイズ可能な自由度の高い「関数」を生成したい場合 3. 前回、呼び出されて実行されたときの演算結果（値）を内部で保存して、次に呼び出されたときに、前回の結果（値）に対して、さらに同じ処理（演算）を行う関数を生成したい場合以下、「クロージャ」の定義から、頭の整理まで、分かりやすい参考ウェブサイトへのリンクを張りつつ、見ていきます。【定義】クロージャ takeharuさん Qiita記事（2013/07/22）「JavaScriptでクロージャ入門」「自分を囲むスコープにある変数を参照できる関数」 Wikipedia 「クロージャ」引数以外の変数を実行時の環境ではなく、自身が定義された環境（静的スコープ）において解決することを特徴とする。関数とそれを評価する環

frasca 2016/01/11

javascript

リンク

cow2design.com

This domain may be for sale!

frasca 2015/04/22

リンク

2次元物理計算エンジンをブラウザで実現する「Matter.js」

面白いアニメーションを作るために物理演算エンジンを使いこなせればとても便利ですが、自力で物理演算に取り組むには高度な知識と技術が必要となります。そんな扱いの難しい物理演算を手軽に導入できるJavaScriptのAPIが「Matter.js」です。 Matter.js - a 2D rigid body JavaScript physics engine http://brm.io/matter-js/ Matter.jsでどんなことができるのかはデモを見れば一発で分かります。上記サイトの「Demo」をクリック。すると、「Matter.js Physics Engine Demo」という物理エンジンのデモページが開くので、プルダウンメニューにあるデフォルトパラメータを指定して、「Reset」をクリックすればOK。2Dのアニメーションが再生され、Matter.jsでどんなことができるのかが直

frasca 2015/01/23

リンク

JavaScriptで位置情報を取得する方法(Geolocation API)

ユーザーの現在位置を取得現在位置を取得するサンプルデモを見るには、下記ページにアクセスして下さい。このブログがあなたの位置情報を取得してもいいか、という確認が表示されるので、許可すると、あなたの現在位置(緯度、経度の座標)の取得を開始、表示します。サンプルデモを見る現在位置を取得するには、ユーザーのブラウザが、Geolocation APIという機能に対応している必要があります。Geolocation APIとは、簡単に言うと、端末の位置情報をやり取りするシステムです。GPSに対応しているスマホだけでなく、現在位置を設定できるデスクトップPCでも利用可能です。判別方法は簡単です。Geolocation APIに対応している端末の場合、navigator.geolocationというオブジェクトが最初から存在するので、これの有無で判別すればいいだけです。 JavaScript // G

frasca 2014/11/23

javascript

リンク

ブラウザー上でサクッとコードの動作テストができるWebサイトいろいろ

2017年2月17日便利ツール作業中に、ふと動作確認がしたい…でも新規ファイルを作るのすらめんどくさい…なんてこと、ありませんか？（え？ない？w）そんな時はファイル不要！環境設定不要なオンラインテストサイトを使っちゃいましょう！動作確認用オンラインツールはいくつかありますが、実際に使っているもの、ブックマーク登録しているものをいくつか紹介します！ユーザー登録してコードを保存できるサイトもあるので、備忘録として使ってみてもよさそうです！ ↑私が10年以上利用している会計ソフト！ CodePen Webクリエイターボックスでも何度となく紹介してきたCodePen。フロントエンドの動作確認に最適です。Emmetの利用もOK！ライブプレビューができるので、いちいち保存したり実行ボタンをクリックして動作確認する必要はありません。作成したコードをブログへ埋め込んだり、シェアするのも簡単！ HTML

frasca 2014/11/12

javascript

リンク

「JavaScriptエンジニア養成読本」でCoffeeScriptについて書いた - mizchi's blog

kyo_agoさんに誘われて、CoffeeScriptについて1章書きました。 JavaScript エンジニア養成読本［Webアプリ開発の定番構成Backbone.js＋CoffeeScript＋Gruntを1冊で習得！］：書籍案内｜技術評論社他の章の紹介は他の著者さんに任せるとして、自分の書いた章について少し紹介。 JavaScript エンジニア養成読本を書きました - watilde's blog 実践的CoffeeScript CoffeeScriptの言語仕様について、初心者でも誤解しないよう、言語マニアでも新しく学びがあるように書いたつもりです。とくにオブジェクトや配列のパターンマッチ、CoffeeScript特有のオブジェクト指向のイディオム、大規模開発時のディレクトリ構成について実例を交えて書きました。たとえばこんなコード module.exports = class

frasca 2014/10/08

javascript

リンク

[Javascript] 非同期設定でレスポンス速度を改善させる | mkoba のお部屋： DREAMHIVE Staff Blog

この記事は2年以上前の投稿になります。記載された情報が古くなっている可能性がございますので十分ご注意ください。ウェブサイトのレスポンス速度を改善させる手法の1つとして、読み込む JavaScript ファイルの非同期化というものがあります。通常、外部の JavaScript ファイルを呼び出す場合、特に何も指定しなければ同期設定で読み込まれます。これを非同期にすることで待ち時間を減らしてレスポンス速度を改善させることができます。先日ご紹介した「GTmetrix」や「PageSpeed Insights」でも非同期を推奨していますね。設定の仕方も簡単です。 <script async src="//xxxxxxxxxxxxxxx.js"></script> や、こんな感じで設定します。 (function(){ var elm = document.createElement('

frasca 2014/09/05

javascript

リンク

JavaScriptで様々な音楽を作り出せるDAWサービス「wavepot」 | ライフハッカー・ジャパン

「wavepot」はJavaScriptで様々な音楽を作り出せるDAWサービスです。JavaScriptのコードで波形を作り、それに沿った音楽を鳴らすことができます。リアルタイムに音楽を編集することもでき非常に楽しいサイトです。以下に使ってみた様子を載せておきます。まずwavepotへアクセスしましょう。JavaScriptのコードがずらーっと書かれています。右側にメニューがあり色んな音色のサンプルが表示されています。左上の再生ボタンをクリックすると、JavaScriptのコードにしたがって音楽が鳴ります。その音の様子は右上にグラフで表示されています。ポップな音から穏やかなメロディまで様々な音色をJavaScriptで表現できるのは楽しいですね。サンプルのコードを編集するとその場で音も変わります。JavaScriptが得意な方もそうでない方も、いろいろコードに手を加えてみると楽しい音楽

frasca 2014/09/01

リンク

JavaScript で流体シミュレーションを試してみるテスト - CX's Hatena Blog

最近、Google から物理エンジンに関して面白そうなライブラリが登場したようなので jsdo.it で試してみました。 Googleがオープンソースの2D物理エンジンLiquidFun 1.1をリリースこのライブラリは「Box2D」（2D の物理エンジンライブラリ）に、流体シミュレーション関連の機能を拡張したライブラリとなっているようです。（ちなみに、JavaScript 版のライブラリは、C++ 版を Emscripten でコンバージョンしたものとなっているようです。） Wave Machine Particles Soup Soup Stirrer Impulse Rigid Particles Elastic Particles Surface Tension Theo Jansen サンプルを動かしてみるだけでも、結構楽しいので、興味がある方は試してみては如何でしょうか。