コーディング 2019年3月5日 PHPがわからなくてもオッケー。HTMLをPHPにして共通パーツを外部読み込みする。 Webデザイナーの平尾誠です。 例えばヘッダーとかフッターは全ページ共通のパーツだったりしませんか？ たくさんのページで使われる同じソースコードは、コンポーネント化してインクルードしましょう。 PHPを使いますが、理解し …
お役立ち 2019年2月9日 Web制作初心者の悩みあるあるまとめ Webデザイナーの平尾誠です。 僕は表題の通りMENTAというサービスを利用して、Web制作のメンターをしています。 メンターとは講師と少し毛色がちがい、手取り足取り教えることはしません。 その代わり、つまづくたびにアド …
お役立ち 2019年1月29日 無料で使えるアイコンやデザイン素材を配布しているサイト デザインをするための素材は無料で使えるものがたくさんあります。 そこでWebデザインやグラフィックデザインをする際に必須になる素材サイトを集めました。 新しく発見されるたびに、追加していく予定です。 目次 デザイン素材f …
コーディング 2019年1月27日 SCSSの使い方を初心者用にまとめた Webデザイナーの平尾誠です。 現在CSSを書いている人は、SCSS に記法を変えるだけでCSSの記述が極端に減りますよ。 SCSS は一言で言うと、CSSの記法です。 よく使うSCSS の記法は限られています。 調べれ …
コーディング 2019年1月23日 Web系プログラミングを独学で継続したければ脱線しよう Webデザイナーの平尾誠です。 表題の通りweb系プログラミングの歩き方をまとめています。 この記事は筋肉質な勉強法を否定するものです。 あらかじめご了承ください。 僕はもともとオリジナルの家具を作る家具の施工会社にいま …
コーディング 2019年1月19日 Web系エンジニアのスキルチェックシートを作ったよ Webデザイナーの平尾誠です。 最近アップデートしたポートフォリオが評判が良くて驚いています。 本当にありがとうございます。 さて、僕は最近MENTAというサービスを使い、Webサイト制作初学者へ向けたメンターをしていま …
デザイン 2019年1月17日 ポートフォリオサイトの目的と参考にしたサイト Webデザイナーの平尾誠です 表題の通り、ポートフォリオサイトをアップデートしました。 さて僕がポートフォリオをどういった考えで設計しているかまとめます。 また、参考にしたサイトもご紹介します。 これから作品をまとめる方 …
お役立ち 2019年1月9日 2018年のまとめのまとめ Webデザイナーの平尾誠です。 僕が購読しているたくさんデザイン・マーケティング系メディアのまとめをカテゴリに分けてまとめました。 エンジニアリング、マーケティング、トレンド、デザインの順でまとめました。 総まとめとして …
コーディング 2018年12月8日 WordPressの投稿作成画面を昔のエディタに戻す Webデザイナーの平尾誠です。 Wordpress5.0にアップデートしたら、想像以上に使いにくい。 30分くらい使っていれば慣れるだろうと思っていました。 でも理解した上で、やっぱり使いにくいので戻しました。 快適。 …
コーディング 2018年12月5日 魅力的なCSS/javascript のテキストアニメーションまとめ Webデザイナーの平尾誠です。 今日は汎用的なテキストアニメーションを集めました。 テキストの現れ方が魅力的だと印象はグッとよくなります。 また、引きつけたいものに目線を導くことも可能です。 ほとんどのものはJquery …
コーディング 2018年12月4日 マウスカーソルを利用したマウスストーカー好例まとめ Webデザイナーの平尾誠です。 PC表示の際に、マウスポインターを利用してユーザーの体験を新しくするサイトが増えています。 ユーザーの体験をよりリッチに表現してくれます。 こんな感じですね。 自分もポートフォリオで実装し …
お役立ち 2018年11月10日 【人気５社比較】個人向けWordPressのレンタルサーバー選び方 Webデザイナーの平尾誠です。 サーバー選びはムズかしい専門用語でわからん。 この記事にたどり着いた方もそうですよね。 レンタルサーバー会社の比較をしても、結局どれがいいかわからないはず。 Web制作を仕事にしているぼく …
お役立ち 2018年10月18日 18パターンの今すぐ使えるキャッチコピーの考え方 Webデザイナーの平尾誠です。 Webディレクターとして立ち回ることが最近は多くなりました。 そうなると、プロジェクトの上流の企画から考えることが多くなります。 今日はキャッチコピーの切り口とパターンをお伝えします。 と …
お役立ち 2018年10月18日 Web校正サービス「AUN」でチェック業務をカンタンに【登録不要で無料】 Webデザイナーの平尾誠です。 皆さんはデザインやプロダクトのチェック業務（印刷では校正と呼ぶ）はどうしていますか？？ 今日は離れた相手に、正確にチェックしたことを伝えるためのサービス AUN を紹介します。 Webサイ …
お役立ち 2018年10月6日 【クリエーター向けMac bookの選び方】メモリはWeb制作なら8GB、動画なら32GB必要 Webデザイナーの平尾誠です。 クリエイターにとって、目的に合わせた Macbook 選びは重要。 この記事はこんな人に読んでほしい。 Web制作で Macを買おうとしている方 動画制作で Macを買おうとしている方 ノ …
デザイン 2018年10月3日 結婚式でオリジナルペーパーアイテムを作る際の注意点 Webデザイナーの平尾誠です。 先日、自分の結婚式でペーパーアイテムを全てデザインしました。 こちらの記事で制作物は紹介しております。 大好評につき、この記事がきっかけで、お仕事の依頼も舞い込みました。 ブログ書いててよ …
コーディング 2018年9月6日 お手軽なスマホでジャイロを用いたparallax.js これ以上ないんじゃないかってくらい簡単で便利なJsのプラグインを発見！ スマホで見たら傾けたときに、ふわふわっと傾きます。 これは携帯に内蔵されているジャイロセンサーを使用したものです。 PCで見たときはカーソルに追従す …
デザイン 2018年8月28日 ホームページ制作の参考になるブックマークサイトを見よう webデザイナーの平尾誠です。 この記事は これからWebデザインを学びたい ホームページの参考を探している Webデザインに興味を持った僕の奥さん そんな方に読んで欲しいです。 最近僕の奥さんが、副業しすぎている僕を見 …
デザイン 2018年8月23日 商用無料のアイコン素材サイト『ICON BOX』がかわいい Webデザイナーの平尾誠です。 ミニマルですぐに使えるかわいいアイコンのご紹介です。 デザイナーにとって、アイコンがデザイン要素として重要なのは事実です。 ですが、できれば使いまわしたい。 そんな要望にぴったりなクセがな …
お役立ち 2018年7月10日 オンラインで画像圧縮によりサイト高速化！ 画像が重たいから圧縮したい サイト表示スピードを高速化したい WordPressに使う画像を軽くしたい 画像の圧縮を手軽にしたい方への記事です。 いろんなプラグインとかアプリがあるけど、画像の圧縮はtinypngってサイ …
デザイン 2018年7月2日 【Webデザインに舌鼓をうつ vol.14】 NOW by NEWPIECE (日本) webデザイナーの平尾誠です。 久しぶりに新しいタイプのサイトを発見しました。 Webデザインに舌鼓をうつシリーズの第14弾は、訴求することを目的に作られるLPの紹介です。 LPとはランディングページのことで、本来は広告 …
デザイン 2018年6月22日 【制作実績】ヘアアイロン”SALONIA” の公式ブランドサイトを制作しました Webデザイナーの平尾誠です。 楽天で売り上げ1位のヘアアイロン SALONIAの公式ブランドサイトのアートディレクションとフロントエンドを担当しました。 たくさんのアーカイブサイトに取り上げて頂き有り難い限りです。 低 …
コーディング 2018年6月3日 【jquery】ユーザビリティをよくするサンプルコードまとめ 制作現場では決まって時間がない。 だから決まって使うソースコードは使いまわしたいですよね。 コピペで使える便利なコードを、役割別にまとめました。 今後もどんどん追加していくので、ブックマークとしておくと困った時に役に立つ …
コーディング 2018年5月19日 カスタム投稿タイプの作成と投稿ページ・一覧ページの作り方 プラグインを使わずにWordpressのカスタム投稿タイプを作ります。 目次 カスタム投稿タイプの作成方法管理画面に項目追加投稿ページの作り方一覧ページの作り方カスタム投稿タイプの作成方法 ますはfunctions.ph …
お役立ち 2018年5月4日 フォルダ内の全画像のリサイズを一瞬でする裏技【Mac】 ブログを書き出してかれこれ一年半くらいがたちます。 親切なブログにしようと思うと、たくさん画面のスクリーンショットを多用しながら説明することが多いです。 でもバラバラのサイズの画像を、ブログに適したサイズにするのはめんど …
お役立ち 2018年4月29日 アウトプットの質を上げる！GWに読みたいデザイン関連以外の書籍【11選】 GWはインプットのためにあると言ってしまうと、意識高い系だと思われてきっとあなたは友達の間で浮くと思います。 だけど連休は間違いなく腰をすえてインプットができるチャンスです。 きっとあなたはふだん本屋さんで、デザイン関連 …
お役立ち 2018年4月28日 デスクワークの効率化を図るツールと最高のオフィスチェア 手ぶらで通勤するWebデザイナーの平尾誠です。 いつも僕は持ちものの最適化を考えていて、その結果手ぶらで出社しています。 遊びに行く感覚でオフィスに行けてストレスフリーですよ。 そして最近では、職場の制作環境をトリプルモ …
デザイン 2018年4月14日 グラフィックデザイナーがWebデザインをするときの違いと心得【オススメ参考書】 グラフィックデザイナーなんだけどWebも作りたい 最近Webデザインを始めた そんな人に向けての記事です。 社内でグラフィックデザイナーへ向けてWeb勉強会をする機会があり、Webと紙の違いを話した内容をまとめました。 …
デザイン 2018年4月12日 【Webデザインに舌鼓をうつ vol.13】 The Shift by Garden Eight (日本) マウスストーカーといい、最近はマウスに追従し、コントローラーかのようにカーソルを実装するのが流行っています。 今回のサイトは全てがマウスストーカーを使った操作となっており、シンプルでとてもわかりやすいサイトです。 The …
デザイン 2018年4月5日 【Webデザインに舌鼓をうつ vol.12】 DRAFT Inc. by SHIFTBRAIN (日本) いつもどうやったらこんなデザインが出来あがんだよっってくらいイケてるデザインをご紹介する”Webデザインに舌鼓をうつ”シリーズ。 今回は制作物をとても魅力的に見せる、店舗設計/オフィスデザイン会社のコーポレート＆ポートフ …
