CREATOR BLOG

「コーディング」の記事の一覧

中規模のサイトリニューアルや怒涛のページ更新でも活用したい、静的サイトジェネレータ「Phest」

2015/03/26
tan
  • このエントリーをはてなブックマークに追加

前回書いた静的サイトジェネレータ「Phest」導入のメリット5の続編です。
前回は初期コーディング時に導入した際の話を書きました。
今回は既にあるサイトのリニューアルや、商品追加などのある程度規模の大きい更新に対してPhestを使ってみた時の話です。

リニューアルや更新はもしかしたら初期構築よりややこしいかもしれません…
既存のソースを理解し、影響範囲を常に意識しながら作業する必要があります。
だいたい既存のソースをある程度ひっぱってきてテスト環境を作り、変更したファイルを書き留めながら進めます。
小さい規模だとこのやり方でいいのですが、規模が大きくなってくると手に負えなくなってしまいます。

なので、Phestで楽になりましょう!

もくじ

  • そもそも静的サイトジェネレータとは?
  • メリット1:変更のあるファイルのみをまとめておき、編集できる
  • メリット2:既存のcssファイルに対して、sassを導入しやすい
  • メリット3:大量生産系の作業に特化している
  • メリット4:静的サイトジェネレータ「Phest」導入のメリット5であげたメリットも使えます
  • 既存サイトにPhestを組み込む際の導入手順
  • まとめ

続きを読む

photoshopのアセット機能を使って爆速でスライスしよう

2015/02/19
タムラ
  • このエントリーをはてなブックマークに追加

こんにちわ。
マークアップの田村です。
2週連続でクリエーターブログを書かせていただきます。

今回はコーダーの皆さんはぜひ使っていただきたい「photoshop2014」のアセット機能を紹介したいと思います。

続きを読む

cssを書く人がブクマしておきたいジェネレーターサイト8選

2015/02/04
タムラ
  • このエントリーをはてなブックマークに追加

マークアップの田村です。

今回は自分が使用している便利なジェネレータを紹介しようと思います。
とりあえず、これだけブックマークしておけば迷った時にすぐ使用できます。

続きを読む

MaterialDesign対応のUIフレームワーク5選

2015/01/23
鈴木潤一
  • このエントリーをはてなブックマークに追加
01

こんにちは。すーさんです。
今回はGoogleが提唱したデザインガイドライン「MaterialDesign」をWEBに取り入れる為のUIフレームワークをご紹介します。

続きを読む

gulp入門その2―ファイルの監視をしてみる

2015/01/21
atsuko.a
  • このエントリーをはてなブックマークに追加

こんにちは、フロントエンドエンジニアのあつこです(ΦωΦ)
前回に引き続き、gulpについてつらつら書いていきます。
前回の記事はこちらgulp入門その1―とりあえず動かすところまで

同期処理やらについても書きたかったのですが、書き始めてみたらやたら長くなってしまったので分割。
今回は、ファイルの監視(+エラー時の通知)をしてみます。

もくじ

  • デフォルトで実行されるタスクを設定する
  • ファイルの監視をする
    • タスクの監視中にエラーが起きた場合
    • エラーによる監視の強制停止を回避する
    • エラーメッセージを表示する
  • まとめ

続きを読む

Recent Entry

CSSの単位まとめ pxからvm/vh/vmin/vmaxまで

レスポンシブHTMLメールを作ってみての感想

CSSのリファクタリングでした5つのこと

大人が読んでも頭を使う絵本の紹介

サイト内にうまくInstagramを取り入れてるサイト11選

Category

Archive