レッスン一覧 料金プラン ログイン 2024/07/11 NEW 【週刊ドットインストール】 ロードマップ相談の現場から、レッスン制作の進捗、HTML/CSSを極めるコーナー 2024/07/11 NEW HTML ってなんのため? - HTML / CSS を極めるコーナー 2024/07/10 NEW 『Laravel入門 CRUD操作編』をリリースしました 2024/05/07 NEW あなただけの学習ロードマップを作成します 【随時受付中】
![MongoDB入門 (全15回) - プログラミングならドットインストール](https://cdn-ak-scissors.b.st-hatena.com/image/square/9c6953b44551ebcd157594b246e71d3a38a36e2b/height=288;version=1;width=512/https%3A%2F%2Fdotinstall.com%2Fpackage_img%2Fbasic_mongodb_v3%2Fscreen_1.png)
大変申し訳ありませんが、該当ページがございません。 トップページへご案内いたします。 このページをブックマーク登録されていた方は、 お手数ですがブックマークの変更をお願いいたします。 戻る
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 前回、これからSassを始めたい人へ!導入手順をまとめてみた(Dreamweaver対応)というSassの基礎に関する記事を書かせていただきました。 そこで今回は、もう一歩つっこんでもっと使いこなせるようになろう!という趣旨のもと、ちょっと使えるようになったからっていい気になっている僕がSassのテクニックやら関数をまとめてご紹介いたします! たくさんある機能の中から、今回は比較的簡単で実用性の高いものをチョイスしました。 目指せSassマスター!WEBデザイナーもコーダーもすぐに実践したくなるSassの基本テクニック12連発もくじ もくじ テクニック1 アンパサンド(&) テクニック2 演算 テクニック3 round() テクニック4 rgba() テクニック5 コメントアウト テクニック6 変数 テ
更新:2016年5月20日 Sass は Syntactically Awesome Style Sheets (構文的に素晴らしいスタイルシート) の略で、CSS を便利に使えるように拡張した言語です。 Sass には Sass 記法(拡張子 .sass)と SCSS 記法(拡張子 .scss)の二つの記法がありますが、ここでは SCSS 記法(拡張子 .scss)を使用します。現在はこちらが主流のようです。 SASS は CSS とは構文が異なるため CSS ファイルには SASS を記述することができません。SASS の場合は「.scss」という拡張子のファイルに記述します。 しかし、逆に通常の CSS を SASS ファイルに記述することは問題ありません。CSS ファイルの拡張子を「.css」から「.scss」に変更すると SASS ファイルになります。 SASS のインストールや
==================== 2015.10.21 config.rbが使えるように改良した記事をアップしました。 ==================== gulpの解説サイトを見ていると、そのどれもフォルダ構造が、フォルダ名は違えど root(ここにgulpをインストール) ├ dist(ビルドするとここに出力される。サーバーにアップしたり納品用) └ src(開発用) ├ assets(このフォルダ内にCSSや画像を全部突っ込む) │ ├ _sass │ ├ css │ ├ images │ └ js ├ index.html ・ ・ ・みたいになっていますが、案件によっては root ├ dist └ src ├ assets(このフォルダ以下には共通のCSSやら画像やらのみ格納) │ ├ _sass │ ├ css │ ├ images │ └ js ├ _sass
Grunt、Vagrantなどの制作作業を効率化するツールがいろいろとでてきていますね。存在はしっていたものの、今の環境で著しく不便を感じているわけでは無いし、面倒だし…と手を出さずにいたのですが、OS Xでの環境構築について手順をまとめてくださっている記事があったので、通してやってみました。 上記の記事を見て一通り設定はできたのですが、GruntやCompassの設定に戸惑ってしまいました。設定作業中もいくつかエラーが出たりしたので、そのあたりも考慮して僕の行った環境構築の手順についてまとめてみました。僕のようにまだこのあたりのツールに興味はあるけど手を出していないという方は参考にしてみてください。 もろもろをインストールする Xcode まず、AppStoreからXcodeをインストールします。コマンドラインツールも必要なので、下記のコマンドでインストールします。 xcode-sele
2014.12.16 こんにちわ。山王です。 最近話題になってるフロントエンドタスクランナーGulp.jsをインストールしたお話です。 以前Grunt.jsを使用した際はCompassのコンパイルが遅くて断念したんですが やはりナウでヤングでモダンなやり方でやりたいなぁと思いGulp.jsの噂を聞きつけインストールした次第です。 Gruntとの違い Gruntfile.jsに比べgulpfile.jsの方が書きやすい 実行速度が速い プラグインが少ない まだできて日が浅いので今後プラグインも増えてくるのではないでしょうか。 フロントエンドツールのトレンドの流れが早いので新しくもっといいツールが出る可能性もありますが。 目次 Node.jsインストール Gulp.jsインストール gulpfile.js作成 CompassでSASSのコンパイルをする CSSを圧縮する Javascriptを
GulpでTypeScriptとSASS/COMPASSをコンパイルするタスクを書きました。 使用しているgulpのプラグインは gulp-tsc gulp-compass gulp-plumber gulp-watch var gulp = require('gulp'); var typescript = require('gulp-tsc'); var compass = require('gulp-compass'); var plumber = require('gulp-plumber'); //TypeScriptのタスク gulp.task('typescript',function(){ gulp.src(['src/ts/**/*.ts']) .pipe(plumber()) //エラーしてもウォッチを途中でやめないための処理 .pipe(typescript({mod
Web フロントエンド開発において gulp は非常に便利だ。しかしあまりにも gulp に依存しすぎており、これなしで開発できるだろうか?という不安もある。というわけで gulp を利用せず package.json と npm だけで同等の機能を実現する方法を検討してみた。 2015/11/4 追記 babelify v7.2 を試すで babelyfy 7.2 ( とその中の Babel 6.x ) について調べ、npm-scripts の変更が必要なことを確認したので追記。また Windows 環境の動作検証をおこなったところ、最新の watchify なら -o オプションが通ることを確認できた。よって本記事の最後の課題が解決したことになる。 2015/9/23 追記 cpx と rimraf を試すの内容をファイル処理に反映して簡略化。 2015/9/15 修正 Stylus
はじめに nodebrewでnode.jsをインストールすると任意のバージョンのNode.jsを簡単にインストールでき、バージョンの切り替えも超ラクみたい!まーそんなに困ってるわけじゃないけどラクできるなら勉強がてら入れなおしてみようと思いました。 homebrewのnodeをuninstall ↑なんかルー語っぽくないですか?w どうでもいいですか?w はじめにnodeパッケージがあれば削除しておきます。 $ brew uninstall node これで、僕の寒いギャグと一緒にnodeパッケージを闇に葬りました。 nodebrewをインストール nodebrewはhomebrewのパッケージになっているのでbrew installで入れました。 $ brew install nodebrew 他にもよく見るインストール方法が下記です。 どちらの方がいいんでしょうか?ってか何が違うの?
macOS10.9.5でhomebrew をインストール。 ターミナルで ①brew install nodeを実行すると →「node-0.12.4 already installed, it's just not linked」(リンクが張られてない) ②brew link nodeでリンクを張ろうとすると →Linking /usr/local/Cellar/node/0.12.4... Error: Could not symlink include/node/android-ifaddrs.h /usr/local/include/node is not writable. 権限がない?とでます。 この時点でbrew doctorを実行すると Please note that these warnings are just used to help the Homebrew ma
はじめに こんにちは、ディレクターのエリカです。 今回は、Macを利用しているWebディレクターのみなさんが、作業環境をより効率的に整えられるようになる「Homebrew」をご紹介したいと思います。 目次 パッケージマネージャとは? パッケージマネージャ導入のすすめ Homebrewとは? Homebrewのインストール Homebrewの使い方 まとめ パッケージマネージャとは? パッケージマネージャと言われてもピンと来ない方は、App Storeをイメージしてみてください。 アプリケーションを探してインストールしたり、更新されたらアップデートしてくれたり、つまり、いろいろなアプリケーションをまとめて管理するためのアプリケーションですね。 パッケージマネージャ導入のすすめ 当ブログでも、Webサイトの開発や検証で有用なツールをいろいろと紹介しています。 その中で伝えたいことは、ツールのイ
はじめに いつも使っているMac book。 パッケージマネージャーはbrewを使っています。 いつも何気なく使っているbrewですが、よくわかっていないのにネットの情報をコピペ→実行してしまうときがあります。 今回はそんなhomebrewについてちょっと調べてみました。 homebrewとは?パッケージ管理システムとは? wikipediaによるとこうなっています。 「Mac OS Xオペレーティングシステム上でソフトウェアの導入を単純化するパッケージ管理システムのひとつである」 実行ファイルや設定ファイル、ライブラリetcを一つのファイルとしてまとめているものをパッケージと呼びます。 パッケージ管理システムとはこのパッケージのインストール(アンインストール)作業を一元的管理するものです。パッケージやライブラリの依存関係などが管理できます。 ちなみにパッケージ管理には、 バイナリを取得す
プログラミング学習サービスやら、ペットサロン予約サービス、風俗検索サービスなど色々とやっている「かずきち」です。 ■運営サービス一部 http://crazy-wp.com/ http://webukatu.com/ 新宿のホストから不動産・保険の営業を経て、HTMLって何?という状態から3ヶ月独学でプログラミングやデザインを学び、IT業界で1年間実務経験を積んで年収は1本超え。現在は起業家としてサービス運営やら不動産運営をしています。 Qiita内にそれ系の記事も書いてます。 エンジニアで稼ぐために大切な13のコト WEBサービスで起業したい人に読んで欲しい18のコト Gulpとは?? タスク自動化ツール。 画像やjs、cssなどの色々なファイルを圧縮してくれたり、CSSプリプロセッサのSASS、LESS、Stylusなどを自動でコンパイルしてくれたり、ファイルが更新されたら自動でブラウ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く