Twitterクライアントでつぶやく（form編） 1/2 - Qiita
いつも説明が長ったらしくなる傾向にあるので、今回こそは要点だけスパスパッとかいつまんで書いてみます。 angularjs で Twitter クライアントを作成し AWS.S3 で動かす Twitterクライアントにプロフィールページを追加 の続きです。 プロフィール画面まで作ってあるブランチはこちら。 やりたいこと Twitterクライアントでつぶやく formを使う バリデーションとか 投稿結果をダイアログで表示してみる 最終的にこうなります。 サービス追加 投稿機能を twitterService に追記します。 postTweet: function(message) { var deferred = $q.defer(), url = '/1.1/statuses/update.json', params = { data: { status: message } }; auth
angular-fullstackのモーダルを使ってみる - Qiita
最近AngularJSってのを勉強中。Yeomanってのでangular-fullstackをセットアップすると何やらベストプラクティスっぽい雛形ができて便利らしい。それのクライアントサイドのコンポーネントにモーダルダイアログのサンプルがあるけど使っていないっぽい。 モーダルのサンプルは何かのリソースを削除するときの確認ダイアログなので、ユーザー削除時に確認ダイアログを出してみよう。 準備 angular-fullstackをセットアップするところまでは、いろいろ他の人が書いているのでここでは書きません。例えばこことか。 選択した項目は次のとおりです。 Babel, HTML, Less, uiRouter, Bootstrap Y, UI Bootstrap Y, Mongoose, authentication boilerplate Y, Google/Facebook/Twitte
自分用のLaTeXテンプレートを晒しておく - Qiita
学部1年の頃からほそぼそと使い続け，自分のLaTeX環境がだいぶ固まってきたので，再構成して晒しておく(これ)．もうM2以降で大きくLaTeX環境を変える事はないだろうし． 学部1年生や4年生等，新たにLaTeXを使い始める人の助けになれば． 目的 以下の点を考慮してLaTeX環境を構築した． できるだけLaTeXを書かないで済む． LaTeXを書かざるをえない場合にすぐLaTeXを書ける． 諸々のコマンドラインツールを適宜組み込める． 後からコミットごとの差分表示ができる． 表に見えるファイルを汚さない． の4点．1はLaTeXを描くのが面倒なため，一方でLaTeXの方が早い場面もあるので，2も考慮している．また，3は自分がgraphvizを使ったり，その場で適当にスクリプトを書くことが多いために考慮した．4は変更箇所を他の人に見せる時に便利なので考慮している． 最後に，5は，hoge.
Windows環境でgenerator-angular-fullstackを使う - Qiita
はじめに yeomanでお手軽にMEANアプリが作れそうなgenerator-angular-fullstackを使ってみたら全くお手軽でなかったのでメモを残します、、、（Windows環境だからな気もしますが） ハマりポイントは後半に書いています。 1.前提 以下の環境を前提に記述しています。 OS : Windows 10 (64bit) Node.js : v4.4.7 npm : 3.10.6 monogodb : db version v3.2.7 generator-angular-fullstack : version 4.0.5 2.環境構築 http://angular-fullstack.github.io/generator-angular-fullstack/Getting_Started/Prerequisites.html に記載の通り環境を設定していきます。
Yeomanで作ったAngularのプロジェクトをgithub-pagesで公開する - Qiita
TL;DR ブランチはdevelopとmasterを用意して、masterをgh-pagesのようにして運用する リポジトリ futabooo/futabooo.github.io github pages https://futabooo.github.io/ Angularプロジェクト作成 諸事情によりGruntではなくてGulpを使いたかったので、下記のリポジトリを参考にAngularのプロジェクトを作成 Swiip/generator-gulp-angular こんな感じのディレクトリ構成でプロジェクトが作られる futabooo.github.io ├── bower.json ├── bower_components ├── dist ├── e2e ├── gulp ├── gulpfile.js ├── karma.conf.js ├── node_modules ├──
MEANスタックにおける開発環境構築 - Qiita
MEANスタックとは MongoDB,Express,AngularJS,Node.jsのソフトウェアバンドルのことである。Webアプリケーション開発に用いられる。このソフトウェアの組み合わせは、MongoDB開発者のValeri Karpovniにより、2013年4月30日にWeb上で提唱され、2014年以降より徐々に有名になってきた。 MEANスタックの提唱が行われた、Valeri Karpovniによるブログエントリ MEANスタックの本来の思想を確認する事が出来ます。 The MEAN Stack: MongoDB, ExpressJS, AngularJS and Node.js 特長 インターネット上で広く流布している説によれば、サーバサイドからクライアントサイドまでの開発言語がJavaScriptに一本化でき、Perl,PHP,Python,Ruby等のCGI言語を採用した場
angular-fullstackにおける"Hello World." - Qiita
sudo yo Angular Fullstackを選択し、Y/nで聞かれたオプションを全てYにしてscaffoldを生成する。 'use strict'; /* eslint no-sync: 0 */ const angular = require('angular'); export class NavbarComponent { menu = [{ 'title': 'Home', 'link': '/' },{ 'title': 'Chat', 'link': '/chat' }]; $location; isLoggedIn: Function; isAdmin: Function; getCurrentUser: Function; isCollapsed = true; constructor($location, Auth) { 'ngInject'; this.$loc
Yeomanってどう？その1 - Qiita
Yeomanってどう？ ソースの自動生成をしてみたい。 Eclipseだと、ソースの追加とかできるよね。 便利そうなんだけど？ いまいち使われていなくない？ なんか、軽く使うのは面倒見たい。 自分で作る？ Generatorとして欲しい要件をまとめてみる。 さくっと作りたい。スクリプト(Json定義？)＋テンプレート＋コピー処理。 毎回コンソールでうたないといけないのが邪魔。yo name hoge hogeで作りたい。 でも、その前にYeomanを調べてみよう！ yeoman-environment@1.6.6に基づきます。 generatorの検索の仕方は？ yeoman-environmentをローカルに入れると、このような構成になっている。
Yeomanってどう？その2 - Qiita
Generatorって自由に使えるの？ yeoman-environmentを使うらしい。 でも、よくわからない...... あと、TestAdapterとかあるらしい。 yeoman-environmentの使い方 こうすると、なんとなく動く。 var yeoman = require('yeoman-environment'); var adapter = require('yeoman-test/lib/adapter'); function yo(name, args, opts, answers, callback) { // 初期化。args?opts?知らない...... var env = yeoman.createEnv(args, opts, new adapter.TestAdapter(answers)); // generatorを探してくる env.lookup
yo rustmではじめるrustのモジュールづくり - Qiita
$ yo rustm ? What do you want to name your module? gitconfig ? What is your module description? My splendid module ? What is your GitHub username? packsaddle ? What is the URL of your website? http://sane.jp Initialized empty Git repository in /mnt/623D90F735FA5D47/sanemat/data/src/githu b.com/packsaddle/rust-gitconfig/.git/ create package.json create Cargo.toml create changelog.md create ci/insta
yeoman-generatorを長持ちさせるhowto、いまさら - Qiita
TL;DR yeoman-generatorはつらい。よいalternative generatorあったら教えてください!! giter8かな。golangだとなおいい。 そんなyeoman-generatorを長持ちさせるhowto。 yeomanオワコン説 だいたい yeoman-generator はオワコンだし近づきたくないものとして扱われる(要出典)。alternativeとしてslashやplopというのが一瞬人気が出たが、オワコンのyeomanより先にしんでいった… メンテナンス性 yeoman自体は生きているが、だいたいのyeoman-generatorはしんでいる。 Discovering Generators あたりまえだが大体のgeneratorは作って動いたところで飽きる。そしてそんなに頻繁には使わない。 使いたい人が自分好みにしたいな、と思った時に、オプションを
SlackのBot(hubot)を作ってみる - Qiita
はじめに 最近コレを読んで、無性にChatBotを作りたくなった。 Software Design 2016年1月号｜技術評論社 Slackでらくらく工数管理 « サーバーワークス エンジニアブログ ので、手始めにSlackのbot作りをしてみようと思う。 botの種類 おもむろにslack botでググってみたところ、hubotなるものが一般的らしい。 ほかにもWebHooksを使うものもあるようだが、次のステップにしようと思う。 hubotの追加 ここからIntegrationするAppを選べる。 App Directory | Slack hubotで検索するとAppが出てくるので、導入するチームを選ぶ。 Hubot | Slack APIトークンやらBotの名前やらいろいろ設定できる画面に飛ぶので、適当に名前をつけてアイコンを設定すると、とりあえずbotユーザが追加された。 bot
2016年度版 僕が考えたChrome拡張機能を作るときのデザインパターン - Qiita
4年近く前の2012年に僕が考えたChrome拡張機能を作るときのデザインパターンというエントリを書きました。最近参加したイベントで「よういちろうさんの拡張機能の記事見て作ってみました〜」と声をかけてくれた人がいて嬉しかったのですが、2012年のそのエントリは、すでに内容が古くなってしまっています。最近の状況を踏まえて、内容を新しくした「2016年度版」を書いてみようと思います。 変更しようと思った点は、以下です。 prototype.jsは使わず、ECMAScript 2015で書く。 Background Page(常駐型)ではなく、Event Page(非常駐型)にする。 そもそも最初のコードセットは自分で書かない。 本文やコード的には、2012年度版をコピペしています。 （この投稿の内容は、自分のブログエントリと同じです。） 前にいくつかのChrome拡張機能を作っていて、すでに数
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【karma、Yeoman -「`start` method is deprecated since 0.13.」という警告の対処法】 - Qiita
【karma、Yeoman、AngularJS1.5 - クライアントテストのエラー対処法】 - Qiita
【generator-angular-fullstack - インストール時のエラー対処法】 - Qiita
Yeomanをbash on windowsに入れてみる - Qiita
Angularの環境構築（Yeomanで構築） - Qiita
Yeomanの使い方 - Qiita
yeoman/generator-gulp-webappのgulp buildでコケる - Qiita
