旅するように生きることを目標にしているWebデザイナー&フロントエンドエンジニア。Web界隈のことやライフハックを発信中。
大阪→東京→湘南
ポートフォリオサイトはこちら
http://mako.red
制作お役立ち
画像が重たいから圧縮したい サイト表示スピードを高速化したい WordPressに使う画像を軽くしたい 画像の圧縮を手軽にしたい方への記事です。 いろんなプラグインとかアプリがあるけど、画像の圧縮はtinypngってサイ …
デザイン
webデザイナーの平尾誠です。 久しぶりに新しいタイプのサイトを発見しました。 Webデザインに舌鼓をうつシリーズの第14弾は、訴求することを目的に作られるLPの紹介です。 LPとはランディングページのことで、本来は広告 …
キャリア
未経験でもWeb系の仕事をしたい Webエンジニアなんだけど、そろそろキャリアアップをしたい 会社員辞めて、フリーランスになろうかな この記事はこんな悩みを持った方向けの内容です。 Webデザイナーになってから転職を6回 …
デザイン
Webデザイナーの平尾誠です。 楽天で売り上げ1位のヘアアイロン SALONIAの公式ブランドサイトのアートディレクションとフロントエンドを担当しました。 たくさんのアーカイブサイトに取り上げて頂き有り難い限りです。 低 …
コーディング
制作現場では決まって時間がない。 だから決まって使うソースコードは使いまわしたいですよね。 コピペで使える便利なコードを、役割別にまとめました。 今後もどんどん追加していくので、ブックマークとしておくと困った時に役に立つ …
キャリア
先日、他部所からマークアップエンジニアたちの目標設定を決めるために同席して欲しいと言われました。 そして彼らの悩みは、僕がWebの仕事をはじめてすぐの頃に抱えていた悩みと似ていました。 どうキャリアを積めばいいかわからな …
制作お役立ち
ブログのサムネイル画像って大切だからすごく悩むことある。 とはいえ、ただのスクリーンショットを貼り付けるのはいやだったりする。 でもScreelyというサイトをつかって、今回の記事のようなサムネイル画像が作れます。 Sc …
Wordpress
プラグインを使わずにWordpressのカスタム投稿タイプを作ります。 カスタム投稿タイプの作成方法 ますはfunctions.phpに下記を追記して下さい。 管理画面に項目追加 管理画面に投稿するための項目を追加します …
キャリア
Web系に転職したいけど、ポートフォリオサイトって必要なの? フリーランスとして実績をアピールしたい この記事は、上記に心当たりがある方へ向けた内容です。 結論はWebの仕事を受けるならポートフォリオは必須です。 僕は自 …
トレンド
どこにでもいる普通のWebデザイナーの平尾誠です。 今日は東京ビックサイトで行われている”IT week2018@東京ビックサイト”に5/10-11の二日間行っていきました! その感想とレポートです。 ITのトレンドと僕 …
制作お役立ち
ブログを書き出してかれこれ一年半くらいがたちます。 親切なブログにしようと思うと、たくさん画面のスクリーンショットを多用しながら説明することが多いです。 でもバラバラのサイズの画像を、ブログに適したサイズにするのはめんど …
Wordpress
GWはたくさんインプットとアウトプットをしていきたい平尾誠です。 ありがたいことにこのブログも、はじめた頃からは想像がつかないほどにページビューが増えてきました。 まだまだWeb制作初心者の方や、Wordpressをはじ …
制作お役立ち
GWはインプットのためにあると言ってしまうと、意識高い系だと思われてきっとあなたは友達の間で浮くと思います。 だけど連休は間違いなく腰をすえてインプットができるチャンスです。 きっとあなたはふだん本屋さんで、デザイン関連 …
マーケティング
Google Analyticsのデータ保持期間が、26ヶ月に変更されたので自動的に期限切れにならないように設定変更しました 設定変更をしないと26ヵ月後に過去のこのブログのデータが見れなくなります。 過去は振り返らない …
制作お役立ち
手ぶらで通勤するWebデザイナーの平尾誠です。 いつも僕は持ちものの最適化を考えていて、その結果手ぶらで出社しています。 遊びに行く感覚でオフィスに行けてストレスフリーですよ。 そして最近では、職場の制作環境をトリプルモ …
Wordpress
たくさんWordpressテーマはあります。 僕はデザイン&エンジニア8年目ですが、制作現場でもWordpressをよく使います。 そしてオリジナルよりも、予算と納期の都合でよく既存のテーマを使うことも多い。 ですが、機 …
デザイン
グラフィックデザイナーなんだけどWebも作りたい 最近Webデザインを始めた そんな人に向けての記事です。 社内でグラフィックデザイナーへ向けてWeb勉強会をする機会があり、Webと紙の違いを話した内容をまとめました。 …
デザイン
マウスストーカーといい、最近はマウスに追従し、コントローラーかのようにカーソルを実装するのが流行っています。 今回のサイトは全てがマウスストーカーを使った操作となっており、シンプルでとてもわかりやすいサイトです。 The …
デザイン
先日始めた新たな試み、Webデザイン添削サービス実績の第二弾です。 掲載許可をいただけたサイトのフィードバックの一部分をかいつまんでご紹介します。 ランディングページの訴求方法 うちのサービスをもっと知ってもらいたい そ …
キャリア
僕は職業訓練校出身のWebデザイナーです。 必要な知識は、制作現場と休日のソースコード遊びの中で覚えました。 先日こんなツイートをしていて思い出したことがあります。 職業訓練校上がりのデザイナーのみんな。周りの人たちは意 …
デザイン
先日始めた新たな試み、Webデザイン添削サービスが大好評です。 掲載許可をいただけたので、一部のフィードバックをご紹介します。 転職用ポートフォリオは何を載せればいいの? 作ってみたけれど、これでいいの? 未経験でIT& …
デザイン
いつもどうやったらこんなデザインが出来あがんだよっってくらいイケてるデザインをご紹介する”Webデザインに舌鼓をうつ”シリーズ。 今回は制作物をとても魅力的に見せる、店舗設計/オフィスデザイン会社のコーポレート&ポートフ …
コーディング
今年のエイプリルフールは休日です。 休みの日に出社しなくてもいいように、特定の時間が来たら表示して、終わったら消す。 そんなソースコードを紹介します。 時限式で実装できるのでとてもおすすめです。 <section …
デザイン
いつもとは全く違うテイストのサイトをお届けします。 なかなか和風のサイトでここまで尖ったデザインは見ませんでした。 これまで紹介してきたホームページはターゲットが若年層でした。 ただ今日ご紹介するサイトは50代から60代 …
ライフハック
”電話もあまりしないのに、毎月1万円近く電話代を払っている。もっと安くならないかな。” そんな人向けの内容です。 去年の年末の大掃除のときに自分の開発環境と携帯代金も見直しました。 そしてLINE MOBILEにすると携 …
コーディング
下手にPhotoshopで加工するよりinstagramの方がいけてる時あるよね正直。 デフォルトであるフィルタセットを使った方が、風合いが出ていいなって。統一感出すの簡単やし。 そんな時のCSSフィルターセットのIns …
Wordpress
今日はいつもWordpressを作った後に追加で言われるやつ。 新着記事のみ”NEW”をとかラベルをつけてってやつです。 表示する日数も任意で変更が可能です。もちろんテキストだけではなく画像での表示も可能です。 これから …
ライフハック
ある日、ブログを書いていたけど歯医者に行く時間が迫ってました。めっちゃ区切りが悪いのでどうしても記事を公開したかった。 ふだんは使わない音声入力を移動しながら試してみたところ、下書きがとても便利だったので優越感に浸ってま …
デザイン
写真家のWebサイトはもちろん写真が主役。 Webサイトで写真が主役だとPintarest形式のレイアウトになることが多いので、サイトのデザインにオリジナリティーあるものはあまり多くはない。 だけど今回ご紹介するのはWe …
制作進行
会社での案件ではなく、プライベートでの副業の話です。 いつも協業しているパートナーから連絡がありました。クライアントにキャンセルされたと。 悲しすぎる。 トップページデザインのクライアントオッケーは出ていて、下層ページも …