制作お役立ち 2020年4月1日 家から出たくない私のためのアプリ・サービスまとめ webデザイナーの平尾です。 最近はコロナの暗いニュースばかりでとても気が滅入ります。 外出を控えることは自分のためでもあり、みんなのため。 初めてリモートワークを導入する企業も増えたことでしょう。 僕は現在の仕事の10 …
制作お役立ち 2020年3月6日 [廃止間近インスタAPI]Instagram Graph APIを使用し、投稿内容をWebサイトに埋め込む方法 webデザイナーの平尾誠です。 多くのサイトが「Instagram API」を使用し、インスタグラムの投稿を埋め込まれているかと思いますが、この「Instagram API」は2020年初頭に廃止予定のようで、そのあとの …
デザイン 2019年12月31日 2019年制作振り返り webデザイナーの平尾誠です。 今年の制作の振り返りです。 目次 ポートフォリオサイト:Code is DesignTRAILHEADS 5TH ANNIVERSARYI-ne コーポレートサイトCROOVER.co.j …
デザイン 2019年12月31日 2019年にみたすごい国内サイト19作品 webデザイナーの平尾です。 今年もいけてるサイトがたくさんありました。 僕は海外サイトと国内サイトを毎日両方をみています。 今年は出来るだけ制作の参考にするために、国内サイトを特にたくさん見た年でした。 その中の一部で …
コーディング 2019年11月5日 水面の波紋を実装するためのjqueryプラグイン【jQuery Ripples】 webデザイナーの平尾誠です。 水面のように水が揺れているようにするJquery のプラグイン、【jQuery Ripples】を紹介します。 これ系のwebGLは開くだけでPCからプシューって音がなる。 とかく、新しい …
コーディング 2019年10月6日 Bootstrapは学習の遠回りになるから初学者は注意 webデザイナーの平尾です。 未経験webエンジニアのメンターになっています。 先日、Bootstrapは覚えた方がいいですか?と聞かれました。 結論は、フロントエンドエンジニアであれば最初に覚える必要ありません。 とて …
デザイン 2019年9月9日 台湾のイケてるデザインの版塊設計(web制作会社)まとめ webデザイナーの平尾です。こんにちは。 デザインがイケてる台湾のweb制作会社をまとめました。 台湾のデザインは独特で、曲線的なデザインが少なくて、文字が目立つようなデザインが印象的。 webデザインのことを台湾では『 …
デザイン 2019年8月31日 【制作実績】TRAIL HEADSさまの5周年記念サイトを制作しました。 Webデザイナーの平尾誠です。 表題の通り、TRAIL HEADS様の5周年記念LPを制作しました。 TRAIL HEADS様は働く場所を作るオフィスデザイン事務所です。 キャンプ場やコワーキングスペースも事業として運営 …
デザイン 2019年5月13日 【Webデザインに舌鼓をうつ vol.16】 株式会社ON/ON CO.LTD. こんにちわ、webデザイナーの平尾です。 このシリーズは不定期に個人的に好きなデザインのサイトをご紹介しています。 思いついたことを興奮気味のままに綴ることで、ブログに記事を流し込むハードルを下げ習慣づけます。 最近読者 …
デザイン 2019年5月11日 UX / UIデザインの参考になるサイト webデザイナーの平尾誠です。 最近はwebサービスをデザインさせてもらって幸せです。 僕はもともとSketchを使ってwebサイトをデザインするデザイナーなので、使うツールには違いはありません。 でも、サインやモジュー …
コーディング 2019年5月4日 【エンジニアの目標設定】何を学習すれば何を作れるかを知っておこう webデザイナーの平尾誠です。 普段はweb制作をしていますが、講師業もオンラインサービスのMENTAでしています。 主に初学者にデザインとHTML/CSSやWordpressを教えています。 今日も午前中、これからwe …
コーディング 2019年5月4日 jqueryでメガドロップダウンメニューを作ろう メガドロップダウンメニューを今度コーポレートサイトで使う予定です。 だから今のうちに作っておこう。 コピペして使えるようにしたので、こちらをお使いください。 目次 jqueryでメガドロップダウンメニューを作ろう使ったj …
制作お役立ち 2019年5月2日 オンライン独学に使える学習サービスサイトまとめ webでなんでも学習できる時代になりましたね。 独学が得意な人は、これからなんでも動画でなんとかしてしまいますよ。 ほんと探せばあるわあるわ、動画学習サービス。 そんなこんなで、オンライン学習のお供にできる動画学習サービ …
制作お役立ち 2019年5月2日 未経験からのweb系プログラミングの歩き方【arutegaまとめ】 こんにちはアルテガの中の人、平尾誠です。 これまでのアルテガ内の過去の記事をまとめました。 このブログではwebデザイナーやエンジニアが少しでも稼げるようになることを目的にして情報を発信しています。 最近ではオンラインで …
コーディング 2019年4月27日 vue.jsの学習で役立った記事にありがとうを言いたい webデザイナーの平尾誠です。 最近はvue.jsを学習しています。 そこでVue.jsを始めるために役立った記事を、これから始める人のために備忘録としてまとめておきたいと思います。 何から学習していいかわからない イン …
デザイン 2019年4月25日 【Webデザインに舌鼓をうつ vol.15】 LARGO by SHIFTBRAIN (日本) webデザイナーの平尾誠です。 かなり久しぶりにイケてるwebサイトをベタ褒めしていくこのシリーズを再開します。 目次 LARGO.inchttps://largo.studio/キャッチコピーがいいなページ遷移がいちい …
デザイン 2019年4月19日 参考にしたいイケてるコーポレートサイトvol.01 webデザイナーの平尾誠です。 最近はインタラクションがすごいサイトよりも、かっちりとした堅実で堅牢なイメージを持ったコーポレートサイトにはまっています。 最近、僕がとても参考になると思ったサイトをこちらで紹介します。 …
Wordpress 2019年4月10日 WordPress超初心者が最初に知っておきたい基礎知識 今では世界のホームページの31%がWordpressを利用して作られています。 この記事は以下の方が対象です。 あなたに読んでほしい ホームページを自分で作りたい ブログをはじめたい WordPressって聞いたことある …
デザイン 2019年3月30日 初心者Webデザイナーが良いデザインをつくるために気をつけること9つ webデザイナーの平尾誠です。 新米webデザイナーが良いデザインを作るのに必要なポイントをまとめました。 結論は下記のツイートの通りです。 新米Webデザイナーが良いデザインを作る ・真似る・目線は左から右へ・読み飛ば …
コーディング 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デザイナーの平尾誠です。 僕が購読しているたくさんデザイン・マーケティング系メディアのまとめをカテゴリに分けてまとめました。 エンジニアリング、マーケティング、トレンド、デザインの順でまとめました。 総まとめとして …
Wordpress 2018年12月8日 WordPressの投稿作成画面を昔のエディタに戻す Webデザイナーの平尾誠です。 Wordpress5.0にアップデートしたら、想像以上に使いにくい。 30分くらい使っていれば慣れるだろうと思っていました。 でも理解した上で、やっぱり使いにくいので戻しました。 快適。 …
コーディング 2018年12月5日 魅力的なCSS/javascript のテキストアニメーションまとめ Webデザイナーの平尾誠です。 今日は汎用的なテキストアニメーションを集めました。 テキストの現れ方が魅力的だと印象はグッとよくなります。 また、引きつけたいものに目線を導くことも可能です。 ほとんどのものはJquery …
コーディング 2018年12月4日 マウスカーソルを利用したマウスストーカー好例まとめ Webデザイナーの平尾誠です。 PC表示の際に、マウスポインターを利用してユーザーの体験を新しくするサイトが増えています。 ユーザーの体験をよりリッチに表現してくれます。 こんな感じですね。 自分もポートフォリオで実装し …