【shopify】ローカルでの環境構築方法
Shopifyにはテーマファイルをローカルで編集、アップロードできるTheme kitというツールが用意されています。
今回はTheme kitを使ってローカルでファイルの更新できるようにセットアップ手順をまとめました。
（macOS:Big Sur M1 MacBook airでの実施内容です）
続きを読む »
【MAMP】複数サイトをローカル環境で構築する設定方法
今更感がありますが、MACでサイトを構築、運用する際に必要なローカル環境の作成方法。
MAMPのヴァーチャルホスト機能を使う事で複数のサイトをローカルで運用する事ができます。
wordpressを使ったサイト制作では必須になるものなのでまとめておきます。
続きを読む »
【SourceTree】一度pushしてしまったファイルをリモートリポジトリから削除してgitignoreする方法
wordpressのwp-config.phpやuploadsフォルダなどpushした後にやっぱりリモートリポジトリから外したい場合があると思います。
しかし、一度pushしてしまった後、.gitignoreして再度pushしてもリモートリポジトリ上には残ってしまいます。
SourceTree上でリモートリポジトリから対象ファイルを削除しつつ、ローカルリポジトリ上からコミット対象外にする方法を紹介します。
続きを読む »
【Sublime Text3】SideBarEnhancementsでF12ブラウザプレビューする方法
お久しぶりです。環境を移行する際に忘れないように覚書。
Sublime Text3でxampなどのローカルサーバで設定したURLをDreamweaverのようにF12プレビューする方法。
SideBarEnhancementsがインストールされていてprojectの設定が完了している事が前提です。
続きを読む »
ページリスト（meta一覧）を瞬時に作成できるchrome用拡張機能を作りました。
お久しぶりです。最近モンストの事しか頭にないnikkiiです。
さて、サイトを作成する際に作るのがページリスト。
meta情報やディレクトリを一覧化して、クライアントの方に確認してもらったり、デザイナーさんにスムーズに作業してもらう為にもなくてはならないものです。
続きを読む »
SASS、Compassを使って簡単!アイコン実装方法
お久しぶりです。
先月のcssniteでCSSスプライトの作成方法が紹介せれていたので復習の為にも作成方法をまとめておきたいと思います。
CSS nite LP27 Smartphone part3 に行ってきました
先週末にCSS nite LP27 Smartphone part3 に行ってきました。
まだ業務でレスポンシブデザインの実装経験のない自分ですがとても分かりやすかったです。
今回セッションの中で様々なツールが紹介されていましたが使った事のないツールや初めて聞くものが多かったのでまとめておきます。
続きを読む »