コーディング 2017年12月29日 画像スライダーを作るのにSwiper.js以外のプラグインはもう要らない かなり強気なタイトルですが実際に最近の案件でSwiperというjavascriptのプラグインを使っております。 もう現場ではSwiper.js以外のJsは必要ないと思います。 Swiper.jsの特徴 Swiperの特 …
デザイン 2017年12月29日 【Webデザインに舌鼓をうつ vol.7】 adidas Speedfactory by Resn (ニュージーランド) アディダスのサイトはいつもかっこいいですね。 スニーカーのブランドで一番好きなんはReebokなんやけど、サイトでゆーたらアディダスが一番かっこいい。 このサイトを制作したResnという制作会社はとっても有名。 ニュージ …
お役立ち 2017年12月29日 あるフロントエンド兼デザイナーの開発ツール&アプリを紹介する【厳選12個】 今年前半はとても開発に力を注いだ。そして後半は複業に力を注いだ。 にしても本当によく働いた年でした。 そこで今年、僕がWebサイト制作のチーム開発をやる上で使っていたツールを紹介します。 エディターソフトの好みはエンジニ …
コーディング 2017年12月23日 固定ページに投稿記事一覧を表示する【WordPressテンプレートタグ】 表題の通り、固定ページに投稿の一覧を取得するテンプレートタグは、 使用頻度が高いのに思い出せないので僕のための備忘録です。 テンプレートタグ:固定ページに投稿記事一覧を表示する 使い道:固定ページを作った際に、archi …
デザイン 2017年12月23日 【Webデザインに舌鼓をうつ vol.6】 SUPERCROWDS by SUPERCROWDS (日本) 無名だった制作会社がいきなりCSSDAとAWWWRDSをかっさらいました! ずっと紹介したかった。 立体感とシズル感がすごいサイトがやってきました。 SUPERCROWDS 制作会社:SUPERCROWDS 制作:SU …
マーケティング 2017年12月19日 【2017年SEO対策まとめ】検索アルゴリズムにどう立ち向かうのか? 2017年も残りわずか。来年の目標を立てる時期ですね。 今年もGoogleは適切な検索結果を表示するためにたくさんの施作を行いました。 SEOというワードそのものは、割とポピュラーになっているのではないかな。 Googl …
マーケティング 2017年12月7日 医療や健康に関連する検索結果の改善とアフィリエイトへの影響 2017年12月6日水曜日、グーグル公式ブログから医療や健康に関連する検索結果の改善について、日本語検索アップデートに関する記事が公表されました。 今回は少し前に問題になっていた、DeNAのWELQ、ヘルスケア大学がたた …
デザイン 2017年11月20日 【Webデザインに舌鼓をうつ vol.5】AID-DCC by AID-DCC (日本) 今年もあとわずかになってきました。そろそろ今年つくった記事をまとめはじめています。 今年もいろんな制作会社のポートフォリオサイトのリニューアルがありました。 そこで僕が一番衝撃を受けたコーポレートサイトのリニューアルを紹 …
コーディング 2017年11月4日 wow.jsでスクロールをトリガーにしてアニメーションさせる wow.jsを使うととても簡単にスクロールアクションを設定できます。 スクロールを着火させるためにwow.jsでトリガーを設定→animate.cssを使ってアニメーションを設定。 この方程式は2年くらい使い続けています …
コーディング 2017年11月3日 jqueryを使ってレスポンシブサイトでパララックスを使う 僕が使い慣れている、一番簡単なパララックスのjqueryのプラグインを紹介します。 パララックスを使う理由 写真素材をもらってからの制作依頼はとても多いでしょう。 だから、できるだけ写真素材がいろんな角度から見えるように …
コーディング 2017年11月3日 jqueryでマウススクロールのスピードを調整する スクロールのスピードはjaueryを使って調整することができます。リッチに見せるための表現技法としては古くからありますね。 スクロールのスピードを調整すると文章をじっくり読ませることができます。 コピペして使えるjque …
デザイン 2017年10月19日 【Webデザインに舌鼓をうつ vol.4】BOTANIST by MEFILAS (日本) Webデザインに舌鼓をうつvol.4はトレンドを全部押さえたサイトを紹介します。 このBOTANISTというシャンプーは、あなたもドラッグストアで一度は見たことがあるのではないでしょうか? 今やどこにでも売ってるバスブラ …
コーディング 2017年10月13日 ロリポップのWordPress表示速度が遅くて、エックスサーバーが速いというのは都市伝説 WordPressのテーマ変更と時期を同じくしてサーバーの移管をしました。 当ブログをロリポップからエックスサーバーに変更しました。おめでとうございます!! 巷ではエックスサーバーは安定しているかつ、高速と言われています …
デザイン 2017年10月11日 【Webデザインに舌鼓をうつ vol.3】佐久間徹設計事務所 by baqemono.inc (日本) ホームページのデザインを注意して見たことがないあなたに贈る、Webデザインに舌鼓を打つシリーズも3回目になりました。 このシリーズを通してWebデザインの見所についてお伝えしていけたらと思います。 これまであまり意識して …
コーディング 2017年10月9日 WordPressの移管・引っ越しはAll-in-One WP Migrationが最速で安全だった 表題の通り、サーバーを変更したので、Wordpressの引っ越しをしました。そしてプラグインを使うと想像以上に簡単でした。 こんな人に向けた記事になっています。 ほかのWordpressから引越ししたい WordPres …
コーディング 2017年10月4日 初級者から上級者まで、カスタマイズありきのWordPressテーマ"yStandard"が秀逸すぎる件 みなさんお気づきかと思いますが、当ブログのデザインをリニューアルしました。 あまりにもyStandardというこのテーマの使い勝手がよかったのがきっかけです。 WordPress初心者にも上級者にも超おすすめ 結論から言 …
デザイン 2017年10月1日 【Webデザインに舌鼓をうつ vol.2】KIKK Festival 2017 by Dogstudio (ベルギー) 泥酔しながらWebサイトを褒めるこのシリーズ2弾は海外のサイトです。 アイデアや動画をうまく組み合わせて使用しているところがツボってます。 KIKK Festival 2017 http://www.kikk.be/20 …
コーディング 2017年9月21日 MAMPより簡単 3分でWordPressの開発環境をインストールできる"LOCAL"の使い方 世界のホームページの27%がWordpressになったそうです。 ここまでくるとWeb制作を仕事にしてなくても、管理画面の中をさわったことがある方は多いでしょう。 ローカル環境にWordPressをインストールすると、テ …
デザイン 2017年9月12日 【Webデザインに舌鼓をうつ vol.1】DESCENT ALLTERRAIN by EPOCH フロントエンドデザイナーの平尾誠です。今日から不定期でシリーズ化する、いけてるデザインをただひたすら褒めまくるコーナーを開設しました。題して、 ”Webデザインに舌鼓をうつ” 国内外のイケテルWebサイトを見ながら晩酌を …
ブランディング 2017年9月7日 20代女性のアパレルブランドの個性は死んだ【ブランディング考察】 フロントエンドデザイナーの僕です。 要するにホームページをデザインして組み立てて、みんなが見れるようにしています。 そんな僕は今、ファッションブランドのモールになるサイトをデザインしています。(ZOZOみたいなサイトのこ …
お役立ち 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デザイナーの平尾誠です。 プロジェク …