まずは「gulp」を動かしてみよう！ ～セットアップとはじめてのタスク実行CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
Gulp for Beginners | CSS-Tricks
Gulp is a tool that helps you out with several tasks when it comes to web development. It’s often used to do front-end tasks like: Spinning up a web server Reloading the browser automatically whenever a file is saved Using preprocessors like Sass or LESS Optimizing assets like CSS, JavaScript, and images Important Note! This article was written for Gulp 3.x, but now Gulp 4.x is out and recommended
【Gulp.js入門】新鋭フロンエンド・タスクランナーツール を試してみました。 | DevelopersIO
こんにちは、清田です。 最近、フロントエンド開発においてGruntにお世話になっている方も多いかと思います。 私も日ごろ大変お世話になっています。私としては、Gruntにあまり不満はないのですが、多少体感としてちょっと遅いかなぁくらいの印象を持つくらいでした。 そんな中、タスクランナーツールとして後発ながらGulp.jsという名前を聞くようになってきたので、実際に試してみました。 Gulp.jsとは？ Gulp.js公式サイト 皆さんご存知のフロントエンド開発でタスクランナー＆ビルドツールとして有名なGrunt.jsですね、弊社ブログでも何度かご紹介させていただいたかと思います。 Gulp.jsも同じく、タスクランナー＆ビルドツールとしての立ち位置とのこと。 Gruntと何がちがうの？ いろいろなエントリーを拝見し以下の意見がありました。 ビルドファイルが書きやすい 並列処理のため、実行速
gulpを触ってみた - dackdive's blog
有名なビルドツール（タスクランナー）であるGruntを使ってみようとずっと思っていて放置していたら 今は同様のタスクランナーとしてgulpという方が人気のようなので、そっちを触ってみました。 はじめに（リファレンスとか） gulpはGruntと同じくタスクランナーと呼ばれるものの1つです。 Sassのコンパイルやjsファイルの圧縮などの様々なタスクを自動で行ってくれます。 gulpはnode.jsで開発されているので、npmによりインストールできますが、 gulpそのものには上に挙げたタスクを行うための特定の機能は何も含まれていません。 自分がやりたいことに応じて、別途gulp-xxxというパッケージをnpmでインストールして使うことになります。 今回最初に参考にしたのがこちらのスライド。 Gulp入門 - コーディングを10倍速くする from Hayashi Yuichi このスライド
タスクランナーgulp入門
タスクランナーgulp入門 gulpはGruntと同じように様々なタスクを自動化してくれるツール(タスクランナー)です。 node.jsで開発されており、Sass/CompassやLess、StylusなどのCSSプリプロセッサーのコンパイルやCSS/JSの結合圧縮、JSHintによるバリデーションなど様々なタスクを自動で行ってくれます。 Gruntとできることはほとんど同じですが、Gruntよりタスクの流れがわかりやすく、JavaScript(node.js)で独自のタスクも簡単に記述することができます。 後発ということもありGruntよりプラグイン数は少ないですが、マニアックなタスク以外はそろっているので通常のWeb制作などでは問題なく利用できるでしょう。 node.jsのインストール node.jsが必要ですのでインストールしていない方はインストールしましょう。 公式サイトでインスト
PaaS最前線！たったの15分でできるGAE/GO入門！
表1. 言語別スピンアップ計測 体感的には大きな違いはないと思いますが、GO言語のスピンアップはPythonやPHPよりも優れていることがわかると思います。 開発環境は何を選ぶべきか 開発環境には人それぞれ好みがあると思いますが、技術系知識の共有サイトで有名なQiitaでIDEに関する記事の割合を見てみたところ、「IntelliJ IDEA」を利用しているユーザが多いように思います。 現状GOの開発をおこなう場合はIntelliJ IDEAがスタンダードのようですので、はじめてGO言語に触れる方にはIntelliJ IDEAのご利用をお勧めします。ちなみにIntelliJ IDEAでGOの開発環境を構築するための記事はQiitaに多く投稿されておりますので、ぜひそちらを参考にしてください(※4)。 ※4 個人的には以下の記事がオススメです。 http://qiita.com/kaiinui
メルレは本当に儲かるのか？稼げないメールレディの共通点と初月から月5万稼ぐリアルな全手順 - メルレは本当に儲かるのか？稼げないメールレディの共通点と初月から月5万稼ぐリアルな全手順
メルレは本当に儲かる？結論と“リアルな現実” 結論｜月5万〜10万は可能。ただし“楽ではない” メールレディ（メルレ）で月5万〜10万円を稼ぐことは、決して不可能ではありません。 しかし、スマホを少し触るだけで簡単に稼げるという甘い考えを持っていると、挫折してしまうでしょう。 実際には、地道な作業の積み重ねと、正しい戦略が求められるシビアな世界です。 「楽して稼げる」という幻想を捨てることが、メルレで成功するための第一歩となります。 「誰でも簡単」は嘘｜稼げない人が多い理由 多くの求人サイトでは「誰でも簡単に高収入」と謳われていますが、これは完全に嘘です。 実際には、登録したものの1ヶ月も続かずに辞めてしまう女性が後を絶ちません。 その最大の理由は、思っていた以上に作業量が多く、稼ぐためのコツを掴む前に心が折れてしまうからです。 誰でも始められるからこそ、ライバルが多く、工夫しなければ埋も
Googleスプレッドシートをハック！Apps Scriptを使ったToDoリストの実装 デザイン会社 ビートラックス: ブログ
最近では、Googleスプレッドシートを使っている人も多いと思う。Googleスプレッドシートは、オンライン上で簡単に共有でき、同時編集も可能である。これだけで十分に役立つのだが、実は、ほとんどの人はスプレッドシートの本当の可能性に気づいていない。 あまり知られていないが、Apps Scriptという仕組みが提供されておりスプレッドシートのデータを書き換えたり、チャットツールと連携するなどの様々な処理が可能だ。うまく使うことで業務効率を大きく改善できる。 ここでは、サンプルとしてスプレッドシートを使って、簡単な社内向けタスク管理ツールを作ってみよう。 今回作るもの シンプルなタスク管理用のシートだ。小さなプロジェクトであれば、このようなシンプルなもので管理することも多いだろう。 機能としては、次の2つを実装してみよう。 ステータスの変更時(タスクが割り当てられたり、開始したり、完了)に、チ
Googleスプレッドシートでタスク管理シート作ったら、会社で正式に使われることになったｗｗｗ | Boxilが運営するBtoBサービス・資料紹介メディア ボクシルマガジン！
5. ツールバーの「実行」より「myFunction」を選択してください。 すると「プロジェクトを実行するには、先に保存する必要があります。今すぐ保存しますか？」と表示されるので「はい」を選択してください。それに続いて「新しいプロジェクト名を入力してください」と表示されるので適当な名前（ここでは「タスク管理 更新日」とでもしておきましょう）を入力してください。 （「承認が必要です」と表示されたら「続行」を選びます。「○○が次の許可をリクエストしています」が続いて表示されるのでこれも「承認する」を押してください。） 6. 同じくツールバーより「リソース」→「現在のプロジェクトのトリガー」へ進んでください。 7. 「トリガーが設定されていません。今すぐ追加するにはここをクリックしてください」とあるそこをクリックします。 8. 「時間主導型」を「スプレッドシートから」に、「起動時」を「値の変更」
VagrantとDockerについて名前しか知らなかったので試した
筆者注 UPDATE3 Dec 2019 未だストックが伸びていますが、この記事はあまりにも古いです。そろそろこの記事を参考にするのはヤバいと思います。 UPDATE2 Nov 2016 たくさんの反響ありがとうございます。予想以上に「いいね」「ストック」が伸び続けていたため、記事中のよろしくない部分を修正しました。 UPDATE Nov 2016 本記事は筆者自身も未熟な時期に書いたもので、今読み返してみるとやや不正確な表現があったり、既により良い手段に置き換えられている内容が含まれます。足がかり程度にお読みください。 1. はじめに この記事の想定読者 私 VagrantとDocker、どちらも名前だけは知ってるという方 インフラ構成のコード化と共有に興味があるけどまだ触ってないという方 各種ソフトの概要と利用シーンについて軽く触れつつ、調べた内容をまとめておきました。 （執筆時点でそ
Mac OS X - Docker Documentation
!m.isStreaming) // Watch for store changes to focus input this.$watch('$store.gordon.isOpen', (isOpen) => { if (isOpen) { this.$nextTick(() => { this.$refs.input?.focus() }) } }) // Watch for query from store and populate input this.$watch('$store.gordon.query', (query) => { if (query) { this.currentQuestion = query const shouldAutoSubmit = this.$store.gordon.autoSubmit this.$nextTick(() => { if (
はじめてのDocker on Mac OS X | DevelopersIO
ども、大瀧です。 今週金曜日にあるDocker Meetup Tokyo #2という勉強会でLTすることになりまして、大慌てでDocker触ってます。Dockerの開発は非常に活発で、新機能や仕様変更が続々と出ており刺激的なのですが、手元の開発環境として使っているMBAでのセットアップ方法が以前と変わりすぎていたので、備忘録としてまとめておきます。 Dockerの実行方法はVagrantを使う方法などいくつかありますが、今回はDocker公式ドキュメントをベースに、Homebrewで簡単にインストールする方法をチョイスしてみました。すぐに陳腐化する恐れがありますので、そこんとこオナシャス！です。 必要なソフトウェア OS X Mavericks(DockerはSnow Leopard以降をサポート) VirtualBox Homebrew VirtualBoxおよびHomebrewのインス
MacでDockerを試してみる - Qiita
注意 この内容は古いです。 docker for macを使ったほうが楽です！ （2017/01追記) 概要 Mac上でDockerを試します。 Docker初めて触るので誤ってるところあれば指摘いただけると幸いです。 Macはほぼつかってないまっさらな状態での構築を前提で記載してます。 インストールからOSを立ち上げてコンテナ起動+Apache起動させて動作確認を やったところまでのメモになります。 概念などは関連URLなどみてみてください。 必要な物 Virtualbox Xcode Docker Homebrew 環境 MacBook Pro Retina, 15-inch, Late 2013 手順 1 XCodeとHomebrewをインストール Homebrew(macのパッケージ管理ツール)いれるためにXCodeが必要です。 参考にしたページ。 手順どおりインストールします。
【連載】CasperJS でスクレイピング (1) - CasperJS の基本 - メモ用紙
人が操作するのではなくプログラムで Web ブラウザを操作する PhantomJS というツールがある。中身は WebKit。それをより簡単に使うためのツールが CasperJS である。 インストール方法 PhantomJS と CasperJS のふたつをインストールする。 Mac で Homebrew を使っている場合は次の一行で終了。 % brew install phantomjs casperjsWindows の場合は PhantomJS のダウンロードページ から phantomjs-1.9.7-windows.zip を、CasperJS から Download 1.1-beta3 (ZIP) を選択する。ダウンロードした ZIP ファイルを適当な場所に展開し、phantomjs.exe および casperjs.exe のあるディレクトリにパスを通す。 PhantomJ
vagrantではじめるクラウド開発環境（DigitalOcean編） - Qiita
DigitalOceanとは DigitalOcean公式の説明ではこうあります。 DigitalOcean is a platform created for developers who need to launch and scale their applications quickly. Additionally, DigitalOcean provides the perfect environment for developers to play around on the command line and learn more about customizing their own servers. DigitalOceanは、AWSのEC2の機能のみを特化させたようなクラウドプラットフォームです。 特徴 見易くシンプルな管理画面 高性能（ディスクはどのプランでもSSD） 安
初めてのデジタル一眼レフ動画撮影の前に知っておきたい基礎
初めてのデジタル一眼レフ動画撮影の前に知っておきたい基礎今回は私の所属する留学サポート企業Frogのブログでもインタビューさせていただいたふーみんによるゲストブログ！プロモーションビデオ撮影の際に気づいたこと、設定方法などを紹介してくれます！ちなみにそのプロモーションビデオのナレーションは私、Manaが担当していますw 動画の中にもちょこっと登場しているので、探してみてくださいね ;) 初めまして、バンクーバーにてクリエイター留学中のふーみんです！Mana さんが素敵な広報を担当する留学サポート企業Frogが運営し、僕自身の住居でもある『Frog House』のプロモーションビデオを制作しました！完全素人であった僕が、学校のインストラクターや友人のシネマトグラファーからのアドバイスをもとに１から動画撮影について学んだことを共有したいと思います。 制作したプロモーションビデオがこちら。今回
Golang : Read directory content with filepath.Walk()
Golang's filepath.Walk function allow a program to traverse a directory content and tree with ease. In this tutorial, we will see how to read a directory and display its content name with file size. This example will use the http://golang.org/pkg/path/filepath/#Walk function. readdirwalk.go package main import ( "path/filepath" "os" "flag" "fmt" ) func walkpath(path string, f os.FileInfo, err erro
GoogleAppEngine/GOに触ってみたら、チュートリアルに感動しました。 - Qiita
GCPのアドベントカレンダー11日目です。 久しぶりにGAE触ったら管理画面の日本語対応が進んでいて嬉しかったので触ってみました。 といってもチュートリアルな感じです。 Goだけ触ったことがなかったので、試してみました。 昔AppEngineを触ってたときがありましたが、そのときと比べてチュートリアルや管理画面が凄く分かりやすくなっていて感動してます。 Google App Engineでアプリケーション作成 今すぐ試す を選択しましょう。 任意のプロジェクト名を入力して 言語はGoを選択します。 ソースコードは眺めるくらいでおk Google Cloud SDKをまだインストールしていない場合はインストールしましょう。 ~/.bash_profileにaliasを追加しておきます。
さあGoを始めよう！環境構築，”Hello World”から簡単なバックエンドサーバーまで | POSTD
Goは、 信頼できる賢い人たち によって作られた愛すべきささやかなプログラミング言語で、 現在も成長中の大規模なオープンソースコミュニティ によって、継続的に改善が続けられています。 Goの基本原則はシンプルであることですが、時折、約束事が分かりにくいこともありますね。以下では、私がどのようにしてGoのプロジェクトを始め、どのようにGoのイディオムを使っているかを紹介したいと思います。一緒に、Webアプリケーション用のバックエンドサービスを構築しましょう。 環境の構築 新規プロジェクト Webサーバの作成 ルートの追加 複数APIへのクエリ 並列化 シンプルさ 追加演習 環境の構築 最初のステップは、もちろんGoをインストールすることです。オフィシャルサイトに用意されている、 お使いのオペレーティングシステム用のバイナリディストリビューション を使ってください。MacでHomebrewを使
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Free Google Sheets Tutorial at GCFGlobal