Babel is a JavaScript compiler.Use next generation JavaScript, today. Babel 7.24 is released! Please read our blog post for highlights and changelog for more details!
![Babel · The compiler for writing next generation JavaScript](https://cdn-ak-scissors.b.st-hatena.com/image/square/267ff9f9a6fcf4cada3bc3f7051b4aaa5b26a544/height=288;version=1;width=512/https%3A%2F%2Fbabeljs.io%2Fimg%2FogImage.png)
Babel is a JavaScript compiler.Use next generation JavaScript, today. Babel 7.24 is released! Please read our blog post for highlights and changelog for more details!
I use codekit for writing less which it then converts to css automatically. I don't want rails to convert my less files to css, I rather codekit do it. if I precompile the assets via rake assets:precompile I get rake aborted! cannot load such file -- less How do I exclude a specific folder/file types from precompiling? (all my less files are in app/assets/stylesheets/less and the css (which I do w
This guide covers the asset pipeline. After reading this guide, you will know: What the asset pipeline is and what it does. How to properly organize your application assets. The benefits of the asset pipeline. How to add a pre-processor to the pipeline. How to package assets with a gem. 1 What is the Asset Pipeline?The asset pipeline provides a framework to handle the delivery of JavaScript and CS
Sass 3.3でソースマップの出力に対応した事は知っていましたが、普段使っているGrunt(grunt-contrib-sassのVer.0.3.0)で上手く出力出来なかったので見送っていました。 その後、新しいプロジェクト始動時にふとGruntのパッケージを更新していると、grunt-contrib-sass 0.4.0でソースマップ出力に対応したとの情報を得たので試してみました。 ソースマップとは SassやCoffeeScriptで記述していても公開/動作確認する時はコンパイルしたファイルを読み込むため、 デベロッパーツールでデバッグをするとコンパイル後のCSSやJSでの記述位置しか把握出来ませんでした。 そこでコンパイル後であっても、オリジナルソース(SassやCoffeeScript)の記述位置を表示する仕組みとしてソースマップが登場しました。 コンパイルするのと同時に元ファイ
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
はじめに 前回は、多くのユーザーが普段から扱っているであろうWindows環境を「Amazon EC2」のインスタンス上で構築する方法や、構築したWindows環境で日本語を利用できるようにする方法を紹介しました。 今回は、Amazon Web Servicesが展開するCDN(Contents Delivery Network)サービス「Amazon CloudFront」を使った、高速ネットワークによるコンテンツ配信の実現方法を紹介していきます。 今までの記事 第1回 「AWSの概要と登録手順」 第2回 「Amazon S3を使いこなしてみよう」 第3回 「Amazon EC2を動かしてみよう」 第4回 「Amazon EC2を実践的に使ってみよう」 第5回 「Amazon EBSを活用してデータをバックアップしてみよう」 第5回 付録 「クラウドとサーバーを同期できる便利ツール「S3
皆さんこんにちは、yokatsukiです。 静的コンテンツの配信性能を高めるために、S3とCloudFrontを組み合わせて、CloudFrontからコンテンツを配信する形態は、Cache Distributionパターンとしてよく知られています。しかし、設定がよく理解できていないために、CroudFront以外に、S3コンテンツへ直接アクセスできるようになっていませんか?しかし具体的な設定方法をネットで調べても、(2014年9月初めの時点では)署名付きURL等のやや複雑な説明ばかりで、「配信できているからいいや」と設定をおざなりにしている方、多いと思います。 今回は、S3バケット上のコンテンツを、特に署名や期限等の複雑な設定を設けず、シンプルにCloudFrontのみからアクセスできるように設定する方法を紹介します。上記Cache Distributionパターンのシンプルな一例と考えて
同一生成元ポリシー(どういつせいせいげんポリシー、英: Same-Origin Policy)とは、1995年Netscape社によってJavaScriptと同時にウェブブラウザに導入されたセキュリティ上の考え方で、コンテンツがブラウザに来る源泉(origin)に基づいて整理して、外部からの干渉を防ごうとする。 同一源泉ポリシー、同一オリジンポリシーとも表記される。 厳密には異なるがクロスドメイン、クロスサイトの制限と表記されることもある。 Origin判定ルール[編集] Originはオリジン、源泉とも表記され、以下の3つを一組としてすべて一致するとき同一とみなす。 表題に反して、コンテンツは動的に生成されるとは限らない[1]。 ホスト スキーム ポート 例えば、次のものは同一のところから来たと扱われる。 http://example.com/ http://example.com:80
皆さん、Webフォント使ってますか? Qiitaでも有名なアイコンフォントが使われてますね。FontAwesomeです。 今のところStableだとかBetaのChromeでQiitaを見ても何の問題も無いでしょう。(今回の辺りでは。) しかし、うちのChrome(38)ではこのようになってしまいます。 見事に豆腐です。 Why? ここでDevツールを開いてエラーログを見てみましょう。 そう。QiitaのFontAwesomeはcdn.qiita.comと言うCDNを経由して配信されていたんですね。でもChrome38以降のBlinkではフォントに対してもOriginチェックがあるらしい… ちなみに このことはChrome37までで既に予告されてたんですね。(手元にあったのがChromium37だったのでそれ以前のは確認できてませんが。) まとめ CDNとか経由してフォント配信する際はクロ
特に問題となるのがS3の場合でした。EC2インスタンス上のWebアプリケーションであればOriginヘッダの有無に関係なくAccess-Control-Allow-Originヘッダを返すこともできますが、S3のCORS機能は仕様通りの実装であるためOriginヘッダが存在しない場合はAccess-Control-Allow-Originヘッダを返しません。具体的には、以下の様な挙動になります。まずはOriginヘッダをつけない(同一ドメイン)の場合です。curlコマンドでStatic Website Hostingを有効にしたS3バケットhoge.example.com.s3-website-ap-1.amazonaws.comに対してアクセスします。 $ curl -I hoge.example.com.s3-website-ap-1.amazonaws.com/hoge HTTP/1
独立して読んでいただける様書いていますが、S3+CloudFrontでWebフォントを利用する(FireFox対応)の続編的位置づけです。 heroku で運用していると CSS、JS、画像、WebフォントなどをCDNで配信したくなるので、そのやり方をまとめました。 実は heroku の仕様変更で構成を変えざるを得なかったためにやったんですが、結果的にいい形にまとまったと思います。 大いに参考にしたサイトがこちら。 CloudFront CDN with Rails on Heroku こちらを読めばこの記事は読まなくてもいいかも。 Asset Sync をやめる。 Asset Sync は、heroku へのデプロイ時に実行される rake assets:precompile の際に、S3 などの外部ストレージに assets の中身をコピーしてくれる gem です。 元から使っていな
This guide covers the asset pipeline. After reading this guide, you will know: What the asset pipeline is and what it does. How to properly organize your application assets. The benefits of the asset pipeline. How to add a pre-processor to the pipeline. How to package assets with a gem. 1 What is the Asset Pipeline?The asset pipeline provides a framework to handle the delivery of JavaScript and CS
1 アセットパイプラインについて アセットパイプライン(asset pipeline)は、JavaScriptとCSSアセットの配信を処理するためのフレームワークを提供します。これは、HTTP/2のような技術や、アセットの連結や最小化といった技術を活用することによって行われます。アプリケーションは、最終的に他のgemのアセットと自動的に結合できるようになります。 アセットパイプラインは importmap-rails gem、sprockets gem、sprockets-rails gem によって実装されており、デフォルトで有効になっています。新しいアプリケーションを作成する際に、以下のように--skip-asset-pipelineオプションを渡すとアセットパイプラインを無効にできます。 本ガイドでは、CSSの処理にsprocketsを、JavaScriptの処理にimportmap
デイノケイルス (Deinocheirus) は、中生代白亜紀末期(約7,000万年前)に生存した恐竜。1965年にモンゴル・ゴビ砂漠で全長2.4メートルに達する巨大な両腕の骨格化石のみが発見されて1970年に記載されたが、長らく詳しい事はわかっていなかった。しかし、2013年の古脊椎動物学会で、2006年と2009年に胴体部分が発見されたと発表された[1]。 属名は、ギリシャ語で「恐ろしい手」を意味する[2][3]。ギリシャ語のケイロス(χειρος)は手を意味する単語である。種小名はギリシャ語で「尋常ではない」を意味する。 分類[編集] 腕部。ロンドン自然史博物館蔵。 模式種はデイノケイルス・ミリフィクス。 デイノケイルスは紆余曲折あったものの、近年では基盤的なオルニトミモサウルス類(コエルロサウルス類の一群)[1]と考えられている。 なお本種の発見は、ティラノサウルスと並んで獣脚亜目
暗黒物質に囲まれた地球の想像図 暗黒物質(あんこくぶっしつ、英: dark matter、ダークマター)は天文学的現象を説明するために考えだされた仮説上の物質。 “質量を持つ”、“物質とはほとんど相互作用せず、光学的に直接観測できない”、“銀河系内に遍く存在する”といった性質が想定される。間接的に存在を示唆する観測事実はあるものの、直接的な観測例は無く、ダークマターの正体も不明である。 概要[編集] アンリ・ポアンカレは1902年、著書『科学と方法』で銀河に気体分子運動論を適用した結果が光る星のみを望遠鏡で観測した結果とおおよそ合致していることから、「暗黒なる物質はない、少なくとも光る物質程にはない」[1]と記した。「暗黒物質 (英: dark matter)」という語は、太陽系近傍の恒星の運動を観測することで銀河系の力学構造について研究した1922年のヤコブス・カプタインの論文[2]、そ
寒くなったら鼻の調子が最悪になりました,@h3_potetoです. 息をするのがつらい. 今日はRailsのasset関連の話をちょとします. RailsにはAsset Pipelineという機能があります. これが非常に便利な話は以前したことがあったかと思います. このassets,実際にproduction環境下で動かすためにはprecompileをするのが一般的です. たとえば, config/environments/production.rb config.assets.compile = false config.assets.precompile += %w(*.js *.less *.css *.erb) というような設定をしておくことで,production環境で動くrailsがassets以下のフォルダから動的にコンパイルするのを防ぎ,予めprecompileしておいた
1ヶ月以上前にHackerNewsで話題になっていたRealmというmobile用のDBを使ってみた。 使い方も含めて書いておく。 ※今回はobjective-cで使ってますが、swiftでも勿論使えます! 何故作ったか? 紹介ページの要約を見てもらえれば詳しくは分かるが、mobileのDBって2000年にでたSQLite以降全然刷新されないよねっていう内容が書いてある。 確かに、mobileのあり方は昨今大幅に変わって来ているのにDB周りは出てないみたい。 自分はwebのアプリケーションを普段は作ってるので、こっち側はResis等のNOSQLが注目されていたり技術的な流れは結構起きてるのに、、、 確かにソシャゲー作ってる人がSQLiteは遅くてtextデータで保管して・・・みたいな話しを聞いた事がある。 まぁなんせ、時代の流れに適したDBを作りたいとの事ね。 何が凄いの? Yコン出身者が
ケント・ベック ケント・ベック (Kent Beck) はエクストリーム・プログラミング (XP) の考案者でアジャイルマニフェスト (Agile Manifesto) の起草者の一人。彼はデザインパターン、テスト駆動開発、Smalltalkに関する本を書いた。ベックはウォード・カニンガムと一緒にCRCカードを普及させた。SmalltalkのユニットテストのフレームワークであるSUnitを開発した。さらにエーリヒ・ガンマと共同でJavaのユニットテストのフレームワークJUnitを開発した。ケント・ベックはオレゴン大学のコンピュータサイエンスの修士号を取得している。 著作[編集] 著書[編集] Smalltalk Best Practice Patterns. Prentice Hall, 1996. ISBN 0-13-476904-X. 『ケント・ベックのSmalltalkベストプラクテ
共感の一例。友人がつらい表情をしているため自分もつらい感情を持ち相手をハグしている 共感(きょうかん)、エンパシー(empathy)は、他者と喜怒哀楽の感情を共有することを指す。もしくはその感情のこと。例えば友人がつらい表情をしている時、相手が「つらい思いをしているのだ」ということが分かるだけでなく、自分もつらい感情を持つのがこれである。通常は、人間に本能的に備わっているものである。しかし、例えば反社会性パーソナリティ障害やサイコパスの人物では、“共感の欠如”が、見られる[1]。近藤章久は深い共感と直観を精神治療の根幹とした。 共感性がたとえば友情を生み出す。友人になったきっかけは、「何となく」であることが多いが、「何となく」の本性は、共感性である。共感しない立場をとると、子猫を憎むことを主張しているかのように受け取られ、不興を買う[2]。 動物においても類似の例はあり、たとえばコンラート
Quickとは? QuickはSwiftが発表された2日後にGithubにコミットされた、世界で一番最初のSwiftのテストフレームワークです。ビヘイビア駆動開発(BDD)指向のテストフレームワークで、SwiftとObjective-Cの両方の言語に対応しています。RSpec, Specta, Ginkgoの影響を受けているそうで、記述がしやすく可読性の高いケースを表現できるのが特徴です。 ロゴもSwift調のデザインで素敵です。 開発者は? 開発者はmodocache (もどかしい)さんという日本にいらっしゃるエンジニアさんが作られています。ハンドルネームがとってもお洒落ですね。 期待度は? まだ開発開始から2週間弱ですが、とても活発に開発が行われており今後Swiftのデファクトテストフレームワークになるのではと期待が寄せらています。 また既存のObjCテストフレームワーク(※)はSwi
もう二度とasset pipelineで苦しみたくないので、問題切り分けの手順をまとめたい。 (asset pipelineのおおかた理解してる人は5->1の順で切り分けていったほうが効率的かもです) 1. assetsパスの確認(アセットパイプラインで配信したいコンテンツがassetsパスに入っているか?) 当然ですが、app/controllersやdb/migrateなどの下に画像ファイルを置いても、アセットパイプラインでコンテンツ配信することはできません。 では、どこにアセットを置けば配信できるのか? assetsパスに置く必要があります。 確認方法 アプリケーションの現在のassetsパスは以下のように確認できる rails c $> Rails.application.config.assets.paths => ["/vagrant/shared/test_app/app/a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く