お役立ち 2017年9月5日 Adobe XDでサイト制作！無料テンプレートUIキットで使い方の基礎をマスターする WEBサイトの提案資料を作りたい 非デザイナーだけど、他者とデザインの認識を合わせたい Webデザイナーの平尾誠です。 今の案件ではUX/UIのお仕事に挑戦させてもらっています。 そして話題のAdobeXDを初めて使いま …
ブランディング 2017年8月26日 【サイト考察】なぜオンラインショップとコーポレートサイトは分けて制作するのか -家具編- 知り合いのディレクターに家具のサイトをリニューアルするとしたら、いくらぐらいの費用と期間がかかるのかと聞かれた。 だからたくさん家具屋さんやインテリアショップのウェブサイトを見てまわってみました。 B2Cの小売販売のサイ …
お役立ち 2017年8月11日 【Webデザイン初心者の味方】海外でシェア逆転 ”Sketch”の使い方を勉強しようとUdemyを使った Photoshopがどうしても好きじゃない自分は”Sketch”に手を出しました！ デザインの初心者でツールの使い方を動画で教えてくれる教材を探している方はこの参考にしてください。 デザイン初心者としてもう一度ツールの使 …
マーケティング 2017年7月15日 amazonアソシエイトに登録した僕は嬉しがりです 初めてアマゾンのアソシエイトプログラムに登録できたので嬉しくてうんこ漏れそうです。 どうやって広告をはるかというと、アマゾンアソシエイトの管理画面のなかに入って、広告を貼りたい商品のソースコードを生成して記事に貼り付ける …
Webサイト開発 2017年7月7日 Web制作会社で採用担当して気づいた、わかりやすい職務経歴の書き方 僕が採用担当の時は、たくさん求職者のプロフィールを見てきました。 この記事ではWebデザイナーやエンジニアの職務経歴書の書き方について紹介します。 だけど、これは全ての業種において、共通していえる話です。 一日に100名 …
お役立ち 2017年7月2日 構造化データマークアップのサンプル作ったから使ってね！ Google検索結果に目次でるのなに？ 構造化データマークアップってなに？ それ、リッチスニペットって言われるものです。 構造化データマークアップと言って、HTMLにgoogleさんにわかりやすいようにHTMLに追加でマ …
デザイン 2017年6月25日 参考にしたい海外のデザイナー、エンジニアのポートフォリオまとめ 2017年の最初に公開した、日本人デザイナーのポートフォリオが未だに当ブログarutega.jpのページビュー最高をキープしています！ってことで大好評につき、海外デザイナーの個人で活躍するフリーランサーのポートフォリオに …
お役立ち 2017年6月14日 Webデザイナーが毎日チェックしたい制作に役立つブログ50選 フロントエンドの平尾誠です。 Webデザイナーやエンジニア、もしくはWeb界隈のマーケティングに興味ある人にとってとても有益なWebブログをまとめました。 まずは一気にどうぞ！ マーケティングを勉強したい人のseo系ブロ …
デザイン 2017年5月27日 福岡でオススメのハイクオリティなWeb制作会社まとめ どこに住んでいても働けるノマドワーカーになりたい平尾誠です。 ITスタートアップが盛んな福岡で活躍しているWeb制作・ホームページ制作会社を厳選してご紹介します。 近年言われていることに、IT企業が福岡でスタートアップす …
デザイン 2017年5月23日 モーショングラフィックスマニアが贈るプロジェクションマッピングまとめ[19選] HTMLでvideoを簡単に実装できるようになってから、ブラウザでの動画マーケティングが増えると聞いてました。 動画制作におけるマーケティングブームはもう終わったんですかね？？ Webデザイナーの平尾誠です。 プロジェク …
デザイン 2017年5月13日 スゴすぎてもはや参考にならない！？ 海外アワードを受賞している日本の制作会社 2017年 こんにちは。フィリピンでフロントエンドエンジニアをしています。平尾誠です。 今は毎日フィリピンと日本のブリッジしているのですが、リモートワーク特有のコニュニケーションの煩わしさに苦戦しています。 日本じゃなくても、どこで …
デザイン 2017年4月6日 モーショングラフィックスマニアが贈るモノクロのアニメーション[17選] Webデザイナーの平尾誠です。 ホームページ制作においても、僕はアニメーションデザインのインスピレーションを動画でもらうことがよくあります。 Webの中だけのアニメーションではアートディレクションのキャパが狭い上に、同じ …
デザイン 2017年4月6日 モーショングラフィックマニアが贈る30秒以内の動画編[23選] Webデザイナーの平尾誠です。 僕はアニメーションデザインのインスピレーションを動画でもらうことがよくあります。 Webの中だけのアニメーションではアートディレクションのキャパが狭い上に、同じことの繰り返しになりがちなの …
デザイン 2017年4月6日 モーショングラフィックマニアが贈る音楽MV編 [11選] Webデザイナーの平尾誠です。 僕はアニメーションデザインのインスピレーションを動画でもらうことがよくあります。Webの中だけのアニメーションではアートディレクションのキャパが狭い上に、同じことの繰り返しになりがちなので …
コーディング 2017年4月3日 WordPressのプラグインひとつで表示スピードが爆速化した「WP Fastest Cache」の使い方 どーもセブでエンジニアリングをしている僕です。 今日はWP Fastest Cacheというプラグインひとつ入れたらサイトスピードが爆速化した話です 設定画面もありますので、ご覧ください 結果からいうとPageSpeed …
コーディング 2017年3月31日 サムネイルがアニメーションしてループするスライダー よくサイトの横幅いっぱいに画像が流れていくやつをみます。 カルーセルスライダーと同じものなんですが、もっとダイエットしているシンプルなものを作りたかったので、調べていました。 じゃあ見つけました。 いつも参考にさせてもら …
コーディング 2017年3月31日 ブックマーク必須 コピペして使うCSSアニメーションのスニペット 「animista」の使い方 めっちゃアニメーションの微調整がめんどくさいWebデザイナーの平尾誠です。 とはいえ、Web制作においてアニメーションはユーザビリティにおいて、今やなくてはならない存在です。 でも公開間近にアニメーションを追加しろ！！な …
コーディング 2017年3月19日 レスポンシブでの画像の振り分け方 先日、Webデザイナーでおそらく知らない人はいないだろうブログ・Webクリエイターボックスを読んでいてobject-fitプロパティなるものが衝撃だった！ 知らないCSSがまだまだ出てくるんだなーと。 1行追加でOK！C …
コーディング 2017年3月7日 実装あるある・YOUTUBEのサムネイルをオリジナル画像にしたい。 同じようなマークアップを何度かしたことがあります。youtubeのオリジナルサムネイル機能を使うとかそういう話ではなくて、iframeの上に画像を乗せてクリックしたら動画が始まるってやつを作ります。とってもシンプルなので …
コーディング 2017年3月5日 jqueryでsliderを自作するなら Webデザイナーの平尾誠です。シンプルなスライダーごときならわざわざプラグイン入れる方がめんどくさかったりする。 だから現場でサクッとコピペして使えるようにここにライブラリとしておいておきますので、みなさんもコピペして使 …
デザイン 2017年3月4日 見落としてない？Slack,youtube,googleのプロモムービーが面白い Webデザイナーの平尾誠です。僕はとってもモーショングラフィックスが好きでVimeoやらでクリップしています。Vimeoにはたくさん世界のモーショングラフィックスがありますが、slackのモーショングラフィックスがとても …
コーディング 2017年3月4日 jQueryで画面の一番下までスクロールしたかどうかを判定 Webデザイナーの平尾誠です。よくスクロールイベントを使うことがあるので備忘録。 jqueryを使って画面の一番下までスクロールしたかどうかを判定します。 ドキュメントの高さ – ウィンドウの高さ 単純に引いて値を求めて …
コーディング 2017年2月26日 Node.js初心者が使いやすいejsの便利なスニペット LIG.incのWebでデザイナー平尾誠です。フロントエンドの開発環境が近年複雑すぎてついていけていない僕です。HTMLでコーディングすると、特にwordpressを想定しているブログなんかのコーディングをするととっても …
コーディング 2017年2月25日 そのWordPress大丈夫？今すぐできるセキュリティ対策！ Webデザイナーの平尾誠です。最近のフロントエンドはWordpressもさわれて当然みたいになってしまって悲しいです。そんでまたセキュリティ対策とか素人すぎて悲しいです。 割と頻繁にWordpressの脆弱性が見つかった …
デザイン 2017年2月24日 CSS Design Award の審査員になった僕が、地味な更新ばかりしているコーダーに伝えたい事 Webデザイナーの平尾誠です。大変私事ではございますがCSS DESIGN AWARDの審査員としてジョインさせていただくこととなりました。これは私にとって、とても光栄なことで世界の制作者と一緒にたくさんのWebサイトに …
お役立ち 2017年2月18日 node.js,Angular.js,gitのインストールなら、GUIで操作できるDashが便利 Webデザイナーの平尾誠です。 最近のフロントエンドの開発環境が複雑になりすぎていて嘆いています。そろそろ僕もターミナル（Winの場合はコマンドライン）を叩かなあかんなーとか思ってるときにいいGUIのAPP、Dashを知 …
ブランディング 2017年2月17日 美容室はホットペッパービューティから早く脱却すべき 美容室のサイト運営を改善させたい こんにちはWebデザイナーの平尾誠です。美容室のサイトを大阪で制作会社にいた頃（2013〜2015年）作っていました。 そして最近では2017年 LINOという美容室のグランドオープンを …
お役立ち 2017年2月15日 macでIEのブラウザチェックをする確実な方法 Webデザイナーの平尾誠です。フィリピンに移住直前になっています。緊張気味ですね。 ところで、皆さんはIEのチェックはどのように行っていますか？ safariの開発者用のツールからチェックすることも手軽にできますが、あま …
デザイン 2017年1月30日 海外のWebデザインアワードと表彰まとめ マイナーなものからメジャーなものまで フロントエンドエンジニアの平尾誠です。 Webデザイナーやフロントエンドエンジニアにとって海外Webデザインアワードを獲るのは憧れであり、目標のうちの一つでしょう。 今回は秀逸なサイトを紹介する海外Webデザインアワード …
コーディング 2017年1月27日 wordpressの管理画面の項目の消し方・ログインページのカスタマイズ 製作側にはとってもおなじみのこの画面。納品時にカスタマイズしてますか？ ログイン画面をカスタマイズしてあげると、とってもオリジナル感が出て、喜んでいただけます。 また、Wordpress納品時に必要ない項目を消しておくと …
![モーショングラフィックスマニアが贈るプロジェクションマッピングまとめ[19選]](https://arutega.jp/wp-content/uploads/2017/05/mapping-min-300x170.jpg)
![モーショングラフィックスマニアが贈るモノクロのアニメーション[17選]](https://arutega.jp/wp-content/uploads/2017/04/monochome-min-300x176.jpg)
![モーショングラフィックマニアが贈る30秒以内の動画編[23選]](https://arutega.jp/wp-content/uploads/2017/04/motion-min-300x176.jpg)
![モーショングラフィックマニアが贈る音楽MV編 [11選]](https://arutega.jp/wp-content/uploads/2017/04/kings-min-1-300x181.png)
