OSのよってデータが違います。今回はWindows版をダウンロード。 ディレクトリの作成 C:Hugoに「Hugo」フォルダを作成「hugo_バージョン名_Windows-64bit」フォルダをbinという名前に変えて、C:Hugobinに配置C:Hugositesに「sites」フォルダを作成 環境変数の設定 パスを保存して、コマンドを使えるようにします。 せっかくなのでこれもコマンドプロンプトで設定します。 win+Rから「cmd」と検索してコマンドプロンプトを起動 setx path "PATH=%PATH%;C:Hugobin" と入力。「成功: 指定した値は保存されました。」と表示されればOK 環境パスの設定がうまくいかない時 Hugoのコマンドの前にパスを入れましょう。 C:Hugobinhugo という感じにする方法もあります。 コマンドが使えるか確認 コマンドプロンプトで下

この記事は最終更新日から一定の時間が経過しています。情報が古くなっている可能性があるため注意してください。 技術的関心を持ち続けるために WordPress の運用をし続けてきましたが、記事の更新頻度に対してブログシステムのメンテナスコストのバランスが良くないと思ったので、静的サイトジェネレーターで再構成することにしました。なにより、wp-login.php や wp-admin/ に対するログインの試行をログで見かけるたびに気持ちの良いものではないと思ったのが主な動機です。ただ、WordPress はアップグレードの仕組みが優秀で、ボタンクリックするだけで作業そのものは完了しますので（これまで失敗したことがなかった）、その点、良くできていると思います。 以下、つらつらと特徴をメモしていきますが、結論 Hugo を選択しています。 （2021/11/14更新）静的サイトジェネレータの選定に

Webデザイナー兼フロントエンジニアのユリエです。 先日、パシフィコ横浜で開催されたクリエイターの祭典「Adobe MAX Japan」に行ってきました！ 有名なコンセプトアーティストのライブペイントや、今話題のXDを取り入れたデザイン方法など、知らなかった情報や最新のAdobeツールの話に創作意欲がかき立てられまくりで、地方にいるからこそ、こういったイベントで刺激を受けるのは大切だなーとしみじみ感じました ♪( ´θ｀) さて、Webデザインをしているとビジュアルばかりに目がいってしまうことありませんか？ 前回の記事「DTPデザイナーがWebデザインで忘れがちな8つのポイント」でも書いたように、私はWebデザイナーもSEOを意識する必要があると考えています。 なぜなら、どんなにビジュアルが良いWebサイトを作っても、検索結果で引っかからなければ見られることもないですし、特にビジネスであれ

検索結果の上位表示を狙うためにはドメインパワーの強さが必要となります。 ドメインパワーを高くするためのポイントを意識しながらサイトを運営することで、ドメインパワーは徐々に高めていくことができます。 今回は、ドメインパワーについての説明と、ドメインパワーを高めるための具体的な方法についてご紹介したいと思います。 ドメインパワーとは ドメインパワーとは、その名前の通りドメインの持つ力のことを言います。 例えば2つのサイトが全く同じ内容の記事を公開したとしても、ドメインパワーが高いサイトほど、検索結果の上位に表示されやすくなります。 サイトを公開したての頃はドメインパワーがほとんど無いため、記事を公開してもなかなか検索上位に表示されず、アクセスを集めることができません。 しかし、ドメインパワーは運用の努力によって高くしていくことができます。 色々なSEO対策がありますが、ドメインパワーはその中で

「Webページを作ったのに、全然上位に表示されない…。」というのは、Webページを作ったことのある方なら誰もが経験したことがあると思います。 頑張って作ったWebサイトであれば、検索結果の上位に表示されたいですよね。そこで登場するのが「SEO対策」です。 SEO対策は、小手先の技術から、Webサイトの根本から考える必要があるものまで、本当に幅広く、奥もかなり深いため、簡単にマスターすることはできません。 また、毎年新たなSEO対策の手法やテクニックが登場するため「これで完璧！」と思えるサイトを完成させても、またすぐに手を加える必要が出てくるため、SEO対策は常に最新の情報を収集し、最適な方法で行う必要があります。 今回は2019年現在の最新情報を踏まえ、改めてSEO対策に有効な21の方法をご説明していきたいと思います。 【2024年】SEOに強いおすすめWordPressテーマまとめ Wo

Webデザインの学習を行う上で2020年最新のおすすめの本を下記の4つのステップに分けて、合計10冊を選びました。

Webデザイナーは、様々な表現を使ってWebサイトを作り上げるという多くの人が憧れる職業の1つです。 しかし、一言にWebデザインと言っても学ばなければならないことがたくさんあり、勉強しようと思っても何から手を付けたらいいのか分からないという方も多いのではないでしょうか。 今回は、これからWebデザインを勉強するという方におすすめの勉強方法や、おすすめの学習順序などをご紹介したいと思います。 2022年に流行するWebデザインの最新トレンド10個まとめ 2021年のミニマリズムを中心としたトレンドが注目されていましたが、2022年は鮮やかで、奇抜で、記憶に強く残るようなデザインを中心としたトレンドが注目されています。 今回は、2022年に流行するWe... Web Design Trends

私の故郷はとても寒い場所にあって、そこで大人になるまで暮らしていました。 事情があって町を出てから初めて、あぁ、私はここから本当に離れたかったのだなと気がつきました。 一人暮らしを始めた日は大雨警報が出ていて、ラジオからは空港で足止めになった人がインタビューを受ける声が聞こえました。 これから暮らす知らない街は嫌がらせのように道が入り組んでいて、番地の順番はひどく不規則でした。土砂降りの中、散々迷ってほうほうのていでアパートに辿り着いたとき、私は全身ずぶ濡れで、まるで服のままシャワーを浴びたかのようでした。 電気がまだ通っていなかったので部屋の中は真っ暗でした。ドアを開けると、安くて古い家特有の匂いがして、一歩進むごとに床がぎしぎし鳴りました。アパートの廊下の灯りに照らされて、自分だけの部屋に一人佇む私のシルエットが浮かぶのが見えました。 それを見た瞬間、お腹の底からわーっと力強いエネルギ

「静的サイトジェネレーター」を使用すると、WordPressなどのように動的にページを生成することなく、表示が高速で安定したサイトを運用することができます。また、最近増えてきている静的サイト用のホスティングサービスを利用すれば、別途Webサーバーを準備しなくてもサイトを公開することが可能です。 今回は「Hugo」というオープンソースの静的サイトジェネレーターを用いて、サイトの作成と公開を行う手順についてご紹介します。 静的サイトジェネレーターによるサイト運用のメリット・デメリット まず、静的サイトジェネレーターでWebサイトを運用する場合のメリットとデメリットについて整理してみました。 静的サイトジェネレーターによるサイト運用のメリット 表示速度が早い いわゆる動的サイトでは、アクセスの都度サーバー側でページ生成をするため、ページの表示に時間がかかる場合がありますが、静的サイトではあらかじ

はてなブログでは、アイキャッチ画像の設定がない記事をTwitterやFacebook、はてなブックマークなどのソーシャルメディアでシェアする際に、ブログタイトル・記事タイトルなどから自動生成する画像（シェア画像）をよりわかりやすくリニューアルしました。 既にシェアされた記事についても、順次新しいデザインに変わっていきます。 今回のリニューアルでは、記事の概要を削減し、記事タイトルやブログ名が見やすく表示されるようにしました。また、これまで、自動生成したシェア画像をはてなブックマークで共有する際に文字が見切れる、という問題もありましたが、解消されました。 SNS上でより伝わりやすくなったシェア画像をぜひご活用ください。 シェア画像に表示される内容の変更点 シェア画像に掲載される内容を以下のように変更します。画像に掲載される文字の分量は、それぞれの長さによって変わります。 追加した要素 記事の

【超大作、面白かったらぜひシェアしてください🙋‍♂️】 最初に申しますとこの話しは私の完全なる仮説で、特に最近のアルゴリズムを誰かに聞いたわけでは全くありません。つまり私の仮説なんですが、ほぼ確実にこのような感じの仕組みで動いているなぁというロジックをなんとなく出せた気がするので、せっかくなので紹介です。 こんな人に本記事はおすすめです。 ・単にTwitterが好きだ！　もっと知りたい！ ・Twitterのフォロワーを増やしていきたい ・Twitterで投稿をきちんと届けたい、バズらせたい ・（法人）Twitterマーケで成果を出したい ちなみにYouTubeでも細かく話してみてます。本Noteはかなり大変でしたので本日どこかから有料になりますが、こちらはずっと無料なので、今こそシノ社長チャンネルにジョインするチャンスです✅ →有料500円にチェンジ、YouTubeは無料です。 合わせて

「結婚しました!! 大切なご報告、とか、いつも応援してくださる皆さまへ、とか、定番のやつをやってみようかと思ったのですが、なんともこそばゆいので、直球を投げ込みました。びっくりしました、主にわたしが」と報告した池澤。 続けて「お相手は日本人です。でも幼少期を海外で過ごし、長く海外に住んでいたので、中身は大変グローバル。いわゆる“一般人の方”です。とても不思議なご縁で出会いました」と告白。「本当はもっと前にお伝えしようと思っていたのですが、コロナのせいでタイミングがずれてしまいました。夫氏も予定していた帰国ができなくなり、先の見えない不安な超超超遠距離生活でした。ようやくひと段落しそうなので、これを機にお知らせさせていただきます」と思わぬ形で結婚生活がスタートしたことを明かしている。 今後については「あんまりわたし自身は変わりません。今までよりもう少し自由で、気楽で、こころやすくなったかもし

Webサイトを作るとき、データをどう整理すればいいのでしょうか？ 雑多にデータを置いてしまうと、サイトの構造はあっと言う間にごちゃごちゃになってしまいます。 みなさんが普段パソコンでフォルダを作成するとき、ごく自然にやっていると思いますが、大まかなフォルダを作ってその中にファイルを格納していきますよね。 それと同じく、Webサイトにもファイル分けが欠かせません。今回はこのファイル分けに使う「階層構造」について説明します。 Webを構成するファイルがどのように置かれているかたとえば、あるサイトで企業情報の「会社概要」というページがあったとします。URLは以下です。 http://www.***.co.jp/company/profile.html 最初の「http://www.***.co.jp」までが、Webサーバーの住所を表していると考えてください。その後ろが、サーバー内のファイルのあり

こんにちは、ANDSPACEの谷川です。 夏大っ嫌いです。自称フェミニストですが、もし目の前に夏の女神が現れたらモンゴリアンチョップからのライガーボムをノータイムで決めます。もっと頑張れよ冬将軍！ 今回はwebサイトを制作する上で最重要事項のひとつ、サイトマップの作り方についてです。 このやりかたはwebサイトの設計のみならず、チラシやパンフレット、動画、はたまた飲食店のメニューなど、コンテンツを扱うものであれば何にでも応用できますので、ぜひ！ そもそもサイトマップの目的とは サイトマップとは、大雑把に言えば「こんなページを揃えたwebサイトを作ろう！」っていうページの内容をまとめたものです。 webサイトにおいてどのようなページを作るかは、ほぼイコールでどんなコンテンツを掲載するかになるので、非常に重要な工程です。 どれだけカッコイイデザインでも、必要な情報が無ければそれはもはや「お金の

自社サイトのリニューアルで、ホームページ制作会社へ依頼を考えているが、何を準備したら良いのか？ どういう仕様書を用意しておけば、ホームページ制作会社とスムーズに進められるのか？ こういったWeb担当者の方のお悩みをよく耳にします。 確かにホームページ制作は専門的な分野になるため、仕様書の準備の仕方が分からない方も多いと思います。 本記事では、そんなにお悩みにお答えしながら、下記のポイントをまとめて解説します。 仕様書として必要な資料 仕様書の簡単な作り方 発注前に忘れられがちな項目 実際にホームページ制作の現場を経験してきた筆者が、初めての方でも分かるように丁寧にご説明していきます。 ぜひ参考にしてみてください。 関連記事：仕様書作成とあわせて制作会社をお探しの方へ ホームページ制作を外注する場合、仕様書作成とあわせて、制作会社を探す必要あります。 制作会社の効率的なリストアップの方法を下

ホームページ制作の際に重要な資料の1つが、「サイトマップ（サイト構成図）」です。 特にリニューアルの際に既存のコンテンツを整理するのに非常に重宝します。 しかし、業界的にサイトマップのフォーマットはバラバラ。 サイトマップってどうやって作るの？必要なの？ 簡単にサイトマップをつくる方法ないの？ 専用のツールを使わずエクセルやパワポ作りたい・・・ とお悩みの担当者の方も多いかと思います。 本記事では、そもそもサイトマップはどうやって作成するのか？ というところから、Excel（エクセル）を使った簡単作成法まで丁寧にご紹介します。 「初めてホームページをリニューアルする」「コンテンツの量が多いのでサイトマップを作って整理をしたい」という方は是非実践してみてください。 ※エクセルのサイトマップテンプレートをプレゼント 本記事で使用するサイトマップのテンプレートを、Excel形式でプレゼントいたし

先月、福島県三春町で地域の清掃活動を行っていた2人が、トラックにはねられて死亡した事件で、検察はひき逃げなどの疑いで逮捕された50歳の男を30日、殺人などの罪で起訴しました。2人と面識はなく刑務所に入りたかったと供述しているということです。 盛藤被告は先月31日の朝、三春町山田の国道で無免許でトラックを運転し地域の清掃活動を行っていた橋本茂さん（55）と、三瓶美保さん（52）をはねて殺害したとして、殺人などの罪に問われています。 起訴状によりますと、トラックのスピードを時速60キロから70キロに加速させながら2人をはねたということです。 盛藤被告と2人に面識はなくこれまでの調べに対し「人をはねようと思いトラックを盗んだ。刑務所に入りたかった」という趣旨の供述をしているということです。 盛藤被告はひき逃げなどの疑いで逮捕されましたが、福島地方検察庁は捜査を進めた結果、殺意を持って2人をはねた