-
AIを活用したミニアプリ・業務改善ツール制作を始めました
小さなWebアプリや業務改善ツールの制作サイト「fmiyako.com」を公開しています Webサイト制作やWordPress構築に加えて、最近は 小さなWebアプリ・業務改善ツールの制作 にも力を入れています。 その制作例や相談窓口として、fmiyako.com というアプリサイトを作成しました。 fmiyako.com では、予約システム、問い合わせフォーム、見積もり... -
WebTraining.jpにてFigma基礎講座をスタート
FukuokaMiyako が運営する学習サイト WebTraining.jp にて、このたび新しく Figma 基礎講座 を公開しました。 WebTraining はこれまで、HTML / CSS / JavaScript / PHP を中心とした「コードに強いオンライン学習サイト」として運営してきました。訓練や企業研修の教材としても利用されており、実践的なコーディングスキルを身につけたい方に... -
VPSとは？初心者にもわかる仕組みとレンタルサーバーとの違い・活用例を解説
「VPSって聞いたことはあるけど、なんとなく難しそう…」そんなイメージを持っていませんか？ 実は今、VPSは初心者でも気軽に使える時代になっています。WordPressだけじゃなく、自分専用の開発環境やコミュニティサイト、オリジナルWebサービスまで自由に構築できるのがVPSの魅力です。 この記事では、レンタルサーバーとの違いや、VPSででき... -
まだ画像がない？そんなときに便利なダミー画像生成ツールの紹介
Webサイトの制作を進めていると、まだ写真素材や本番用の画像が揃っていないという場面によく遭遇します。特にクライアントワークや自社サイトの制作においては、「とりあえず仮画像でレイアウトだけ先に仕上げたい」というケースも少なくありません。 そんなときに役立つのが「ダミー画像ジェネレーター」です。あらかじめ決まったサイズや... -
SEO初心者必見！よく使う基本用語とその活用術
「SEOって難しそう…」と感じていませんか？実は、基本的な用語を理解すれば、SEO対策はグッと身近になります！ここでは初心者が知っておくべきSEO用語をわかりやすく解説し、実際の活用法も紹介します。 SEOの基本用語（まずはこれだけ！） SEO（検索エンジン最適化）とは？ Webサイトを検索結果の上位に表示させるための対策。あなたのサイ... -
初心者でも簡単！JSON構造化データジェネレーターとリッチリザルトテストの使い方
「構造化データ」とは、検索エンジンがウェブサイトの内容をより正確に理解できるように、情報を整理してマークアップする仕組みです。特に検索結果の見た目を向上させるリッチリザルト（リッチスニペット）を狙う際には、構造化データの正しい実装が非常に重要になります。この記事では、初心者でも扱いやすいJSON形式の構造化データを生成... -
Illustrator ロゴデザイン。企業のロゴから学ぶ。シンプルなロゴが作れるようになろう！
ロゴデザインは、企業やブランドのアイデンティティを視覚的に表現する重要な要素です。Webデザインの仕事でも依頼される場面があります。ロゴデザインは、クライアント自信を表す形なので、ともすれば情報が多くなり、ロゴの中にたくさん要素が入り、反対にわかりにくいものになりがちです。ロゴは、一瞬でわかる印象が必要なので、シンプル... -
Webデザイナーがオススメする「ブランドロゴにも使われている」超ド定番フォント 欧文・日本語
デザインのクオリティを左右する要素の一つにフォント選びがあります。フォントは単なる文字のスタイルではなく、メッセージのトーンや印象を伝える重要なツールです。しかし、数多くのフォントからどれを選べば良いのか迷ってしまうことも少なくありません。 Webデザイナーが実際に使っている定番フォントを欧文フォントと日本語フォントに... -
誰もが最初はわからない。独特のWebデザイン用語。どういう意味ですか？が聞けない時。
デザインの現場やチームでの会話で、ふと「それって何のことだろう？」と思う瞬間、ありませんか？Webデザイナーやウェブ担当者が日常的に使う専門用語の中には、初心者には馴染みが薄いものや、聞き慣れない言葉がたくさんあります。でも、「これってどういう意味ですか？」と気軽に聞けない雰囲気だったり、今さら聞くのが恥ずかしいと感じ... -
サイト作成時は必須！便利なアイコンサイトを集めました。人気ランキング一覧
サイトやアプリを作成するとき、欠かせないのが「アイコン」です。アイコンはデザインのアクセントになるだけでなく、ユーザーが直感的に操作できるデザインを作るための重要な要素です。また、アイコンにはシンプルだったり、シャープだったり、全体的に丸かったり、作成中のデザインにあうアイコンを選ぶのも大変。 そこで今回は、無料で利... -
WordPress で「簡単にお引越し」が可能なプラグイン All-in-One WP Migration
Wordpressはお引越しが結構大変 WordPressサイトをサーバーからサーバーへのお引っ越し（移行）や、ローカルで作成したWordPressをサーバーへ移行は、一見シンプルに、ファイルだけ移動すればいいのかな？と思えるかもしれませんが、いくつかの理由で大変になることがあります。 サイト構造が複雑 WordPressサイトは、データベースとファイル... -
今更聞けない。Webサイトのアップロード方法。FTPって何？
「Webサイトをアップロードする」と聞くと、初心者の方は少し難しそうに感じるかもしれません。でも実は、適切なツールと手順を知っていれば簡単にできます。その中でもよく使われる方法が FTP（File Transfer Protocol） を使ったアップロード・ダウンロードです。人気のFTPクライアントソフト「FileZilla」を使った具体的なアップロード手... -
意外と読めない・・・HTML/CSS/JavaScript/PHP/WordPressのコードの読み方
授業で生徒さんから「このHTML要素やCSSプロパティってどう読むんですか？」と質問されることがよくあります。特に、意外と特殊な読み方をするものや、日本語では馴染みのない発音をするものも少なくありません。そのため、授業中に間違った読み方をしてしまい、「先生、それ違うのでは？」と指摘されてしまったことも正直あります（少し恥ず... -
WebデザイナーがおすすめするWordPress 無料＆有料テーマ
Webデザイン会社や多くのユーザーに人気の高いCMS「Wordpress 」そのWordPressにはデザイン性の高い「テーマ」（テンプレート）が数多く用意されており、テーマは管理画面（ダッシュボード）の外観から選択して簡単にセッティングすることができます。 また、外観 ＞ 新規追加 ＞アップロードを行って、ダウンロードしてきた有料のテーマを、... -
Webデザイナーだったら、IllustratorとPhotoshopどちらでバナーを作りますか？
IllustratorとPhotoshopどちらで作りますか？ バナーを作成する際、Webデザイナーがよく直面する疑問のひとつに、「AdobeのPhotoshopとIllustrator、どちらを使うべきか？」というものがあります。クライアントからの納品時の形式依頼が、psdだったら、Photoshop。aiだったら、illustrator と決まりますが、そういった形式の決め事がない場合... -
現役ウェブデザイナーおすすめのフォント！20選！オススメのGoogleフォント
ウェブデザインにおけるフォントの重要性 まずは、視認性（読みやすさ）が第一に挙げられます。Webサイトを閲覧したユーザーが内容をストレスなく、スムーズ理解できるようにするためにはとても重要です。読みやすいフォントを使用することで、UX（ユーザーエクスペリエンス）が向上し、伝達が効果的になります。さらに、ブランドの特定の雰... -
Webデザイナーがおすすめする無料SVGアイコン「Tabler Icons」
様々なサイトで、UIデザインにぴったりのSVG及びPNGアイコンが無料で使えるTabler Icons Over 4900 pixel-perfect icons for web design このサイトでは、4944以上の種類のアイコンを利用することができます。これらのアイコンはどれもバランスが取れており、サイズを変更することができるため、大きなサイズにしても線の太さを調... -
WordPress 最小限入れておきたい「おすすめのプラグイン」
WordPressを初めて利用する際、最小限の必要な設定から始めることはウェブサイトの効率的な構築において重要ですが、基本的なワードプレスの機能だけでは、足りない部分があります。そういった時に、いくつかの必須のプラグインを導入することで、使い勝手がよくなります。 ここでは、WordPressの設定をする際におすすめの最小限のプラグイン... -
Visual Studio Codeのおすすめプラグインをインストールしてみる
Visual Studio Code（VSC）は、軽量で高機能なプログラムを記述するための、コードエディタとして広く利用されています。便利な拡張機能（プラグイン）を活用することで、開発効率を向上させ、スピーディで快適な開発環境を構築することができます。VSCのおすすめプラグインをいくつか紹介します。 まずは、拡張機能（プラグイン）のインスト... -
WordPressでLocalを使う。ローカル環境構築ガイド–初心者向け
レンタルサーバーを契約する前に、まずは自分のパソコンでWordPressを使いこなせるように練習したいと考えていませんか？実は、WordPressはレンタルサーバーを利用しなくても、ローカル環境（自分のパソコン上）にインストールして動かすことができます。この方法を利用すれば、実際の公開サイトを作成する前に、自由にWordPressの設定や操作... -
Webデザイナーがおすすめするレンタルサーバー・比較
Webデザインを行う上で、レンタルサーバーの選択は非常に重要です。使い安く良いレンタルサーバーを選ぶことで、サイトの速度や安定性、セキュリティなど、様々な面でメリットが得られます。 今までクライアントのサーバー設定や自社サイトの利用で使ってきた下記のサーバーの中で、比較しながらおすすめのレンタルサーバーをご紹介します。... -
Visual Studio Codeのインストールとセットアップ
Visual Studio Codeは、マイクロソフトが開発した無料のオープンソースのテキストエディターです。多くのプログラミング言語に対応し、Windows、macOS、Linuxで利用できます。 Visual Studio Codeには、シンタックスハイライト、コード補完、デバッグ機能、Git統合、拡張機能など、プログラミング作業に必要な多数の機能が含まれています。ま... -
現役Webデザイナーがここは使える！写真素材サイトを紹介
Webデザインのお仕事をする中で、魅力的な写真素材は欠かせません。しかし、どの写真素材サイトを選べば良いのか迷うことも多いはずです。そこで、今回は現役Webデザイナーが実際に活用しているおすすめの写真素材サイトをご紹介します！ Adobe Stock (無料あり） Adobe Stockは、Adobeが提供する高品質な写真やイラスト、動画などの素材をダ... -
簡単！商用利用無料で利用できるSVGアイコン素材 -Glyphs
glyphsは1250種類以上の無料で使えるSVGアイコンをダウンロードできるサイトです。素材が全てSVGなのでサイズやカラーも簡単に変更してダウンロード可能です。ポートフォリオサイト作成や、一般サイト、ECサイトなどに適した、Webデザイン作成においてとても便利なSVGアイコンを無料で利用できるGlyphs。 カテゴリが、Core(860)、Brands(162)...
1