みなさんはウェブサイトを制作する上の中間成果物としてワイヤーフレームを制作していますか？ 今日はワイヤーフレームについて少し深めていこうと思いますのでお付き合いください。 ワイヤーフレームとは ワイヤーフレームとは、Webページの構成やレイアウトを大雑把に示した簡易な図。ページ内のコンテンツの構成や配置を決定するための下書き。 IT用語辞典 e-words ワイヤーフレーム 【 wireframe 】 http://e-words.jp/w/%E3%83%AF%…
情報アーキテクチャの特集を始めてみたのですが、今日は「ウェブナビゲーション」について深めていきたいと思います。ウェブナビゲーションとはウェブサイトのページ間を遷移するための仕掛けのことです。ウェブナビゲーションにもさまざまな種類がありますのでそれぞれ見ていくことにしましょう。 ナビゲーションパターン ウェブナビゲーションには以下の種類があると言われています。それぞれ見ていきましょう。 階層型ナビゲーション 機能ナビゲーション 関連ナビゲーション ダイレクトナビゲ…
さて、早速ですが、サイトマップやサイトストラクチャを作成するときって皆さんはどのようなプロセスを経て作成していますか？今日はサイトストラクチャの作り方についてどのような要点があるかをまとめながら記事にしてみたいと思います。 サイトストラクチャの種類 IAに関するどの書籍を読んでも一般的には以下の5分類があると書かれています。 階層型分類構造 ファセット分類構造 Web型構造 ハブ＆スポーク構造 直線型構造 今回は中小企業様のウェブサイト制作の効率化…
みなさんはHTMLで画像を表示させるときに img 要素を利用していると思いますが、picture 要素、srcset属性、sizes属性をご存知ですか？ 実は表示する画面が対応している解像度によって画像を変更したり、画面幅によって画像を出し分けることができます。今日はこれら画像サイズ最適化の基本とWordPressへの適応方法について見ていきましょう。 HTMLマークアップにおける画像の最適化 まずはデザインデータが届いたタイミングで画像をスライスしていく作業…
Googleはウェブ上のあらゆるものが意味を持っている「セマンティックWeb」を目指していると言われていますが、実際にセマンティックなウェブサイトを制作する上で何を注意すればいいかについて今日はまとめてみようと思います。僕が普段マークアップエンジニアとして、ウェブサイトのコーディングを担当しているときに意識しているSEOノウハウをある程度盛り込んだ記事にしようと思って書き始めましたので、コーダー・マークアップエンジニアの初心者の方にとって価値のあるページに仕上げたいと考えてい…
表題の件、ものすごいハマったのでシェアします。 REST API v2 でカスタムタクソノミーを登録できるまでの長い道のり カスタム投稿用のエンドポイントを作成する まずカスタム投稿を REST API から操作できるようにするためにはカスタム投稿を作成するための記述を変更する必要があります。 以下の記事にあるように register_post_type() に以下のパラメータを与えてあげる必要があるので修正しましょう。 参考：WordPress …
今日は私のウェブサイト制作業務における開発環境のうち、テキストエディタをご紹介してみたいと思います。 私のウェブサイト制作の業務において利用する開発言語は主に次のものです。 HTML/CSS JavaScript PHP/WordPress この記事は上記言語を利用した制作を行う上で便利なエディタ選びのご紹介記事です。一つの参考事例としてお読みいただければと思います。 2018年まで使い続けてきたIDE（統合開発環境）「PhpStor…
昨日はMie WordPress Meetup が三重県津市で開催され、約10名程度の参加者の中 Shifter というサービスについて調べてみたことを簡単にお話をさせていただきました。少し情報が古いので、常時開発が進んでいることを考えると情報が古くなっている可能性は否定できませんし、私の普段の業務から考えると地方の中小企業様のウェブサイト制作がメインなので最新のサーバーレスの世界のことをはあまり詳しくありませんから、目線が偏っている可能性は否定できないという前提でお読みいた…
SASSを便利に使う方法をいくつかピックアップしてまとめようと思いこの記事の作成を始めました。この記事作成したばかりのタイミングでは、内容がまだまだ少ない状態ですが、制作で必要なものを徐々に追加しながら少しずつ記事を充実させていこうと思います。 MIXIN フォントサイズ フォントサイズを rem 指定しつつ、IE対策でpxも同時に指定。 後からでもベースのフォントサイズを変更すれば全体のフォントサイズを変更することができます。 CS…
Bootstrap4を利用するときにブレイクポイントを変更したいなぁとか、12分割よりももっと細かくカラムを分けることができればと考えたことはないでしょうか？メモ書き程度にどの変数を書き換えればOKかということについて書いてみたいと思います。 用意されている変数 実はBootstrap4はSASSに完全対応していて、SASSのソースコードをダウンロードもできるため、SASSのソースコードからコンパイルする際に特定の変数を書き換えてあげれば簡単に自分…
ここ2週間ほどウェブの制作が立て込んでいて制作ネタの連投が続いております。ホントはもっと企業の担当者の方の役に立つネタのブログ書きたいんだけど、忙しくさせて頂いているのはありがたいということで、とりあえず制作のインスピレーションが頭の中にあるうちに制作ネタのブログを書き綴り続けております。集客や人材採用など、研究を続けて方法論を樹立できるように考えを進めておりますので、ウェブの技術との掛け合わせで地域の企業様のお力になれるように努力の日々です。 さて、今日は j…
最近は制作に時間をずいぶん使っているので制作ネタばかりの投稿になってしまっていますがあまり気にせずブログ投稿をがんばって続けていこうかと思います。 さて、今日はCSSを利用した簡単なアニメーションの実装についてご説明したいと思います。 基本的なアニメーションを実装するに当たってよく利用するライブラリとして Animate.css というものがありまして、今日はそちらを利用したアニメーションの実装について簡単にご説明出来ればと思います。 …
今日もWordPressのお話を少しさせて頂ければと思います。通常WordPressでオリジナルデザインが当たったページを作成する場合には、通常の手順としてはテーマとして作ることが多いとは思いますが、テーマとして作ったほうが良い場合とプラグインとして作ったほうが良い場合というケースに分けられると思います。 海外の方が紹介しているやつをそのまま日本語でご紹介するだけなのですが、今日はプラグインとしてページテンプレートを認識させる方法を簡単に説明してみたいと思います。 申し遅れま…
今日は面白そうな表題が付いた雑誌を見つけたので早速買って読んでみました。題して「ウェブ制作のリアル2019」とのこと。業務系アプリの開発などを行っているSIerもIT企業としてのイメージはまだまだありますが、IT業界と言えばウェブ業界が占める割合も大きくなってきましたね。今日はこの書籍に書いてあることがウェブ・IT業界のことが、三重県のウェブ業界にも本当に当てはまるかどうか考えてみたいと思います。 申し遅れましたが、三重県四日市市でウェブの制作等を行っているFLARESの山口…
こんにちは、三重県四日市市でWordPressのカスタマイズやオリジナルテーマ・プラグインの制作などを行っているFLARESの山口です。 私のWordPressに対する取り組みとしては、オンラインプログラミングスクールでのメンターなども昨年の夏ころから昨年の冬にかけて約半年ほど経験させていただいたりもしましたが、昨年の秋の業務量過多による体調不良を理由にメンターのお仕事はお断りすることにしましたが、それでもWordPresのプラグイン開発のお仕事やオリジナルテーマの開発、ウェ…
