WordPressでメールフォームを実装するためのプラグインと言えば、Contact Form 7 やMW WP Form など様々なものがありますが、FLARESでは標準的にはContact Form 7 を普段利用しています。今日はContact Form 7 の使い方について書いてみたいと思います。 Contact Form 7 の基本的な使い方 WordPressへのインストール WordPress管理画面にログインし、「プラグイン」をクリックします。 …
ウェブデザイナーってどんな仕事だと思いますか？ ウェブサイトのレイアウトを描く人とか、ウェブサイトを利用するユーザーを想像する人とか、ウェブサイトを利用するユーザーを満足させる人とか、いろいろあると思いますが、もう少し広い意味でのウェブをデザインするという目線からウェブデザイナーの守備範囲について語ってみたいと思います。 実際にそのような人材がいるかも現実にいるかどうかも私は知りませんが、私が目指しているウェブデザイナー像というものについ書いてみたいと思います。 …
ウェブ制作において「ターゲット層を明確にしないとダメだよ」とかよく言われるのですが、具体的な手法についてあまりご存じない方もまだまだ多いように思います。今日はそんなターゲットなどを定めるにあたって参考になるユーザー分析について書いてみたいと思います。 この記事では株式会社コンセントの長谷川敦士さんが書かれた「IA100」という書籍とこの書籍に合わせた動画が準備されていたため、これらをご紹介する記事になりますが、非常に参考になるため良ければ学んでみてください。無償で提供されてい…
マークアップエンジニアやコーダーと呼ばれている人たちの頭の中はどうなっているのかについてみてみたいと思います。どのようなことを考え、どのようなことにこだわりを持って日々の制作に取り組んでいるのか。マークアップエンジニアやコーダーと呼ばれる人たちは世間一般には理解しがたい存在だと思っていて、何をやっているのか、何のためにやっているのかということがわからない方も多いと思います。 今日は私がマークアップエンジニア／コーダーとしては日々こだわりを持って考えていることについて書いてみた…
最近になってみて、さすがに機械学習とか深層学習とかそのあたりの知識が足りなさすぎるのでさわりだけ学んでみました。実際にお客様からAIに関する領域を求められることは現状まだありませんが、10年先の技術として少しずつ学んでいきたいと考えています。その学習成果をこちらに書いてみたいと思います。 AIとか機械学習とか、その位置付け AI（人口知能）とか機械学習（マシーンラーニング）とか深層学習（ディープラーニング）とかいろいろな言葉があるのですが、それぞれの関係について…
最近動画を用いたサイトが劇的に増えていますね。 私が3月にコーディングを担当した案件のうち2案件は動画が含まれる案件ということがその現実を物語っているかのようです。動画も昔から多くありますが、最近ではウェブでの訴求力を高める目的の上では確実に取り入れるべき要素であると考えています。予算に余裕があるならばまずは動画を作ることを主軸に添えていくべきではないかと個人的には思いますね。 今日は動画を埋め込む方法としてmp4などの動画ファイルをvideo要素で埋め込む方法とは違って、Y…
みなさんはウェブサイトの設計におけるラベル設計という工程をご存知でしょうか？ UXデザインにおける情報アーキテクチャの一領域としてラベル設計という考え方がありますので、今日はラベル設計についてみていくことにしましょう。 ラベル定義 – サイト内の見出しのテキストを定義する みんさんはウェブサイトを設計するときにグローバルナビゲーションなどに用いられるテキストを何気なく決めていませんか？ これらのナビゲーションなどに用いられるテキストを定義することをラ…
みなさんはウェブサイトを制作する上の中間成果物としてワイヤーフレームを制作していますか？ 今日はワイヤーフレームについて少し深めていこうと思いますのでお付き合いください。 ワイヤーフレームとは ワイヤーフレームとは、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のプラグイン開発のお仕事やオリジナルテーマの開発、ウェ…
こんにちは、三重県四日市市でホームページの制作や業務アプリの開発などを行っているFLARESの山口です。 今日はお客様にKintone を利用したアプリをご提案するために簡単にメリットをまとめた資料をスライドで作成しました。 基本口頭ベースで詳細を埋めていく使い方のため、あまり深い部分までは語っていませんが、全体的なメリットをざっくりと知ることができるスライドにはなったかと思います。 Kintone https://kintone.c…
普段ローカル環境で開発を終えた後、マルチサイトじゃない普通のサイトなら当然のごとく All-in-one WP Migration を使って移転作業を行うわけですが、マルチサイトの場合には使えないじゃん！ってならずに、ちゃんとマルチサイトのエクステンションを販売している旨のメッセージが表示されていました。 今日はAll-in-one WP Migration のマルチサイトエクステンションがあるんだよー！って紹介だけで深い内容の記事は書きませんが、サイトのパスを…
![FLARESのウェブ活用 スタートアップ支援パック FLARES STARTUP ENGINE [FSE]](https://flares.jp/wp/wp-content/uploads/2019/08/fse.png)
![FLARESのウェブ活用 企業サイト活用パック FLARES RELATIONAL ENGINE [FRE]](https://flares.jp/wp/wp-content/uploads/2019/08/fre.png)
![FLARESのウェブ活用 FLARESと取り組むウェブマーケティング FLARES MARKETING ENGINE [FME]](https://flares.jp/wp/wp-content/uploads/2019/08/fme.png)
