Mobile Apps with Phonegap and Yeoman
Link to github repository I’ve been building mobile-first web applications for some time now, and I want to describe my development process from start to finish (including deploying to the web, to iOS, and to Android devices). To start, I develop using a macbook pro, sublime text 2, and terminal. I would suggested either installing these, or similar tools you are familiar with. I will be building
AngularJSでWebアプリケーションを作ろうと思った時に構成に悩んだら、generator-angular-fullstackからはじめるのが良いのでは | mah365
HOMEソフトウェア開発AngularJSでWebアプリケーションを作ろうと思った時に構成に悩んだら、generator-angular-fullstackからはじめるのが良いのでは AngularJSでWebアプリケーションを作ろうと思った時に構成に悩んだら、generator-angular-fullstackからはじめるのが良いのでは AngularJSはあくまでクライアントサイドのフレームワークなので、サーバサイドをどうしようかなーと悩むことがあると思います。Railsが得意ならRailsに組み込むのもいいんですが、Railsはビューヘルパーが異様に充実しているので、Rails上でAngularJSのコードを書いてるとRailsの良いところが10%も生かせてない気がして辛い気持ちになってきます。うーん、どうしよう。 そんな風に悩んだらYeomanのgeneratorであるgener
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの？
27. CSSの中身を覗いてみる .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
YeomanでChrome Apps for Mobileを作ってみるお - Qiita
全国のYeomanの服をきて街をさっそうと歩きたい皆様こんにちは大橋です。 一部で話題が起こってるChrome Apps for Mobileですが試しましたか？ Chrome Apps作るついでにAndroid向けのも作れるなら素敵すぎますよね。 でもまだChrome Apps for Desktop自体作ったことが無い方も非常に多い気がするので今回はYeomanを使ってChrome Appsのひな形を作り、そこからChrome Apps for Mobileのアプリケーションを作ってみたいと思います。 なお、以下の記事を参考にさせていただきました。 Chrome Apps for mobileの開発方法(天使やカイザーと呼ばれて) どうなる？ 最終的にYeomanでChrome Apps for Mobileの開発が開始できるようになります。 環境 以下初期状態です。 PC : Mac
AngularJS + Yeomanでリモートデスクトップクライアントをつくる - ワザノバ | wazanova
http://blog.mgechev.com/2014/02/08/remote-desktop-vnc-client-with-angularjs-and-yeoman/ 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約6時間前 Minko Gechevが、AngularJSとYeomanを使ってリモートデスクトップクライアントをつくる方法を紹介しています。完成型のデモはこちら。ソースコードはこちら。 作業の大まかな流れは、 Architecture アーキテクチャー図 Proxy (Node.jsに興味なければコードをコピペして、次の「AngularJS & Yeoman VNC client」へ進む。) angular-vncディレクトリ内にproxyディレクトリをつくり、依存するnpmパッケージをイン
YeomanをつかったChrome extension開発のメモ
Chrome extension開発にYeoman generator-chrome-extensionを使用したときのメモ。 とりあえず、Yeomanと、gegneratorをinstallする。ちなみにbower、grunt-cliはYeomanインストール時にインストールされる。 テストランナーはmochaなのでインストール。 引き続いてgeneratorを実行。 作成するExtentionのタイプに合わせて各項目は選択できる。 これで以下のような環境が構築される。 個人的にcoffeeで使いたいので、Gruntfileをcoffeeにで使う。 Grunt pluginとGruntタスクはそれぞれ次のタスクを実行する。 load-grunt-tasksでpackage.jsonのdependencies/devDependencies/peerDependencies のplugin
YeomanでChrome Extension開発環境を簡単作成 - Qiita
[?] What would you like to call this extension? my-first-extension [?] How would you like to describe this extension? My Chrome Extension [?] Would you like to use UI Action? No [?] Would you like to use the Options Page? No [?] Would you like to use the Omnibox? (Please input keyword) [?] Would you like to use the Content Scripts (Not Programmatic)? Yes [?] Would you like to use permissions? Yes
YEOMANを使ってMEAN（MongoDB + Express.js + Angular.js + Node.js）のWebアプリケーションを作る - @ledsun blog
MEANとは MongoDB + Express.js + Angular.js + Node.js を組み合わせてWebアプリケーションを作成することです。 手順 Windows上で簡単なユーザ登録アプリケーションを作ってみましょう。 次の手順で進めていきます。 アプリケーションの雛形を作成 ユーザページを追加 htmlを修正してユーザ一覧を追加 クライアントのJavaScript（Angular.js）を修正 サーバのJavaScript（Express.js）を修正 MongoDBを参照 ユーザの登録機能を追加 完成したものはGitHubにおいてあります。 Chocolatey本体のインストール以外はMinGW Bash*1で実行可能です。 事前準備 ChocolateyでMongoDBとNode.jsをインストールします。Chocolateyをインストールしていなかったら次のコマン
grunt bower yeoman入門記事 - lxyuma BLOG
※これは、社内の勉強会の資料の下書きです。 ここ数年で、js環境が整理されてきた。 js開発するなら、これらの知識は必須。無いとめっちゃ不便。 という事で、今日は、gruntとbowerとyeomanの話。 各ツール概説 Yeoman applicationのひな形を作る アプリ構築に必要な様々な作業を任せられる Grunt build / preview / testに使う Bower 依存性の管理を行う 手動でDLやscript管理する必要無 rails開発者のために ぶっちゃけ、どれも、railsの環境にそっくり。rails知ってる人は、要するに、以下の事。 grunt => rails server実行時に勝手にやってくれる作業を切り離してカスタマイズできるようにしたもの(coffeeのコンパイルとか) bower => ruby gem管理をjsのclient側で実現した物。 y
Yeoman の generator-angular で作成したスケルトンが AngularJS1.0.7 だったので 1.2.0 に上げたらブラウザで表示されなくなった場合のメモ - 牌語備忘録 -pygo
問題 AngularJS が 1.0.7 だったので安易に bower.json で 1.2.0 にして bower update して grunt server 立ち上げて Web ブラウザで見たら何も表示されなくなった。 修正してみる bower.json angular ~ の バージョンを全て変更する $ bower update angular-route をインストール $ bower install --save angular-route するとこんな感じになる $ cat bower.json { "name": "appname", "version": "0.0.0", "dependencies": { "angular": "~1.2.0", "json3": "~3.2.4", "jquery": "~1.9.1", "bootstrap-sass": "~3.
フロントエンドのツール Yeoman を勘違いしていた
Yeoman を勘違いしてスルーしてたところもあったので、 改めてこんなメリットがあるんだーみたいなところを共有しつつ、 必要性を感じられる人が使い始める機会になれればと思います。 僕もこれからちょいちょい使っていきたいです。Read less
Yeoman入門(第一部、yoを使う) - from scratch
※ 追記： id:TokyoIncidents さん"補足"の誤字修正しました、ありがとうございます!! これからYeomanに関して説明していきます。 Yeoman自体が何者なのかよくわかっていない人も多いと思います。また、ある程度Yeomanの概要は知っているので、generatorの作り方が知りたい、という方もいると思います。今回は三部構成で、yeomanを使う話、yeomanのgeneratorを作る話、最後にyeomanのAPIに関して説明していきます。今回は第一部のyeomanを使う話について説明します。 Yeomanとは Google社が作成した総合開発ツール群です、「ヨーマン」と呼びます。公式サイトには MODERN WORKFLOWS FOR MODERN WEBAPPS (モダンWEBアプリケーションのためのモダンワークフロー) と記述されています。 Yeomanを使う
Re* Programming » c#
xs-dev インストール npm i -g xs-dev 初期設定 xs-dev setup --target-branch public helloworld xs-dev run --example helloworld エラーが出るようになるが... /Users/weizen/.local/share/xs-dev-export.sh:source:5: no such file or directory: /export.sh IDF_PATH のパスがないことによるエラーだった ESP32のセットアップをすると解消されるらしい => ならなかった xs-dev info で表示される ESP32 IDF Directory のパスを IDF_PATH に指定 source $HOME/ 今回、中国出身の Designer 王雅さんと一緒に制作した 「寄席の箱」 を SNACK
[日本語訳]Yeomanのゴールとロードマップ - Qiita
はじめに 先日、YeomanのあれこれでYeomanの概要と簡単な使い方を書いたんですが、自分自身もうちょっと詳しくYeomanを知りたくなって来たので幾つかの文書を訳してメモっとこうかなと思います。まずはYeomanのゴールとロードマップ。元はYeoman Roadmapです。間違っていたらご指摘下さい。直します。 OVERALL PROJECT GOALS webアプリケーションの構築において開発者の生産性と幸福を向上させる。 Webフロントエンドの開発者に画期的なツール群を提供する。 アプリケーションの複雑性の管理を助ける 強力なデフォルトテンプレートの提供、しかしユーザが必要に応じてフレキシブルに拡張したりカスタム出来る。 ROADMAP TARGETS WebStorm, Brackets Sublimeの様なツールの為のフックを提供する ES6でTraceurを作成するためのサ
![[日本語訳]Yeomanのゴールとロードマップ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/59c6fcbb2d48b7d0a2a4480064d92cc8a9d6c885/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fogp-background-1150d8b18a7c15795b701a55ae908f94.png%3Fixlib%3Drb-1.2.2%26w%3D1200%26mark%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-1.2.2%2526w%253D840%2526h%253D380%2526txt%253D%25255B%2525E6%252597%2525A5%2525E6%25259C%2525AC%2525E8%2525AA%25259E%2525E8%2525A8%2525B3%25255DYeoman%2525E3%252581%2525AE%2525E3%252582%2525B4%2525E3%252583%2525BC%2525E3%252583%2525AB%2525E3%252581%2525A8%2525E3%252583%2525AD%2525E3%252583%2525BC%2525E3%252583%252589%2525E3%252583%25259E%2525E3%252583%252583%2525E3%252583%252597%2526txt-color%253D%252523333%2526txt-font%253DAvenir-Black%2526txt-size%253D54%2526txt-clip%253Dellipsis%2526txt-align%253Dcenter%25252Cmiddle%2526s%253D3bfbf97c400abf8a6730cae29e8aee03%26mark-align%3Dcenter%252Cmiddle%26blend%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-1.2.2%2526w%253D840%2526h%253D500%2526txt%253D%252540sys1yagi%2526txt-color%253D%252523333%2526txt-font%253DAvenir-Black%2526txt-size%253D45%2526txt-align%253Dright%25252Cbottom%2526s%253D3e60c60354849f31cdcfffaf47999ea2%26blend-align%3Dcenter%252Cmiddle%26blend-mode%3Dnormal%26s%3D8ea229224ec6e7cb09cf4fefbdb3321f)
YeomanでフロントエンドとREST APIサーバーを同時に開発する方法 - bathtimefish's blog
先月のHTML5など勉強会で、Yeoman超入門を発表したときに、Yeomanはフロントエンド開発専用にlocalhostサーバー立ち上げるからサーバーサイドとの同時開発はちょっと工夫がいるよね〜みたいな話題があって、参加されてたnode.jsに詳しい方からhttp-proxyつかってapiの部分リダイレクトかけたらいいよみたいな方法を教えてもらった。 なるほどそれは便利だなと思って実際書いてみたら手軽に使える感じにできたので書いておきます。ちなみに今週水曜日にGoogle Developers Liveに出演してYeomanのことを喋らせていただく機会に恵まれたので、その時の参照にも使えるかと思って。（ライブのスライドはこちら） Yeomanは $ grunt server で開発用のWebサーバーを起動することができる。デフォルトで http://localhost:9000/ 以降フ
YeomanでAngularJSしてCoffeeScriptにしてみた。っていうかGrunt最強って話 - bathtimefish's blog
JavaScript FrameworkならBackboneでしょ。 と勝手に思い込んでそればっか使ってきたボクですが、年初にheavenshellとかどっぺちゃんとで飲んだ時にviewが重くなるよね―とか話してたしかにそれ悩みだよなと思った。 そんときAngularJSってどうなんだろうねーって話にちょっとなって、そんときからangularいつかやってみようと思いつつ仕事で忙殺されてたんだけど、今日何気にSNSで「AngularJSに仮入信してみる」ってつぶやいたらGoogleの人にいいね！してもらってちょっと上がった。 さらに都合のいいことに外出で2時間程度電車に乗ってヒマな時間ができたので、車中でAngularの洗礼を受けてみようとPCを開いた次第。ちなみに途中で酔いました。以前新幹線で思い知ったのだけど懲りてなかった。電車でコーディングは控えましょう。特に自分。 さて、Angula
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Yeoman RIAビルドツール超入門
Deploy Yeoman App on Heroku
Using Yeoman with a Custom Development Server - Thomas Sileo
つかってみよう！Yeoman 〜HTML5 Webアプリ開発を効率化するツールの紹介〜
