CSSのベンダープリフィクスの付与はgulp-autoprefixerが便利です

前回の記事では、Macによるgulpの開発環境の構築について書きました。

記事の中で、gulpで実行させるタスクの例としてSCSSをコンパイルしてCSSにする方法を説明しましたが、今回はもう一歩だけ進んで、SCSSをコンパイルして出力されたCSSにさらに自動でベンダープレフィックスを付与してみたいと思います。

続きを読む

gulpの開発環境をMacで構築してみる

WEB関係の開発をしていると、HTMLやCSS・Javascriptを圧縮したり、SCSSをコンパイルしてCSSにしたり、CSSコードに必要なベンダープレフィックスを設定したりと様々なタスクを一つ一つ実行していく手間が出てきます。

そういったタスクを自動で実行してくれるのがタスクランナーというビルドツールです。

タスクが自動化できれば、処理のし忘れを防ぐこともできますし、何より煩雑なタスクを自分の手で実行する必要がなくなりますので、開発の工数短縮につながります。

ぜひ導入しておきましょう。

今回は、数あるビルドツールの中でも比較的人気の高い「gulp」の導入を解説していきたいと思います。

動作確認環境

  • OS:OS X Yosemite 10.10.5
  • node.js:v6.4.0
  • npm:3.10.3

続きを読む

Macにnode.jsの環境構築をしてみる(nodebrew)

Macにnode.jsをインストールしてきます。

node.jsのインストールは比較的簡単で公式サイトからインストーラーをダウンロードし、実行するだけです。

公式サイトからは「最新安定版」と「LTS (長期サポート版) 」の2種類選択することができます。最新安定版なら右側をクリックします。

Node js

ただ、node.jsはバージョンアップの頻度が高く、プロジェクトによってはバージョンを切り替えたくなるときがあります。

そこで、今回は公式サイトのインストーラーからではなく、node.jsのバージョン管理ツールである「nodebrew」を使用して、Macにnode.jsの環境を構築していきたいと思います。

動作確認環境

  • OS:OS X Yosemite 10.10.5

続きを読む

【Mac】Python3(Anaconda)でTensorFlow環境を構築してみる

Python3でTensorFlow環境を構築してみましょう。

機械学習・ディープラーニングをしっかり理解することは難しいと思いますが、環境構築だけなら簡単です。

そもそも、環境構築しなければ、いろいろ試して勉強することもできないので、機械学習やディープラーニングの概念については、また考えるとして、とりあえず環境構築してみましょう。

TensorFlow環境の構築はいろいろ方法がありますが、今回は前回解説したAnacondaを使って環境構築してみたいと思います。

動作確認環境

  • OS:OS X Yosemite 10.10.5
  • pyenv 20150310
  • anaconda3-2.5.0

続きを読む

keynoteでA4サイズの縦書き資料を作成する方法

簡単な資料やチラシを作成するときは、keynoteを使用するのがオススメです。

keynoteは本来プレゼンテーション用のソフトですが、簡単な資料を作成するくらいであれば、資料作成ツールとしても優秀です。

社内企画書などkeynoteで作成すると早いですよ。 続きを読む

Python3における内包表記について

Python初心者にとってわかりづらい記法として「内包表記」があります。 for文などを使っても同じ処理を書くことはできますが、内包表記を使用すれば、よりPythonらしいコードを書くことができます。

内包表記は、ひとつ以上のイテレータからPythonデータ構造をコンパクトに作れる形式だ。内包表記を使えば、ループや条件テストを寡黙な構文で結合できる。内包表記が使えるかどうかは、Python初心者レベルを卒業できているかどうかの目印になる。 引用:入門Python3 Bill Lubanovic 著

一見、わかりづらそうですが、慣れると読みやすく、内包表記があるからこそPythonを使用しているプログラマもいるほどです。

Python初心者から卒業するためにも内包表記を理解しましょう。

動作確認環境

  • OS X Yosemite 10.10.5
  • Python 3.5.1

続きを読む

MacによるPython3入門 その5 〜if文 while文 for文〜

はじめに

これまでPythonのデータ構造について説明してきました。

今回からは他のプログラミング言語でお馴染みのif文・while文・for文の説明をしたいと思います。

これらの制御フローツールを使えるようになれば、データ処理するためのプログラムが記載できるようになります。

さっそく説明していきたいと思います。

続きを読む

Windowsの機能の有効化または無効化にWindows Subsystem for Linux (Beta)が表示されない

Windows Subsystem for Linux (Beta)が表示されない

Bash on Ubuntu on Windowsを利用するにはWindows Subsystem for Linuxを有効化しなければなりません。

有効にするには、windowsの「プログラムと機能」をクリックし、「Windowsの機能の有効化または無効化」から「Windows Subsystem for Linux」を探して、チェックボックスにチェックを入れる必要があります。

ただ、Windows Subsystem for Linux (Beta)が見つかりません。

続きを読む

Parallels Desktop 11の仮想マシンをwindows 10 anniversary updateにアップグレードする

はじめに

Windows10の2回目の大型アップデートとなる「anniversary update」の提供が8月2日から開始されたとのことで、少し遅くなりましたが、Parallels Desktop 11の仮想マシンをwindows 10 anniversary updateにアップデートしてみたいと思います。

ちなみにアップデートの内容としては下記の5点になるそうです。

  1. Windows Helloの強化 – 生体認証機能をWebサイトなどでも利用可能にする
  2. Windows Inkの搭載 – ペンや手書き入力をサポートする機能
  3. Cortanaの強化 – ロック画面での利用や行動予測の実装
  4. Xbox Oneの強化 – ゲーム機でもUWPアプリを利用可能に
  5. Unix系コマンドや機能の提供

引用:Windows 10 Anniversary Updateの全容とは? 進化したUIと新機能をプレビュー版から探る

個人的に嬉しいのは、Ubuntu互換の実行環境「Windows Subsystem for Linux(WSL)」とそれを利用した「Bash on Ubuntu on Windows」が利用できるようになった点ですね。

続きを読む