【翻訳】リッチなWebアプリケーションのための7つの原則 - from scratch
はじめに この話はGuillermo Rauch氏が書いたhttp://rauchg.com/2014/7-principles-of-rich-web-applications/ という記事の翻訳です。許可を得て翻訳しています。 ここ最近Web業界を賑わしているSingle Page Applicationの必要性、HTTP2/SPDYといった技術、リアクティブプログラミングやIsomorphicデザインという考え方について包括的にまとめたすごく良い記事になっております。 最初に断っておきますが、ものすごく長いです。各セクションがわかれているので時間がない方はセクションごとに書かれたtl;DRとまとめを読むだけでも参考になるかと思います。 ちなみに明日のNode学園祭には、本記事を記述したGuillermo Rauch氏が見えるので、そこで詳しく聞いてみるのもいいのではないでしょうか。
Railsが時代に合わなくなってきた - Qiita
追記 RailsでJS辛い問題に関しての結論：http://qiita.com/kaiinui@github/items/dad6180f1910c6a4bfd5 -- 近年、(1) Web/App両対応が増えてきたこと、(2) WebでもJSを多用するようになったこと、の二つがあり、以下の点でRailsが微妙になっている。 ViewのJavascriptがRailsから独立している API層のサポートが微妙 最初に書いておきますが、特に決定的な解決策もなく、辛いから今後解消されてほしいよね、な話です。 ViewのJavascriptがRailsから独立している Railsはとても堅牢。 モデル、コントローラ、ルーティングと、変にいじらない限りはほとんどテストが要らない。 必要なのは、モデルに新たにpublicメソッドを付けたときくらいだろう。 実際、バックエンドはそうそうバグが出ない。
Web デザイナーさん向け Grunt を使った コーディング作業の効率化、はじめの一歩 | WWW WATCH
フロントエンドの開発を色々と捗らせてくれる Grunt について、初めて Grunt を使うならこれだけまずはやってみたら？ という入門的な解説記事を書いてみました。 この記事は公開からかなりの時間が経過して内容が古いのと、Gulp を使ったフロントエンド開発環境構築について新しい記事 「Web サイト作るお仕事をしている人向け Gulp で作るフロントエンド開発環境」 を書いていますのでそちらをご覧ください。 Grunt の導入記事なんか珍しくもないし、色々な方がわかりやすい記事を過去にも書かれていているので今さらではありますが...... とはいえ、まだ使ったことがない人もいるだろうということで、「Grunt って何ですか？」 とか「使ってみたいけどよくわからない......」 なんていう Web デザイナー （主に HTML や CSS を書くフロントエンドな人） さん向けに、初めて
Why mobile web apps are slow
I’ve had an unusual number of interesting conversations spin out of my previous article documenting that mobile web apps are slow. This has sparked some discussion, both online and IRL. But sadly, the discussion has not been as… fact-based as I would like. So what I’m going to do in this post is try to bring some actual evidence to bear on the problem, instead of just doing the shouting match th
Polymer と Web Components - steps to phantasien
先週はサンフランシスコで勤務先の年次博覧会が催され、中には自分と近いプロジェクトを紹介するセッションもあった。 いい機会なので便乗して宣伝してみたい。自主会社員活動につき勤務先の見解と違っても見逃してください。 さて件の年次博覧会、ウェブ開発者向けの講演の一つで Polymer という新しい JavaScript UI フレームワークが公開された。 Closure, GWT, Angular ときて また別のフレームワークかよ…とぼやく人の気持ちもわかる。でもそれほど被るものでもないから見逃してほしい。 なるべく多くのブラウザで動かそうとする既存のフレームワークと違い、 Polymer は新しいブラウザの機能を使い倒すことで強力なフレームワークを作ろうとしている。 別に特定ブラウザでしか動かないわけじゃない。ただ将来そうした新しい機能が各種ブラウザに備わる日を見越し、 そのときベストに動く
Web上でのプログラミングがさらに便利に。JavaScriptを使った開発補助·Tern MOONGIFT
Ternは入力補完や関数の引数表示と言った機能がついたJavaScript用プログラミング補助ライブラリです。 そろそろWebブラウザ上でコーディングを行える環境が整ってきたのではないでしょうか。プログラミングするためのエディタ環境として必要なのはハイライターなどの他にもたくさんあります。その幾つかを提供してくれるのがTernです。 入力補完。 文字を打つと絞り込まれていきます。 変数、クラスの定義を探します。 オブジェクトの種類を下に表示できます。 変数名を変更します。 名前空間に対応しているので余計なところは変更しません。 関数の引数を表示します。 デモ動画です。 Ternでは入力補完、変数やオブジェクトの定義元検索、関数の引数表示、変数名の一括変更と言った機能がサポートされています。いずれもローカルアプリケーションのプログラミングエディタには備わっている機能と言えるでしょう。しかしそ
サーバ側でCSSを保存したら直ぐにCSSが反映されるようにできる「CSSreflesh」:phpspot開発日誌
CSSrefresh - automatically refresh CSS files サーバ側でCSSを保存したら直ぐにCSSが反映されるようにできる「CSSreflesh」。 CSSでのデザインに注力したい場合、リロードが面倒ですが、１秒ごとにファイルの更新状態をチェックして更新されていたら反映してくれるというのがこのCSSreflesh。 毎秒サーバへリクエストに行くので、本番環境では当然NGですが、開発中にCSSデザインを組む際には便利に使えそうです。 ブラウザ上で即時反映されるようなツールもありますが、環境に応じてこうしたツールを使って効率化したいところですね 関連エントリ Photoshopのグラデーションツールの操作感でCSSグラデーションを作れるツール CSSスプライト実装が誰でも簡単にできるツール「Spritebox」
自由度高く部品を配置するちょっと不思議なWebアプリケーション·Morphic.js MOONGIFT
Morphic.jsはWeb上に部品を配置して自由にデザインを決められるWebアプリケーションです。 ちょっと不思議なWebアプリケーションの紹介です。Morphic.jsはWeb上に独自のコンポーネントを配置できるWebアプリケーションです。モックアップを作ったり、ドローアプリケーション的に使えそうです。 トップページです。右クリックでメニューが出ます。 ドラッグして動かしたりできます。 ボックスを追加しました。 さらにスライダーやフレームを追加しました。 モバイルモードにするとメニューが大きくなります。 色設定もあります。 複数のmorphic.jsを埋め込めます。 Morphic.jsでは右クリックから部品を配置して、それを動かしたりリサイズしたりできます。ラベルを描画してフォントサイズを変更し、Webサイトのワイヤーフレームを作ったりすることもできるでしょう。いろいろな使い道が考え
The Opa Language
1. One Language to Rule Them All Write simultaneously the frontend and backend code, in the same language, within the same module. Even better: the Opa Slicer automates the calls between client and server. No more manually written AJAX calls or value serialization! And when auto is not enough, add hints to the code to enforce client or server-side, privacy, synchronous or asynchronous.
第1回 外部サイトに貼り付けるJavaScriptの作法―ポリシー、速度、セキュリティ、プライバシー（1） | gihyo.jp
フロントエンドWeb戦略室 第1回外部サイトに貼り付けるJavaScriptの作法―ポリシー、速度、セキュリティ、プライバシー（1） フロントエンドを考えるということ みなさんこんにちは。NHN Japanでエンジニアをやってますmalaです。livedoor Readerを作ったりJavaScriptを使ったUI（User Interface）、非同期処理、Webアプリケーションセキュリティ周りの仕事をしています。 この連載ではフロントエンド[1]を語るうえでは外せないJavaScriptを中心に、その周辺のUI・Webアプリケーションセキュリティを扱います。そして、ただ理想のフロントエンドを考えるだけでなく、具体的な実装を提案していくこと。これが本連載最大の目的です。 第1回となる今回は、広告やブログパーツ、ウィジェットなど、外部ドメインに貼り付けられるJavaScriptを書くう
wakandaを使って１分でWebアドレス帳を作る
Wakanda ワカンダ ッテ ナンダ？ WakandaはビジネスWebアプリケーションを構築するためのプラットフォームです。 WakandaにはWebサーバー・データベース・ランゲージ実行エンジンがすべてWakanda Serverワンパッケージに含まれているため、インストールから開発、配布、運用をとても容易に行うことができます。 さらにWakandaには開発ツールであるWakanda Studioも付属します。この開発ツールではグラフィックエディターを使ってモデルの定義やビューの作成 (HTMLエディター)、さらにコントローラーの記述 (JavaScriptエディターおよびデバッガー) を行うことができます。 詳しい話は、上記の動画や公式サイトを参照していただくとして、とりあえず面白そうなのでざっと触ってみました。 ■ インストールとＩＤＥの起動 ココから「All-in-one」を選択
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
お盆休みにまとめ読み！Web制作のおすすめスライド コーダー・エンジニア編
GitHub - dypsilon/frontend-dev-bookmarks: Manually curated collection of resources for frontend web developers.