見るだけでワクワクする、そんな素晴らしいアイデアが満載のアニメーションやスクロールを使った実装テクニックをCodePenから紹介します。
新鮮なアイデアが満載！アニメーションやスクロールを使った実装テクニックのまとめ
見るだけでワクワクする、そんな素晴らしいアイデアが満載のアニメーションやスクロールを使った実装テクニックをCodePenから紹介します。
The Mental Model That Finally Helped Me Understand ReactJS
TL;DR I struggled for a long time trying to understand React. This is what I wish someone had told me. What is React?How does React compare to Angular, Ember, Backbone, et al? How do you handle data? How do you contact the server? What the heck is JSX? What is a "component"? Stop. Stop it right now. React is MAINLY THE VIEW LAYER. React is mentioned in the same breath as other Javascript framework
誰でもAndroid 5.0のMaterial DesginをWebに持ち込めるPolymer
誰でもAndroid 5.0のMaterial DesginをWebに持ち込めるPolymer：HTML5アプリ作ろうぜ！（13）（1/4 ページ） Material DesginでWeb ComponentsでオープンソースでレスポンシブなJavaScriptフレームワーク「Polymer」をWeb上で活用するためのチュートリアル記事です。Bootstrapライクなレイアウトを実現するサンプルを交えてインストール方法や使い方を紹介します。
JSONを返却するAPIを作成した際、HTMLを埋め込みたい時のエンコードについて - Webエンジニアの備忘録
PHPでAPIを用意してAjaxで呼び出し、divタグのinnerHTMLにそのまま埋め込みたいというのはよくある話。 APIにHTML自体を生成させて吐き出させるということをやると、中途半端にHTMLタグが再生されてグズグズのページが見えてしまうというのもよくある話。 そこで、HTMLなんだけどJSONでラップしてあげて、Ajax側ではデコードと構造チェックで再生判断をしてあげましょうという結果に至りました。 対処案1 PHP側エンコード → htmlspecialchars() Javascript側デコード → 自前で実装 ぐぐったら、Javascript用に置換パターンを載せてくれているサイトがありました。 これはシンプルそうです。 http://phpspot.org/blog/archives/2007/11/javascript_html.html API側(PHP) $ou
話題かもしれないReactを使って簡単なアプリケーションを作ってみた。 - Qiita
数年前からjavascriptのフレームワークが数多く出てきたけど、その中でも最近話題かもしれないreactについて勉強してみた。 Facebook製で、Facebook、Instagram、GitHub (Atom) という大御所たちに使われたりしている。 作ったアプリケーション Qiitaのタグを取得してタグごとに記事一覧を表示するもの。 トップは新着記事一覧を表示。 デモ トレンド Googleのトレンドで見てみるとじわじわと人気が出てきているのがわかる。 backboneはいわずもがな、angularも直近だけ見ると落ち込んでいるように見えるが、reactはじわじわと伸びている。 https://www.google.co.jp/trends/explore#q=react.js%2C%20backbone.js%2C%20angular.js%2C%20vue.js&cmpt=q
鳶嶋工房 / AppleScript / JavaScript for Automation (JXA)
Mac OS Xの自働化用の言語としてAppleScriptがありますが、Mac OS X10.10(Yosemite)から「OS標準で」JavaScriptでも制御ができるようになりました。 これを、JavaScript for Automation (以後 JXA)と言います。 詳細はJavaScript for Automation Release Notesを見てもらうとして、ここでは、ごく基本的な情報をまとめます。 とりあえずJavaScript動かしてみる JXAの記述には"アプリケーション/ユーティリティ"フォルダのスクリプトエディタを使う。 スクリプトエディタ スクリプトエディタの[環境設定]-[一般]で、[デフォルトの言語]をJavaScript(1.0)に。 Mathクラス(注1)を使ってみる。上記のように書いて、メニューの[スクリプト]-[実行]か、[▶]︎ボタンをク
CoffeeScript入門 - プログラムdeタマゴ
この記事が対応するCoffeeScriptのバージョンは1.7です。 基本的には本家サイトCoffeeScriptの内容と同じです。わかりやすいように色々と私が勝手に再構築、追加してはありますが。（日本語訳と紹介されるとちょっと心外ですな(´Д⊂ヽ ） なお、JavaScriptの基礎知識を前提とし、JavaScriptから引き継ぎ重複する内容は解説されません。 あ。後、この記事の文章、CoffeeScriptコード、JavaScriptコードに関する著作権は放棄しています。パブリックドメインと言うそうです。文章、コード自由に引用改変公開しても問題ありません。 最終更新日：2014/1/29 追加: 文字列 演算子など はじめに：CoffeeScriptのメリットとデメリット 一般に言われているCoffeeScriptを使うメリットデメリットを載せておきます。 ま、こんな論争気にせず、使っ
RxJSでリスト要素絞り込み操作を簡単に実装する - タオルケット体操
Reactive-Extensions/RxJS · GitHub というものがあります。 詳しいところはGitHubのREADMEとかを読んでもらうとして、RxJSはReactiveExtensionという、'.NET上でLINQ風にReactiveProgrammingを行えるようにする' ライブラリのJavaScript版実装です。 僕の記憶だと、2年くらい前はメソッド名がC#風のままだったりしててちょっとアレな感じだったのですけれども、この前見てみたらSelect -> map というように、より一般的な命名に変更になってました。 こんなことを説明しても、知らん人にはなんのこっちゃって感じだとおもうので、ざっと説明しますと、非同期なイベントストリームをメソッドチェインで、あたかも同期的な見た目で記述出来るようにしてくれるライブラリです。多分。僕もまださわりくらいしかわかってません。
仮想DOMテンプレーティング概念
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Swarm.js+React — real-time, offline-ready Holy Grail web apps – Swarm.js
The state of sync in web apps is that sync sucks. GTalk loses messages inbetween desktop and mobile. Apple iCloud can’t merge back document replicas if those were edited concurrently. Google Docs needs some ungodly chemistry to resync after working offline. These are SNAFUs I personally experienced and I have also heard other folks complaining about Evernote, Skype, Dropbox, you name it. Skipping
Javascriptを使ってiOSのWebViewからネイティブにデータを返そう - 株式会社CFlatの明後日スタイルのブログ
Swift使っていますか？弊社ではまだほとんど使っていません。今日もObjective-Cの話題です。 iOSアプリを作るとき、すでにWeb版で実装されている機能をiOSでもそのまま使いたいがためにUIWebViewを使うということがあると思います（あると言ったらある）。そしてアプリケーションが複雑になってくるとそのUIWebViewとデータのやりとりをしたくなってくることがあるわけです。iOSからWebViewにデータを渡すのは比較的簡単で、シンプルな場合はURLにパラメータをつけてGETリクエストを投げてあげれば目的は達成できます。 逆にWebViewからデータをiOS側に戻すときが少々ややこしくなります。WebViewからiOSにPUSH的にデータを渡すことはほぼできないと思われるので、このケースではiOS側からデータを取りにいかなければいけません。 幸い、WebViewには読み込み
Overview
Background In Square’s new engineer onboarding program, which we call NEO, we offer short courses and lectures on a variety of tools that we use at Square. We started to collect notes from our course on D3.js and found the notes were well-suited for a tutorial — and worth sharing. Introduction The tutorial provides a quick intro to d3.js, a Javascript library for creating data visualizations in th
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JavaScript] グローバル変数とグローバルオブジェクトを取得する方法 - Qiita![[JavaScript] グローバル変数とグローバルオブジェクトを取得する方法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/f34cfdacd4dd59f858a33e096383d4ccb47626bf/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMTYxMjglMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODE3Nzg_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9MjAwMGE5MTAzMzIyMDk0M2M3ZjQ3NjQ3OTEyM2VmNjM%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D675f62b48b0f92263d3cf310a1ce071a%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyMCVFMyU4MiVCMCVFMyU4MyVBRCVFMyU4MyVCQyVFMyU4MyU5MCVFMyU4MyVBQiVFNSVBNCU4OSVFNiU5NSVCMCVFMyU4MSVBOCVFMyU4MiVCMCVFMyU4MyVBRCVFMyU4MyVCQyVFMyU4MyU5MCVFMyU4MyVBQiVFMyU4MiVBQSVFMyU4MyU5NiVFMyU4MiVCOCVFMyU4MiVBNyVFMyU4MiVBRiVFMyU4MyU4OCVFMyU4MiU5MiVFNSU4RiU5NiVFNSVCRSU5NyVFMyU4MSU5OSVFMyU4MiU4QiVFNiU5NiVCOSVFNiVCMyU5NSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTliMWE5YTQxZTkwZjU2YzAxYWNmZmJkM2IxNzY2ZTY3%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBMaWdodFNwZWVkQyZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPWFjN2FmMTI0YjNkN2I4NWFjZjAxZjNmODNkMDJiZTE1%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Ddc2f045bd81491180afa2a53e7f57b12)
GitHub - enaqx/awesome-react: A collection of awesome things regarding React ecosystem
http://jhusain.github.io/learnrx/
GitHub - kriasoft/react-starter-kit: The web's most popular Jamstack front-end template (boilerplate) for building web applications with React
GitHub - Lapple/ErrorBoard: Track and fix JavaScript errors fired by your visitor's browsers.
GitHub - mattdesl/module-best-practices: :books: some best practices for JS modules
GitHub - NeilFraser/JS-Interpreter: A sandboxed JavaScript interpreter in JavaScript.
JavaScriptはオブジェクトについて参照渡しだなんて、信じない - Qiita
