注）すでにサルワカの運営からは身を退いていますサルワカというWebメディアを運営してきた。僕を中心に、数人のライターが記事を書いている。それぞれが別の本業を持っている。あくまでも気ままに更新するメディアだ。 サルワカを始めたのは2016年の12月。 その1年後には200万ページビュー/月を超え、1年半後の今では、250万ページビュー/月を超えた。 ページビュー（PV）はサイトの価値を示す１つの指標にしか過ぎないが、個人運営のメディアでここまで到達できたのは嬉しい。 最近は本業の方が充実してきて、僕はほとんど記事を書けていない。記事執筆に時間をかけたい思いはあるが、それがいつになるかは分からない。 ただ、せっかくある程度メディアを成長させることができたのだから、この経験を共有しないのも勿体無い気がする。 そこで、サルワカというメディアをどのような考えで育ててきたか、このnoteに残しておくこ

当ブログは1ヶ月前のGWにデザインを一新した。 スマホユーザーをターゲットにしたデザインカスタマイズで、下の画像のように、ヘッダーのカテゴリメニューや記事下の関連記事一覧をリデザインした。 今回のカスタマイズのこだわったポイント、設計意図を以下にまとめた。 カスタマイズのターゲット スマホユーザー 検索からのユーザー 今回はこの2点をカスタイズターゲットに絞った。 当ブログのアクセスは約97％が自然検索によるもので、全体の7割はモバイルユーザーという状況なので、スマホ表示のカスタマイズを優先した。 もちろんPC表示もカスタイズしたいが、まだ途中で投げ出したままになっている。本文下の関連記事一覧はスマホ表示と共通のデザインを採用しているけれど。 スマホユーザーの特性（PCユーザーとの比較） まずスマホユーザーの特性を整理しておこう。以下の3点を頭に入れつつカスタマイズに臨んだ。 ページの滞在

※記事更新から1年以上が経っているため情報が古い可能性があります 当ブログ「ひつじの雑記帳」は5月1日で運営1ヵ月目を迎えました。お陰様で5記事しか書いてないにも関わらず1ヵ月目で4万PVを達成することができました。 投稿する記事の質は当然意識してきましたが 、短期間でここまで成長できたのはブログデザインの影響も少なからずあるかなと感じています。 そこで今回は、当ブログ「ひつじの雑記帳 」で実践しているカスタマイズ・コード全てを紹介していこうと思います。 当初はこのブログのスマホデザインのカスタマイズコード全てをひとつのパックとして5000円で販売しようと思っていたんですが、いろいろと気が変わったので全て無料で公開することにしました。 デザイン完成図 使う色を落ち着いた色に統一したフラット風のデザインに仕上げています。おすすめ記事を宣伝するスペースもいくつか設けているので直帰率の改善にも貢

鬼龍院 翔 鬼龍院 翔（キリュウイン ショウ）。Vo-karu。 血液型はB型、身長は164cm。 愛称は「キリショー」「キリちゃん」「若大将」「アモーレ」など。 全楽曲の作詞･作曲を手掛ける。ギター、ベース、ドラム、など一通りの楽器は演奏することが出来る。ピアノとバイオリンはかじった程度。 作詞はマクドナルドの店内で行う。本人曰くマクドナルドを「パワースポット」と呼んでいる。 ワンマンライブの演出、ライブ中に行われる演劇の脚本、ステージ構成も手掛けている。 好きなものは肉、パン、酒、居酒屋巡り、漫画、AV、探偵ゲーム、ゼルダの伝説、90年代J-POP、ユーロビート、 極度のすきっぱ(歯に隙間が空いている)だが本人はあまり気にしていない。いつか直したいとは言っている。 頭のサイズが大きくほとんどの帽子が入らないが、本人はあまり気にしていない。 化粧を落とすと極端に薄い顔になる。本人は割と気

最終更新：7月25日 カードリンクが重かったのでテキストリンクに変更しました。 はてなブログのカスタマイズ方法まとめ 今回ははてなブログユーザー向けに、はてなブログのカスタマイズ方法を紹介した記事をまとめました。 もしかしたらあなたの知らないカスタマイズがあるかもしれませんので、ぜひぜひご覧ください。おそらく、この手の記事で一番カスタマイズを網羅したんじゃないかと思ってます。 目次を見れば、はてなブログでどんなカスタマイズができるか把握できますね。 カスタマイズの前に注意事項 カスタマイズを行う前に頭に入れておいて欲しいことがありますので、それを先に読んでおいていただくと、非常に助かります。 動作チェックを必ずする カスタマイズをする上で、とても重要なことがあります。それは、かならずPCとスマホで動作確認をすることです。 PCではちゃんと表示されていても、手違いでスマホだと表示されていない

2016年もいよいよ下半期突入。 歳を取るごとに1年が過ぎるスピードがますます加速するように感じるけれど、全然悲観的じゃない。むしろ毎日新しくて新鮮なことが向こうからどんどん飛び込んできて、毎日エキサイティングだ。 そんなわけで、今回も先月に引き続き最近気になるWebサービスやアプリケーションなどを紹介していきたい。前回は海外サイトを中心に紹介したけれど、今回は海外編・国内編と2本立てで紹介していく。ほとんどのサービスは無料だけれど、とんでもなく便利なものも多いので、きっとあなたの役に立つはずだ。 ちなみに前回の6月版の記事はこちら。 海外編 Real Time Users Real Time Usersは、1分(60秒)以内にサイトを閲覧しているひとの数を表示するカウンターのjavascriptプラグインだ。CSSで表示部分をカスタマイズすることができる。数行のコードではてなブログにも設

3日ほどブログを書いてませんでしたが、その間テーマを作ってました。 その名も「Brooklyn」。 デモ用のブログも作成したので、どんなデザインなのか見てみて下さい。 Brooklyn サンプルエントリー – Brooklyn ぜひ、スマホとPC両方で確認してみて下さい。 デモページはタイトルが英語ですが、シンプルなので日本語でもイケると思います。 テーマストア　- Brooklyn – http://blog.hatena.ne.jp/-/store/theme/6653586347155924442 タイトルに超便利って書いてますが、このテーマは何と！グローバルナビ（タイトル下のメニュー）とシェアボタン、読者登録ボタンを追加するためのCSSをすでに記述してあるのです！さらに、WEBフォントの「open sans」も記述済みです。 面倒でややこしいCSSの設定は一切不要！カスタマイズがめ

以前、はてなブログのスマホデザインのカスタマイズ方法について書いた。 はてなブログのスマホデザインCSSをカスタマイズして、簡単にオシャレに見せる方法 - Literally 多くの方に参考にして頂いたようでとても嬉しい。続編を書いて欲しいというご要望をいくつか頂いたので、僭越ながらまたデザインカスタマイズのTipsを書こう思う。前回はスマホデザインについてのみ触れたが、今回はPC表示のカスタマイズについて。主にコピペだけで「超カンタン」におしゃれなブログが作れるので、Webデザイン初心者の方にも是非読んでいただきたい。 はてなブログユーザーでないのにこのページに辿り着いてしまった方、大変申し訳ありません… はてなブログテーマ「DUDE」を作りました。 「はてなブログを一瞬でおしゃれに美しくする最強のデザインカスタマイズ方法」と仰々しいタイトルを先に決め、ブログのカスタマイズ記事を書き出し

この記事は随時更新しております 独自ドメインの登録・設定方法を追加（2017/8/6） おはばんにちわ、みやび（@miyabi_941）です。 このはてなブログもそれなりにカスタマイズしてきましたが、カスタマイズする際に多くの先人はてなブロガー様の知恵をお借りしています。 今回はそんな先人様に感謝の意も込めつつ、はてなブログカスタマイズの超参考になる記事をまとめました。 部分別でまとめているので、自分がカスタムしたい箇所から記事を探してみてください。 もくじ もくじ 初期設定 最低限やっておくべきこと ヘッダー部分 グローバルナビゲーション ヘッダー画像 サイドバー部分 サイドバーにバナー画像を設置 サイドバーにTwitterウィジェット（タイムライン）を設置 サイドバーにFacebookのLikeBoxを設置 サイドバーにAmazonのランキングを設置 はてなブックマーク人気エントリーを

拡大縮小・カラーなど自由自在に変更できる、魔方陣のような複雑で美しい幾何学模様のベクター素材を紹介します。 商用の同人誌だけでなく、Webでもアプリでも動画でも何にでも無料で利用できます。

スマートフォンの普及で、PCで閲覧するWebサイト（以下、PCサイト）に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景

WordPressはオープンソースのCMSとして、日本で圧倒的なシェアを確保しており、2020年8月時点で83.1％がWordPressを利用している。人気の理由は誰でも簡単に無料でWEBサイトを作れることだろう。 通常、ホームページの制作を行うには「HTML」や「CSS」といった言語を自分で記述して作成する必要がある。そして、面倒なことにせっかくHTMLでホームページを作成しても新しいページを作成したり、既存のページを修正する際にもHTMLやCSSで記述する必要が出てくる。 WordPressのようなCMSはHTMLやCSSの編集を極力無くし、管理画面上でホームページ全体や、ページ単位での投稿・加工・編集を可能にするシステムなのだ。 簡単に言ってしまえば、「コードが書けず、専門知識がない人でも簡単にサイト・コンテンツを管理できるシステム」ということになる。 ※参考：Distributio

今回は私がブログデザインをする上で、参考にさせてもらっているブログまとめです（はてなブログ編）。 これらのブログは常にデザインに気を使って運営しているブログばかり。ブログの肝は記事の質かもしれませんが、人気ブログにしていくためにはブログデザインを強化することも同じくらい重要なので、是非、みなさんも参考にしてみてくださいね。 お薦めのブログデザイン5選： １．はぁはぁブログ： ２．AIUEO Lab2： ３．はなこのブログ ４．それ、僕が図解します。 ５．おうつしかえ： ６．しっきーのブログ： ７．マトリョーシカ的日常： ８．HSKぐうたらジャーナル： 今後もデザインを改良していきたい： グローバルメニューを実装予定： 文末リンク： お薦めのブログデザイン5選： １．はぁはぁブログ： はぁはぁブログ はてなブログはここまで改良できるのか？というくらい、細かいところまでデザインが作りこまれてい

そろそろ本気でWordPress！Web制作初心者が劇的に成長できるオススメ国内有名ブログ18選 2014 7/10 WordPressガッツリ使い倒すぞー！ PHP、HTML、CSS超勉強するぞー！ で、まず何したらいいの！？ なんて方はかなり多いかと思います。というか僕がそうでした。そんなワケで今回は Web制作ど素人だけどWordPressのサイト構築をバリバリできるようになりたい！ ブログ書くだけじゃなくテーマをゴリッとカスタマイズできるようになりたい！ こんな方々に超オススメの国内有名ブログを18個紹介させていただきます。Web制作のスキルというとデザインだったり、集客だったり色んな要素が考えられますが、今回は 構築、及びコーディング つまりサイトを”作る”という点で特に参考になるブログのまとめです。 構築・コーディングとは言ってもWeb制作の括りではかなり基礎的なレベルから勉強

どうも、平成の☆　やな☆ぎさわです。 デザインや資料作成などで素敵なアイコンをサクッと配置したり、ワンポイントで使いたい時ってありますよね。 そんなとき、自分で作ると時間がかかるし、そもそも作れないよぉなんて悩んでる方は多いのではないでしょうか。というわけで、王道中の王道ですが、今回は素敵なアイコンサイトのご紹介と行きたいと思います。 もはや何番煎じだかわからないからこそ、全力で厳選しました。ぜひ。 ありとあらゆるアイコンが無料＆超激安で手に入る金字塔的サイト「ICONFINDER」 ICONFINDER >>サイトはコチラ 僕は、資料を作る際に必ずと言っていいほどこのサイトに依存してます。 検索は英語限定ですが、JPG、PNG形式はもちろん、ベクターデータや3D系まで異常なほど豊富なアイコン収録数が魅力。 本職のデザイナーさんでここを知らないって人はもはやいないと思いますが、非デザイナー

こんにちは、LIG ブログ編集部です。以前、オシャレな部屋に住むためのリノベーションという方法を紹介しましたところ、沢山の方にお読みいただけたようです。本当にありがとうございます。 この記事に関して、「今住んでいる部屋は普通の賃貸だからそこまでできない」「今住んでいる部屋をもっとオシャレにしたい」という感想を見かけましたので、今回は「賃貸でもできる DIY 」についてまとめてみたいと思います。 DIY とは、「自分でやる」という意味 みなさんは DIY という言葉を聞いたことがありますか？ DIY は「 Do it Yourself 」の略ですが、日曜大工などでよく使われる「 DIY 」は、「自分でつくったり修理できたりするものは自分でやりましょう」という意味で使われます。 プライベートな時間を長く過ごすことになる自分のお部屋は、できるだけ自分が納得できるところに住みたいですよね。そんなと

“What if form did not just follow function, but also followed feeling?” Without compromising the functional foundations of our apps, Material You seeks to create designs that are personal for every style, accessible for every need, alive and adaptive for every screen."

2014-06-22 いま同人特設サイトが熱いっていう話 ここ最近何か同人イベントがある度に、個々の作者がかなり凝ったデザインのWEBページを作成してるっぽい現象がある、告知ページというかティザーとかいうかそういうの。WEBデザインとか全然詳しくないからWordPressがどうのとかCSSがどうとかそういうの全然分からないけど、自分が作ったものに対して誤解なく正確に内容が伝わることは非常に大事。これはこういう理由で作って、こういう形で、中身こうなってます。売り手が買い手にわかりやすくプレゼンするっていうの大事。リフレーミングとかビジュアライゼーションとかそういうの有るっぽいけど、デザイン、特にウェブでの情報は受け手に分かりやすく伝えましょう、っていうの最近の流れだと思う。 同人特設サイト簡単に作れるっぽい Tumblrで同人音楽CD特設サイトが簡単に作れるレスポンシブなテンプレート「Tok