この記事を読む

arutegaの今後と今年の抱負

あけましておめでとうございます。 いつも読んでくれてありがとうございます。 今年もよろしくお願いします。 今日は奥さんの実家の埼玉で、スマホを使って書いています。さすがデジタルノマド笑 それでは、デジタノルマド挑戦記アルテガ今年も始まります…

この記事を読む

2017年 arutegaで読んでもらえた人気記事ベスト10

年の瀬なのでブログのAnalyticsのデータを眺めながら振り返り。 2017年1月1日から12月29日までにarutegaでよく読まれた記事のトップ10をまとめておきます。 1位:参考にしたい日本人デザイナー・エンジニアのポートフォリオ …

この記事を読む

画像スライダーを作るのにSwiper.js以外のプラグインはもう要らない

かなり強気なタイトルですが実際に最近の案件でSwiperというjavascriptのプラグインを使っております。 もう現場ではSwiper.js以外のJsは必要ないと思います。 Swiper.jsの特徴 Swiperの特徴は下記の通りです。…

この記事を読む

【Webデザインに舌鼓をうつ vol.7】 adidas Speedfactory by Resn (ニュージーランド)

アディダスのサイトはいつもかっこいいですね。 スニーカーのブランドで一番好きなんはReebokなんやけど、サイトでゆーたらアディダスが一番かっこいい。 このサイトを制作したResnという制作会社はとっても有名。 ニュージーランドの会社なんだ…

この記事を読む

あるフロントエンド兼デザイナーの開発ツール&アプリを紹介する【厳選12個】

今年前半はとても開発に力を注いだ。そして後半は複業に力を注いだ。 にしても本当によく働いた年でした。 そこで今年、僕がWebサイト制作のチーム開発をやる上で使っていたツールを紹介します。 エディターソフトの好みはエンジニアによるけど、ここで…

この記事を読む

2017年版 本当に買ってよかったもの【厳選9つ】

少しでも生活を豊かにしようと、無駄遣いせずにQOL(生活豊か度)をあげたい。 それほどお金がなくても生活を豊かにしようと、毎日試行錯誤を重ねています。 それはそれでたのしいですね。 年の瀬なんで2017年に買ってよかったもの・誰が使っても満…

この記事を読む

固定ページに投稿記事一覧を表示する【WordPressテンプレートタグ】

表題の通り、固定ページに投稿の一覧を取得するテンプレートタグは、 使用頻度が高いのに思い出せないので僕のための備忘録です。 テンプレートタグ:固定ページに投稿記事一覧を表示する 使い道:固定ページを作った際に、archive.phpにあるよ…

この記事を読む

【Webデザインに舌鼓をうつ vol.6】 SUPERCROWDS by SUPERCROWDS (日本)

無名だった制作会社がいきなりCSSDAとAWWWRDSをかっさらいました! ずっと紹介したかった。 立体感とシズル感がすごいサイトがやってきました。 SUPERCROWDS 制作会社:SUPERCROWDS 制作:SUPERCROWDS …

この記事を読む

忘年会で人脈を作って転職&独立を有利にする

エンジニアやデザイナーになった理由の一つに 「コミュニケーションが苦手だから黙々とパソコン相手に作業をしていたい。」 などという、コミュ障はたくさんいます。 この職種でコミュニケーションが上手 or 好きっていう人は多くなくて 希少と言って…

この記事を読む

【2017年SEO対策まとめ】検索アルゴリズムにどう立ち向かうのか?

2017年も残りわずか。来年の目標を立てる時期ですね。 今年もGoogleは適切な検索結果を表示するためにたくさんの施作を行いました。 SEOというワードそのものは、割とポピュラーになっているのではないかな。 Googleはあなたが検索した…

この記事を読む

医療や健康に関連する検索結果の改善とアフィリエイトへの影響

2017年12月6日水曜日、グーグル公式ブログから医療や健康に関連する検索結果の改善について、日本語検索アップデートに関する記事が公表されました。 今回は少し前に問題になっていた、DeNAのWELQ、ヘルスケア大学がたたかれた件に関連するア…

この記事を読む

WordPress超初心者が最初に知っておきたい基礎知識

今では世界のホームページの28%がWordpressを利用して作られています。 この記事は以下の方が対象です。 あなたに読んでほしい ホームページを自分で作りたい ブログをはじめたい WordPressって聞いたことあるけど理解できない 要…

この記事を読む

ノマド投資家のトムさんから学んだ、時間とお金の使い方

フィリピンですごくチャーミングで活発なおじさんに出会いました。 海がとてもすきで世界中の海を飛び回る、好奇心旺盛な小太りなおじさんです。 このおじさんの名前はトム。 たまに連絡をとり合うのですが、今でも一緒に見たエルニドの夕焼けを思い出しま…

この記事を読む

【Webデザインに舌鼓をうつ vol.5】AID-DCC by AID-DCC (日本)

今年もあとわずかになってきました。そろそろ今年つくった記事をまとめはじめています。 今年もいろんな制作会社のポートフォリオサイトのリニューアルがありました。 そこで僕が一番衝撃を受けたコーポレートサイトのリニューアルを紹介したい。 語彙力に…

この記事を読む

僕は言葉のチカラを信じている

Webデザインは建築家の作った建物とは違い、長い間見ることはできない。 無論、孫にまで伝えるなんてできるはずもない。 例えそれが、額縁に入れておきたくなるようなデザインだとしても。 例えそれが、しおりを挟んでいつでも読み返したくなるようなソ…

この記事を読む

AdobeXDでプレゼン資料のテンプレートを作ったからダウンロードしてね

AdobeXDのベータ版が正式にAdobeの一軍に昇格しましたね! AdobeXDを使えばデザイナーだけではなく、普段資料を作る機会が少ない営業でもエンジニアでも、簡単にプロトタイプを作れます。 そして今回、本来はワイヤーフレーム作りに使わ…

この記事を読む

Webエンジニアだけどブログを一年続けてよかった

ブログを初めて一年が経とうとしています。 フロントエンドエンジニア兼デザイナー。だから最近自分のことをフロントエンドデザイナーと呼ぶことにしてます。 うるさい肩書きですが、ここに上乗せしてブロガーと名乗ってもいいでしょうか? フロントエンド…

この記事を読む

Adobe XDとSketchで飲食店のサイトを作る【後編】

やっとムスリム向け日本食レストラン”HALAL SAKURA”様のWebサイトを公開しました。 いやー感無量ですね!東京のクライアントを相手に大阪から初めてフルリモートで全ての工程を終えることができました。 おめでとうございます! そして前…

この記事を読む

wow.jsでスクロールをトリガーにしてアニメーションさせる

wow.jsを使うととても簡単にスクロールアクションを設定できます。 スクロールを着火させるためにwow.jsでトリガーを設定→animate.cssを使ってアニメーションを設定。 この方程式は2年くらい使い続けていますがテッパンですね。 …

この記事を読む

jqueryを使ってレスポンシブサイトでパララックスを使う

僕が使い慣れている、一番簡単なパララックスのjqueryのプラグインを紹介します。 パララックスを使う理由 写真素材をもらってからの制作依頼はとても多いでしょう。 だから、できるだけ写真素材がいろんな角度から見えるように工夫したい→パララッ…