Web系プログラミングを独学で継続したければ脱線しよう
Webデザイナーの平尾誠です。 表題の通りweb系プログラミングの歩き方をまとめています。 この記事は筋肉質な勉強法を否定するものです。 あらかじめご了承ください。 僕はもともとオリジナルの家具を作る家具の施工会社にいま …
「Web制作」の記事一覧
Web系エンジニアのスキルチェックシートを作ったよ
Webデザイナーの平尾誠です。 最近アップデートしたポートフォリオが評判が良くて驚いています。 本当にありがとうございます。 さて、僕は最近MENTAというサービスを使い、Webサイト制作初学者へ向けたメンターをしていま …
ポートフォリオサイトの目的と参考にしたサイト
Webデザイナーの平尾誠です 表題の通り、ポートフォリオサイトをアップデートしました。 さて僕がポートフォリオをどういった考えで設計しているかまとめます。 また、参考にしたサイトもご紹介します。 これから作品をまとめる方 …
初心者にありがちなHTMLの書き方と対策
Webデザイナーの平尾誠です。 最近、初学者に向けてオンラインでマンツーマンの講師をしています。 初学者が忘れがちな場所っていつも同じだと感じます。 この記事は下記のような方に向けて書いています。 ドットインストールで勉 …
2018年のまとめのまとめ
Webデザイナーの平尾誠です。 僕が購読しているたくさんデザイン・マーケティング系メディアのまとめをカテゴリに分けてまとめました。 エンジニアリング、マーケティング、トレンド、デザインの順でまとめました。 総まとめとして …
WordPressの投稿作成画面を昔のエディタに戻す
Webデザイナーの平尾誠です。 Wordpress5.0にアップデートしたら、想像以上に使いにくい。 30分くらい使っていれば慣れるだろうと思っていました。 でも理解した上で、やっぱり使いにくいので戻しました。 快適。 …
魅力的なテキストアニメーションまとめ
Webデザイナーの平尾誠です。 今日は汎用的なテキストアニメーションを集めました。 テキストの現れ方が魅力的だと印象はグッとよくなります。 また、引きつけたいものに目線を導くことも可能です。 ほとんどのものはJquery …
マウスカーソルを利用したマウスストーカー好例まとめ
Webデザイナーの平尾誠です。 PC表示の際に、マウスポインターを利用してユーザーの体験を新しくするサイトが増えています。 ユーザーの体験をよりリッチに表現してくれます。 こんな感じですね。 自分もポートフォリオで実装し …
AIデザインツールがあればデザイナーは必要ない？
Webデザイナーの平尾誠です。 今日はAIでWebサイトやロゴデザイン、音楽制作まで代替してくれるサイトやサービスを紹介します。 クリエイティブ業界にもAIをサービスやツールの登場が盛んです。 中国のECサイトでは、すで …
【人気５社比較】個人向けWordPressのレンタルサーバー選び方
Webデザイナーの平尾誠です。 サーバー選びはムズかしい専門用語でわからん。 この記事にたどり着いた方もそうですよね。 レンタルサーバー会社の比較をしても、結局どれがいいかわからないはず。 Web制作を仕事にしているぼく …
Git を覚えたらエンジニアとリモートできるって本当？
Webデザイナーの平尾誠です。 普段はソース管理をBitbucketとSourcetreeでやってます。 GitHubはわからない。かなしい。 だけどエンジニアとのファイル共有をするならGitでしょてことで、僕もこれから …
オリジナルのホームページを自作するならWordPressをはじめよう
Webデザイナーの平尾誠です。 この記事は、これからホームページを自作することを考えている人のための記事です。 会社のホームページを自作したい ブログをはじめたい 今すぐホームページが欲しい はっきり言って、ホームページ …
20秒でわかるTypekitからAdobe Fontsになって変わったこと
Webデザイナーの平尾誠です。 Adobe Maxがありました。 Adobe Maxとは、Adobeの新製品や新しい技術を発表するイベントのことです。 いろんな発表がありましたが、AdobeのtypekitがAdobeF …
18パターンの今すぐ使えるキャッチコピーの考え方
Webデザイナーの平尾誠です。 Webディレクターとして立ち回ることが最近は多くなりました。 そうなると、プロジェクトの上流の企画から考えることが多くなります。 今日はキャッチコピーの切り口とパターンをお伝えします。 と …
Web校正サービス「AUN」でチェック業務をカンタンに【登録不要で無料】
Webデザイナーの平尾誠です。 皆さんはデザインやプロダクトのチェック業務（印刷では校正と呼ぶ）はどうしていますか？？ 今日は離れた相手に、正確にチェックしたことを伝えるためのサービス AUN を紹介します。 Webサイ …
【制作実績】映像クリエイター養成サロンMOOCRESの公式サイトとLPをデザイン・実装しました。
Webデザイナーの平尾誠です。 表題の通り、映像クリエイター養成サロンムークリの公式サイトとLPを制作しました。 LPと公式サイトを分けてご紹介します。 ではまずはLPから、ご覧ください。 読まざるをえないメッセージ ど …
OSをアップデートしたけどMojave(モハベ)のダークモードは見やすくない
Webデザイナーの平尾誠です。 OSをHigh Sierra から Mojaveにアップデートしました。 いつもOSのアップデートをするときはかなり慎重になります。 でもノリでやっちゃった！ 結論からすると、待ってても仕 …
動画制作を勉強するためにしていること【独学+スクール】
Webデザイナーの平尾誠です。 ぼくは会社員でありながら、たくさんプライベートで受託のWeb制作を副業でしています。 そこそこ制作物も増えてきて、2年前に公開したポートフォリオサイトをリニューアルしようと考えています。 …
【クリエーター向けMac bookの選び方】メモリはWeb制作なら8GB、動画なら32GB必要
Webデザイナーの平尾誠です。 今年の夏に Macbook proの13inch を買いました。 メイン機は iMac 27inch 5K を使用しているので、Macbook proは奧さんと兼用です。 でも動画を制作す …
Feedlyが有料になったのでInoreaderに引っ越した【簡単・無料】
Webデザイナーの平尾誠です。 今日は”Inoreader”というWebサービスを紹介します。 InoreaderはFeedlyより後発のWebサービスで、新着のブログ・ニュース記事を教えてくれます。 できることはFee …
結婚式でオリジナルペーパーアイテムを作る際の注意点
Webデザイナーの平尾誠です。 先日、自分の結婚式でペーパーアイテムを全てデザインしました。 こちらの記事で制作物は紹介しております。 大好評につき、この記事がきっかけで、お仕事の依頼も舞い込みました。 ブログ書いててよ …
【制作実績】自分の結婚式のペーパーアイテムをデザインしました
Webデザイナーの平尾誠です。 立て続けの制作実績の更新となりました。 普段は開発をすることが多い僕です。 でもWebデザイナーを名乗る以上、自分の結婚式のペーパーアイテムはデザインしないといけないなと。 タイトルの通り …
【制作実績】MOOCRESの名刺をデザインしました
Webデザイナーの平尾誠です。 映像制作クリエイター養成サロン MOOCRES様のロゴを制作させていただきました。 それに伴い名刺もご用意させていただきました。 MOOCRESさま 名刺デザイン 仕様 用紙：MR.B ス …
【制作実績】暗号通貨関連企業の”Bitfountain” のコーポレートサイトをデザイン・実装しました。
Webデザイナーの平尾誠です。 暗号通貨関連企業”Bitfountain”さまの会社立ち上げにあたり、アートディレクション・Webデザイン・マークアップをしました。 これを機にマイニングやマイニングプールに詳しくなりまし …
慣性スクロールで余韻をもたせるプラグイン jquery.easeScroll.js
慣性スクロール系プラグインは沢山あるんですが、いつもページ下に変な余白が出来たりします。 とにかくうまくいった試しがない。 マウススクロールをスムーズに動かしたい 慣性がついた余韻があるスクロールがしたい って人にへ向け …
お手軽なスマホでジャイロを用いたparallax.js
これ以上ないんじゃないかってくらい簡単で便利なJsのプラグインを発見！ スマホで見たら傾けたときに、ふわふわっと傾きます。 これは携帯に内蔵されているジャイロセンサーを使用したものです。 PCで見たときはカーソルに追従す …
ホームページ制作の参考になるブックマークサイトを見よう
webデザイナーの平尾誠です。 この記事は これからWebデザインを学びたい ホームページの参考を探している Webデザインに興味を持った僕の奥さん そんな方に読んで欲しいです。 最近僕の奥さんが、副業しすぎている僕を見 …
クリエイターに捧げるはじめてのオンライン動画教材まとめ
セールがあるたびにオンライン動画教材を買ってます。 Webデザイナーの平尾誠です。 新しい知識を得ようとするとか、なんとなく本屋さんに立ち寄る人はとても多いと思います。 ぼくもそうでした。 でも、本当に何にもわからない、 …
商用無料のアイコン素材サイト『ICON BOX』がかわいい
Webデザイナーの平尾誠です。 ミニマルですぐに使えるかわいいアイコンのご紹介です。 デザイナーにとって、アイコンがデザイン要素として重要なのは事実です。 ですが、できれば使いまわしたい。 そんな要望にぴったりなクセがな …
【制作実績】映像クリエーター育成サロン”MOOCRES”のロゴを制作しました。
久々のデザインのお仕事で実績紹介します。 映像制作クリエイター養成サロン”ムークリ”様のロゴを制作させていただきました。 普段あまりロゴからブランディングをさせていただく機会は多くないので、とてもありがたく思います。 ロ …