Railsアプリケーションにおけるフロントエンド環境のモダン化
freeeの価値基準の一つである、ユーザーにとって「本質的（マジ）で価値ある」ものを届けるということ。本連載ではそれに向かって、日々挑戦を続ける開発現場の事例をお伝えします。本記事では、freeeでのフロントエンド環境の改善への取り組みである、Ruby on Railsアプリケーションにおけるフロントエンド環境のモダン化について紹介します。Rails5.0以前の標準的なフロントエンドのビルド基盤であるSprocketsアセットパイプラインがもたらした問題について解説するとともに、その仕組みに依存して成長してきたプロダクトがいかにしてSprocketsへの依存を断ち切ったかについて説明します。 対象読者 Ruby on Rails 5.0以前のアプリケーションのフロントエンド開発で、npmによるモジュール管理やwebpackなどによるビルドを行いたいのにそれがなかなか実現できずに困っている方
使い勝手は抜群、JavaScriptフレームワーク「Backborn.js」
今回はフルスタックなJavaScriptライブラリ「Angular」と、コンセプトが反対の「Backbone.js」を紹介しよう。 Backbone.jsは、Angularと同じく「MV*」をサポートするJavaScriptフレームワークの一つだ。ただし名前の通り、骨組みしかない。 簡単に言うと、「Model、View、そしてRouterを簡単にWebアプリケーションに組み込むことに特化したJavaScriptライブラリ」となる。もちろん、ほかにも多様な機能を持つが、他のJavaScriptライブラリと組み合わせて使うことが基本となっている。 ほかのライブラリの力を借りる Backbone.jsを使うための準備はいたって簡単だ。公式WebサイトからBackbone.jsをダウンロードして、HTMLにscript要素で組み込むだけだ。ただし前述の通り、いくつか他のJavaScriptライブラ
【JavaScript】JavaScriptとjQueryの書き方の比較(class)
document.getElementsByClassName('demo2') 注意点として、jQueryではclass属性のドット( . )を記述しますがJavaScriptでドット( . )は記述しません。 また、JavaScriptのgetElementsByClassNameのElementsの部分が複数形になっているところに注意してください。 サンプル HTML <p> <span class="demo1"></span> </p>
50 Cheatsheets & Guides for JavaScript — Speckyboy
Resources by Application Bootstrap Templates Figma Templates Flyer Templates Illustrator Templates InDesign Templates Lightroom Presets Logo Templates Logo Fonts Mockup Templates Photoshop Actions Photoshop Brushes Resume Templates Tailwind CSS UI Kits Web Templates Video & Motion Design Templates All Motion Design After Effects Apple Motion DaVinci Resolve Final Cut Pro Premiere Pro Presentation
plainJS - The Vanilla JavaScript Repository
Vanilla JavaScript for building powerful web applications jQuery is one of the great libraries that helped us overcome JavaScript browser issues when IE 6 and 7 were still around. Today, it may be a good choice to drop jQuery and its cousins, because modern browsers are pretty easy to deal with on their own. Using plain JavaScript will make your applications load and react blazingly fast. Why choo
jQuery 3.0: The Next Generations | Official jQuery Blog
It’s hard to believe it’s been nearly eight years since jQuery was released. Web development has changed a lot over the years, and jQuery has changed along with it. Through all of this time, the team has tried to walk the line between maintaining compatibility with code from the past versus supporting the best web development practices of the present. One of those best practices is semantic versio
jQuery Growl Demo
This is a simple demo page for the jQuery Growl Plugin by David Higgins. A timer is set to display a 'notification' every 2.2s, and the configuration on this page displays each message for 4s. This page also utilizes a 'customized' template for jQuery Growl to show how easy it is to customize the look and feel of the Plugin. The default implementation is not as 'pretty' looking, but it also does n
富豪URI - os0x.blog
URI - 素人がプログラミングを勉強していたブログ function URI(uri,base){ var a, _loc = location, self = this; if (base) {//via nanto_vi var XHTML_NS = "http://www.w3.org/1999/xhtml"; var XML_NS = "http://www.w3.org/XML/1998/namespace"; a = document.createElementNS(XHTML_NS, 'a'); a.setAttributeNS(XML_NS, 'xml:base', base); } else if (URI.cache) { a = URI.cache; } else { a = URI.cache = document.createElement('a'); } a.
JavaScriptとjQueryでデスクトップアプリに負けない操作性のWebアプリケーションを作る
はじめに 近ごろのブラウザは、パフォーマンスの面でも開発ツールや互換性の面でも大きく向上しています。大部分のWebサイトは依然としてページパラダイムに固執し、自らのコンテンツを新聞や書籍と同じような感じで表現していますが、今日のブラウザは伝統的なデスクトップアプリケーションに引けを取らない高度に対話的なアプリケーションをサポートすることができます。 これまでのアプリケーション開発の歴史では、複雑な対話や高度に視覚的な対話を実現しようとする開発者は、ユーザーのPC上に置かれるデスクトップアプリケーションとして実装するか、Flashのようなブラウザプラグインの上に構築されるアプリケーションとして実装するかの選択を強いられました。今日のJavaScriptは、こうした高度なアプリケーションもサポートできるほど進歩を遂げています。パワフルなJavaScriptライブラリが提供する抽象層は、ブラウザ
The Sexy Curls jQuery Plugin by Elliott Kember
The Sexy Curls jQuery Plugin! is an open-source jQuery plugin by Elliott Kember which lets you share in the beauty of the page fold. You want a demo page? You're looking at it. The source code is available at GitHub. Installation: First, make sure you're using jQuery and jQuery UI (version 1.5 works) You'll need the resizable package in jQuery UI. Then install the source code into a director
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
