大づかみなお話です 結論: 課題を知ったらなんでもいいから手を出してみよう! (細かいところは犠牲にしてます。React でもステートフルコンポーネントつくれるよねとか)
大づかみなお話です 結論: 課題を知ったらなんでもいいから手を出してみよう! (細かいところは犠牲にしてます。React でもステートフルコンポーネントつくれるよねとか)
JavascriptのSPA(Single Page Application)フレームワークの使いどころ(jQueryとの比較)JavaScriptjQuerySPA ※ 本投稿はフロントサイドの開発をJavascriptで行うことを前提に書いていますが、そもそも、フロントサイドでどこまでJavascriptにすべきかについて私的な見解を以下に書きました。(2017.5.10) ▶ Webシステムのフロントサイドとサーバサイドの比率(JavascriptのSPAを利用する理由) ■ どこで使うのか?jQueryだけで十分か? SPAフレームワークの導入を検討する際に、「jQueryでも十分」といえるケースはよくあると思う。 そこで、jQueryとSPAフレームワークを比較して、本当にSPAフレームワークを使う場面はどういうところかを考えてみる。 ただ、結論を先に書けば、規模や新規に作るのか
JavaScriptのフレームワークはReact、Angularなどが人気ですが、ここ最近フロントエンド界隈を中心にRiot.jsが注目を集めています。 軽量でHTMLに似通った文法を採用しており、扱いやすいJSフレームワークとして人気急上昇中です。 そこで今回は、これからRiot.jsを始めるエンジニア、Riot.jsに興味のあるエンジニアに向けて、Riot.jsの入門資料(記事・スライド)をまとめました。 比較的扱いやすいJSフレームワークなので、難しく考えずにまずは使ってみてください。 JavaScript案件を提案してもらう Riot.js入門記事 Riot.js — A React-like user interface micro-library http://riotjs.com/ja/ Riot.jsの日本語公式サイトです。 ガイド、FAQ、APIなど、各メニューが日本語化
日本からこんにちは。エンジニアの坂本 一樹(@splhack)です。 皆様いかがお過ごしでしょうか。HTML5とともに過ごしてらっしゃいますでしょうか。 てなことで、インターネッツに非常に興味深い検証がありました! ■HTML5フレームワークにおける表示オブジェクトのパフォーマンス検証 - Togetter ■HTML5開発者必見、最速のJavaScriptライブラリはどれだ!? パフォーマンスの徹底検証 HTML5フレームワーク同士のガチパフォーマンス勝負ですね。 HTML5のフレームワークは、たくさんありますが、やはりパフォーマンスがいいものを選択したいところですね。さらに言えば、アニメーションのオーサリングなんかも、いい感じのツールでさくっと付けられるといいんですが。 おや? 何かがなかまになりたがってますね! ということで、LWFも、勝手になかまにいれてしまいましょう! あ、LWF
連載 INDEX 次回 → こちらのページで【2015年版】も発表! ■ 2014年が始まり、心機一転で「今年こそはWeb開発を頑張ろう」と思っている人も少なくないだろう。そんな方々に向けて本稿では、2013年中に人気が急上昇してきており、「2014年では必須の知識」となりそうなJavaScriptライブラリ(Library)をランキング形式で発表する。 なお、本稿のランキング決定では、検索キーワードの流行を調査可能な「Googleトレンド」(「すべての国」「過去 12 か月間」「すべてのカテゴリ」「ウェブ検索」という条件で絞り込み)を使って、ライブラリの人気をジャンルごとに比較した(※ライブラリ名が一般的な英単語の場合、Web検索時に、その英単語にもヒットしてしまう。このノイズがGoogleトレンドでの結果として入り込んでいる可能性が高いことをご了承いただきたい。各ジャンルは、筆者が独自
暖房器具のチョイスを迷いまくっているminamiです。 Google製のJavaScript MVC(MVVM)フレームワーク、AngularJS 1.2 がリリースされました。最近にわかに盛り上がってきている(気がする)ので、ここ最近自分で読んで参考になった導入記事やチュートリアル関係をまとめてみました。 導入記事 JavaScript MVCフレームワーク「AngularJS 1.2」リリース。要望の多かったアニメーション機能が追加、脆弱なコードを制限するモードも AngularJS 1.2の機能、主なアップデート内容について 新・三大JavaScriptフレームワークの実践(Backbone.js Knockout.js Angular.js) Backbone.js、Knockout.jsとも比較。この3つのフレームワークはどの局面でどれを使うか迷っている人も多いと思うので参考にな
はじめに 最近非常に活発に開発されている、サイト/アプリケーション・アセンブラ(スタティック・サイトジェネレータと表現するものもあるようです)、ファイル・ジェネレータなどをまとめました。 これらのツールは、ファイル監視、Liveリロード、ビルドインサーバ、画像軽量化、パッケージマネージメントなど、サイトやアプリケーション開発に必要とするものをパッケージングしたものになります。 各ツール、もっている機能もバラバラであったり、用途も微妙に違うものがあったりしますので、ほんとは同じエントリー内でまとめるのも適切なのか悩ましいところだったのですが、大きなくくりでフロントエンド開発におけるジェネレータ系のツールという解釈のもとに行いました。 また、ほとんどのツールの説明はデフォルト値のもので、設定によって、例えばテンプレートエンジンの種類の変更や、ディレクトリパス、サーバのポート番号などを変更できた
はじめに ふだん仕事でお世話になっているツールたちを徒然とリストアップしていこうかと思います。 中にはもう使わなくなったものもあるかと思いますが、記念的な意味をこめまして、いっしょにならべたいと思います。 そしてほとんど、Mac用のツールです。。。 タスクランナー GRUNT YEOMANでも使われているタスク・ランナーです。使用するにはNodeが必要です。 最近の空気感では、フロントエンド系のタスクランナーでは定番のものになったのではないでしょうか。 使い方はJavaScriptかCoffeeScriptで設定ファイル(Gruntfile)をつくり、そこにタスク(例えばソースを圧縮する、JavaScriptの構文をチェックする、デプロイするなどなど)を登録し、自動実行させるというものです。 また、grunt-initを別途インストールして、対応したテンプレートをインストールすると、お手軽
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く