セルフチェックを怠るな。「急がば回れ」で制作スピードを大幅改善。


 

こんにちは。

米田です。

 
みなさんはセルフチェックを欠かさずしていますか?
特に制作者のみなさん、どうですか?

チェックは地味で退屈な作業ですが、
最も重要な作業の1つです。

「制作」はセルフチェックまで含めて「制作」です。

とても当たり前のことですが、
セルフチェックを意識することで全体の制作のスピードに多大な影響を与えます。

コーダーである私が日々感じている、
セルフチェックの重要性についてお話していきます。

 
続きを読む

大量の記事をCSVデータで一括管理できる「Really Simple CSV Importer」

 
こんにちは。

米田です。

 
久々に本気でダイエットをしているのですが、
週末になると飲んで食べてで結局リセットされる日々が続いています。。

 
さて今回は、CSVデータから簡単に記事を生成できる、
「Really Simple CSV Importer」というwordpressのプラグインのご紹介です。

 
続きを読む

ローカル環境でWordPressを構築したい!「Local by Flywheel」のインストール方法と使い方!

 
こんにちは。

米田です。

 
先々週、ELLEGARDENの復活ライブに行ってきました。
たまらんですね。
細美武士かっこよすぎでした。

 
さて、今回はWordPressのお話です。

WordPressをいざ構築しようとすると、
データベースを作成して、インストールして、、、
などなどおなじみの行程があると思います。

ただ、「実験的に試してみたいことがある!」「勉強のためWordPressを触れる環境を作りたい!」「ftpをさわるのがめんどくさい!」

と思ったことはないでしょうか。

 
今回紹介する「Local by Flywheel」はとても簡単にWordPressをローカル環境で構築することができるツールです。

続きを読む

WordPressでアイキャッチ画像が未登録の場合、任意の画像をランダム表示させる

 

こんにちは。
ジーニアスウェブの米田です。

早いもので、入社して1年が経ちました。

1年たっても相変わらず勉強の毎日です。果たして成長したのか、、、
2年目もさらに頑張ってまいります。

そんなまだまだ勉強中の私の備忘録も兼ねて、
アイキャッチ画像を登録していない時に、
自動で任意の画像を表示させる方法をご紹介します。

続きを読む

誰でも簡単!Google Mapを自由自在にカスタマイズしよう!

こんにちは。
ジーニアスウェブの米田です。

webサイトに地図を表示させる際、
多くの場合Google Mapが利用されていると思います。

ただ、デフォルトのデザインのままではつまらなかったり、
サイト自体の雰囲気を壊してしまう可能性もあります。

そこで、今回はデザインやピンアイコンを簡単に変更する方法をご紹介します!

続きを読む

web制作者は知らないと損!作業が二倍になるChrome拡張機能

こんにちは。
ジーニアスウェブの米田です。

最近、肥えてきたので痩せなければです。
ダイエットは明日からはじめます。

さて、みなさんはブラウザは何を使っているでしょうか。
Google ChromeやFirefox、Internet Explorerが代表的です。

私はGoogle Chromeをメインとして使っており(コーダーとしてはブラウザはGoogle Chromeだけになってほしいものです)、拡張機能をいくつか利用しています。

今回は、そんな便利で使えるGoogle Chromeの拡張機能をご紹介したいと思います。

続きを読む

Sublime Textを使いこなして、作業効率大幅アップ!! 後編

こんにちは。
ジーニアスウェブの米田です。

前回、Sublime Textをカスタマイズするために、PackageControllをインストールしました。

Sublime Textを使いこなして、作業効率大幅アップ!! 前編

これで、パッケージと呼ばれる追加機能をインストールすることができます。
今回は、とても便利なパッケージをいくつかご紹介していきます。

続きを読む

Sublime Textを使いこなして、作業効率大幅アップ!! 前編

こんにちは。
ジーニアスウェブの米田です。

最近字を書くのにはまっています。
アナログメモが大好きなので、美しい字を書けるようになりたいものです。

さて、みなさんはコーディングの際、どのテキストエディタを使っているでしょうか。
まさかメモ帳なんてことはないでしょう。

便利なテキストエディタがたくさんありますが、今回は私が利用しているSublime Textです。
お恥ずかしながら機能の半分すら使いこなせていないので、
これを機会にごりごりカスタマイズしつつ、ご紹介していきたいと思います。

今回は前編として、カスタマイズに必要な準備をしていきます。

続きを読む

inline-blockで横並びにしたらカラム落ちしてしまった!簡単な解決法をご紹介!

こんにちは。
ジーニアスウェブの米田です。

コーディング初心者にとって、要素の横並びはつまずくポイントの1つではないでしょうか。
実際自分もそのひとりです。

レスポンシブ化が必須になってきている今、可変対応できるものでないとなりません。
今回はinline-blockで横並びにした際、カラム落ちしてしまう現象についてご紹介します。

続きを読む

要素の高さが自動で揃う、「matchHeight」がめちゃくちゃ使える!

null
こんにちは。
ジーニアスウェブの米田です。
 
今月末はくるり主催の京都音楽博覧会に行ってきます。
去年も参戦したのですが、なんと台風で主催者であるくるりの出番前で中止に。。。
今年はリベンジ!楽しみです!
 
さて、みなさんは「matchHeight」というものをご存知でしょうか。
レスポンシブ対応が必須の今、このjQueryプラグインがとても役に立つのです
 
続きを読む

無駄なclassとはおさらば!構造擬似クラスでコードを美しく!

fotolia_80894400_subscription_xl

みなさんこんにちは、米田です。

最近、引くほど睡眠時間が長いです。
いくら寝ても睡魔が襲っています。
病気でしょうか。
ショートスリーパーに憧れます。。。

そんな私の眠気が吹っ飛ぶほど便利な、
構造擬似クラスをご紹介します。

続きを読む

デザイナーになるための第一歩! 「デザインの四原則」

%e5%9b%9b%e5%8e%9f%e5%89%87

こんにちは。ジーニアスウェブの米田です。

最近SONYから出たデジタルペーパーを知っていますか?
メモは断然手書き派なので、気になっているのですが。
8万円。。。紙で我慢します。

さて今回は、デザインをする上で必ず押さえておきたい「デザインの四原則」です。
デザイナーではない方でも知っておいて損はないので、必見です!

続きを読む

コーディング初心者だからこそ理解しておきたい、「ブロックレベル要素」と「インラインレベル要素」

fotolia_156651782_subscription_xl

こんにちは。ジーニアスウェブの米田です。
最近だんだんと暑くなってきましたね。
汗っかきの私には、これからの季節が憂鬱です。。。

さて今回は、コーディングの勉強を始めた人なら誰しも一度は行き詰まるであろう(私だけかもしれませんが)、ブロックレベル要素とインラインレベル要素についてお話ししようと思います。

続きを読む

未経験の私が伝えたい、web業界で感じたこと

fotolia_89818728_subscription_l

みなさん、はじめまして。3月の中旬からジーニアスウェブに入社いたしました米田と申します。
入社して約1ヶ月半が経ちましたが、悪戦苦闘の日々が続きます。

私は未経験どころか、社会に出るのも初めての若造です。そんな私がweb業界に足を踏み入れた経緯と、入社して感じたことなどを話したいと思います。

続きを読む