Vagrantでnginx起動してもブラウザから見れない時の対処法

VagrantにNginxをインストールして起動したけれど、ブラウザで見れなかったので解決方法をまとめました。MacOS+Vagrant+VirtualBox+Nginxでの環境です。

【ajaxサンプル】js(jQuery)の非同期通信で画面を切り替える方法

jsのajaxを使って画面切り替えをしたい。できれば応用できるように具体的な解説も欲しい。そんな人へ向けた内容です。 実践でも使えるajax(jQuery)通信のサンプルとコードの解説や応用のコツも紹介してます。プログラムの基礎にも触れています。

cssでズームのアニメーション作る[サンプルはボタン、サムネ対応など]

cssでズームのアニメーションを作成したい。ホバーした時に、アニメーションするボタンを作成したい。サムネイルの画像をホバーさせた時にアニメーションさせたい。そんな方へ向けた内容です。 コピペサンプルとデモを確認できますので、確認してぜひ使って…

cssで上下中央に表示させるサンプル[画像やテキスト用途別紹介]

cssで上下中央に表示する方法を知りたい。どのブラウザでも対応できる書き方が知りたい。そんな方へに向けた内容です。 cssで上下中央表示させる方法のコピペサンプルを紹介しています。 WEB制作8年の経験を元に紹介していますので、ぜひ使ってみてください。

Vagrantの共有フォルダを設定する方法【MacでWEB開発をすすめ】

vagrantを使ってサーバーを立ち上げ、mac上で開発を行いたい。他にもvagrantを使って開発する際に役立つ設定があれば知りたい。、そんな方へ向けた内容です。 Vagtantの初歩的な内容をまとめて行っていますので、これから使いたい方にも読んでいただける内容…

cssでタブを実装したコピペサンプル[5つのパターンを用意]

cssだけでタブを作成したい。できればレスポンシブ対応したcssを作成したい。そんな方へ向けた内容です。 コピペ可能なサンプルを5つ載せていますので、ぜひcssでタブを制作する際にご活用ください。

VSCode日本語化と拡張機能おすすめ5選!現役WEBエンジニアの設定

これからVSCodeを使ってみよう!テキストエディタをVSCodeへ乗り換えよう。という方へ。 VScodeの日本語化や、おすすめの拡張機能をまとめています。

cssでフェードインアニメーションの実装方法[コピペサンプルあり]

WEBサイトにcssでフェードインアニメーションを実装したい。簡単な実装方法が知りたい。そんな方へ向けた内容です。 コピペ可能なcssのフェードインアニメーションのサンプルを載せています。実際に使用できるサンプルなので、お試しください。

vagrantとvirtualboxでmacOSに仮想環境を構築

vagrantとvirtualboxでmacOSに仮想環境を構築した際の備忘録です。 vagrantやvirtualboxがわからない方でも、わかりやすいようにまとめています。 scriptも記載しているのでコピペで構築可能です。

cssクラス名で迷わない命名規則[サンプルコードあり]

cssのクラス名で悩んでいませんか?簡単にその悩みを解決します。 WEB制作8年の経験から導き出したノウハウをまとめました。 cssのクラス名で悩まず命名規則を理解するだけで、css設計も解決できます。 cssのクラス名や命名規則、css設計に興味があればぜひ…

ブログで本紹介する表示方法のおすすめ【ヨメレバ使用】

ブログで本紹介でよく見かける表示をマネしたい人に、表示方法をまとめました。 実際のコードを載せているのでコピペですぐに使用できます。 ブログで本紹介する際はぜひこの表示方法をお試しください。 簡単にできるのでおすすめです。

2018年は「Vue.js」の年。

どうもー・ω・ ガッチ(@MediaGatch)です。 javascriptの開発が気になって仕方ないですね。 WEBサービスの開発現場は日々新しいツールや言語が出ては消えていきます。 そんな移り変わりの早い時代に何を使ったら良いのか? 気になって悩んでる人も多いので…

googleアナリティクスの設定

googleAnalyticsの設定についておすすめのアドオンをご紹介しています。自分自身のアクセスをgoogleAnalyticsに反映させない方法を知りたい方はぜひお試しください。

Ruby開発で必要なMacの設定で必要な3つのこと

ruby on railsについてインストール方法をまとめています。初期設定の方法ですので、これからプログラムを勉強しようとしている方向けの内容です。難しい内容はなく、コードをそのまま実行すれば簡単にインストールできます。ぜひ興味がある方はお試しあれ。

macの設定について

macを使ってweb制作するときの設定についてまとめています。windowsからmacに切り替えた方はぜひご覧ください。web制作する際に役立つテキストエディタやgitを使うツールについて書いています。