タグ

gulpに関するsyou6162のブックマーク (3)

  • gulpを使ったToDoアプリ(AngularJS + TypeScript)の開発環境自動化 - Qiita

    大久保です。 最近、プロジェクトTypeScriptを使い始めたのですが、JavaScriptと比較するとかなり使い勝手がよく、気に入っています。 プライベートでも使いたかったのですが、やっぱり、、 編集・保存 → コンパイル実行 → ブラウザリロード というのはなかなかにめんどくさい。。 ということでタスクランナーでいいかんじにしたいなと思い、 AngularJS + TypeScriptで作られたToDoアプリをgulpで自動実行できるようなgulpfileを書いてみました。 ToDoアプリについて 今回使ったToDoアプリの元はtodomvcのTypeScript & AngularJSバージョンです。 今回はあくまでgulpの学習なので、ToDoアプリのソースに関しては元のアプリからほとんど変えてません。 ディレクトリ構成 . ├── gulpfile.js //gulpの設定フ

    gulpを使ったToDoアプリ(AngularJS + TypeScript)の開発環境自動化 - Qiita
  • Google Apps Scriptの開発をモダンに行う方法 - Speee DEVELOPER BLOG

    株式会社Speeeの山です。皆様、こんにちは! 今回ご紹介させていただくのは、Speeeで実践しているGoogle Apps Script(以下 GAS) を用いたモダンな開発手法についてです。この記事を通してGASって「便利だし使えるかも!」と思っていただければ幸いです。 Google Apps Scriptとは Google Apps Scriptは、言わずと知れたGoogleが提供するサーバサイドのスクリプト環境です。 基的にはWebブラウザを通して開発を行います。 作業効率化に威力を発揮するGAS Speeeでは特に、管理部門の作業効率化でGASを使用しているケースが多く、例えば Slackの制限付きユーザを各種チャネルに招待するアプリケーション メーリングリストの文面生成を自動化するアプリケーション Speeeラウンジの使用状況を閲覧するアプリケーション など、様々な用途でG

    Google Apps Scriptの開発をモダンに行う方法 - Speee DEVELOPER BLOG
  • ブラウザ確認が一瞬! Browsersync入門(+Gulpの利用方法) - ICS MEDIA

    ウェブサイトを閲覧するユーザーの環境は多岐に渡ります。したがって、ウェブ制作者は多くの環境の動作確認をしなければなりません。その時の手間を大きく省いてくれるBrowsersyncというツールを紹介します。 Browsersyncとはファイル変更を監視し、自動でブラウザリロードを行ってくれるツールです。ローカルサーバーも起動できたり、複数のブラウザで操作の同期が可能といった便利機能も満載です。 Browsersyncのデモ動画 Browsersyncのデモ動画を紹介します。デスクトップブラウザとスマートフォン(iPhone)のブラウザが同期しており、ファイルの編集後に自動リロードしています。CSSでハリネズミを走らせるアニメーションです。HTMLCSSのファイル編集がリアルタイムに反映されていることがわかります。 Browsersyncは何を便利にしてくれるのか ファイルの編集後に複数ブラ

    ブラウザ確認が一瞬! Browsersync入門(+Gulpの利用方法) - ICS MEDIA
  • 1