Canvaでは、英語を中心とした何百もの種類豊富なフォントがありますが、日本語対応のフォントも38種類用意しています。今回はCanvaに登録したらそのまま無料で使える、日本語フォントの一覧と特徴をご紹介します。 ※2018年12月に50種類が追加され、日本語フォントが全88種類になりました。 太さが均一で判別しやすいゴシック体 様々なシーンで使われる主要フォント「ゴシック体」。縦横の太さが均等なのが特徴で、全体的に動きが少なく統一感があります。視認性が高く、遠くから見ても文字が判別しやすいため、キャッチコピーなどによく使われます。 源柔（げんじゅう）ゴシック 角ゴシックとしての風合いを残したまま、角を丸くさせたフォント。真面目な印象だけどやさしく、幅広いシーンに使えます。ウエイトの違いでガラリと印象が変わります。 Noto Sans 世界中の言葉に対応しているフォントで、日本語と英語の相性

誰でもWEB上でおしゃれなデザインがつくれるCanva（https://www.canva.com）、2017年の5月から日本語対応しました。 わたしもPCを持たずに帰省した時にiPadでブログのアイキャッチ画像を作ったり、 キセカエヤのパッケージタグを作ったり、 あまり手間をかけずにコラージュを作りたい時に重宝しています。 日本語フォントも38種類と充実しています。 今回はその一覧を作ってみました。 【2019年1月追加】 2018年12月にさらに50種類が追加されました。 その追加分も公式に一覧が無いので、後半に追加しましたよ！ Canva日本語フォント一覧 下の画像はCanvaを使って作りました。 左側の大きい文字は24px、 右側のフォント名は12pxです。 同じフォントで太字～細字のバリエーションがあるものは、 大きい文字⇒Heavy、Black 小さい文字⇒Regular、Li

大手ソフトウェアダウンロード販売会社、Web制作会社などで、マークアップエンジニア、プログラマ、サービス企画、ディレクターを経験。2013年、株式会社ピクセルグリッドに入社。HTML、CSS、JavaScriptなどをオールラウンドに担当。とりわけ、プログラマブルなCSSの設計、実装を得意とする。 趣味で作成したゲーム「CSS PANIC」は、JavaScriptを一切使わず、HTMLとCSSのみで実装。海外サイトで紹介されるなど話題となった。

2018年10月20日（土）、よつばデザインの後藤賢司さんをお迎えして WCK Meeting vol.65 「これからのウェブ制作〜中小企業の限られた予算の中でも貢献できる制作手法〜」 が開催されました。 県外からも多数お申し込みをいただき、開催前から楽しみにされている声が多く聞かれた今回の勉強会。「デザインしないデザイナー」後藤さんが実践されている仕事術を惜しみなくお話いただき、参加者アンケートでも非常に満足度の高い回となりました。 - - - デザインしないデザイナー まずはじめに、気になる肩書き「デザインしないデザイナー」の誕生エピソードをお話いただきました。 中小企業アドバイザーとして、とある木工会社からの相談を受けた後藤さん。これまでの方法では業績がふるわず、新サービスの家具リペアをアピールするためのチラシを作ることになりました。後藤さんは構成のアドバイスのみで、デザイン作業は

プログラミング初心者向けにPHPで【文字列】を出力する方法を解説した記事です。echoとprintの2つがありますが、今回はechoを使った例を紹介します。PHPの基礎中の基礎ですので、自分で書いて理解してみてください。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査 プログラミング初心者向けに、PHPの基礎を紹介する記事です。 今回は、PHPで文字列を出力する方法を解説します。 なお本記事は、TechAcademyのPHPオンライン講座の

Wordpressのデザインテーマで「Customizr」というテーマを初めてつかいました。 http://www.themesandco.com スライドショーやロゴなど色々カスタマイズでき、サイドバーの位置なども変えられ、レスポンシブです。 ただ、フォントファミリーリーやサイズのバランスが悪く、カスタマイズしました。 ダッシュボードからテーマの編集で、CSSの編集はできなく、カスタマイズメニューでカスタムCSSに追加記述するタイプで、通常のページタイトルやボディ、メニューなどは変更できました。 あとは投稿ページのタイトルが巨大で40pxはある感じで、これが修正できません。 投稿、カテゴリーなどのタイトルです。それとそう気にはならないのですがサイドバーのウィジットにメニューや画像、テキストなどにやはりタイトルを入れられますが、これも大きすぎです。 この二つをどうにか小さくして、フォントも

同じテーマを使っていると、どうしても他のサイトと見た目が似たり寄ったりになってしまいますよね。 標準機能を使ってカスタマイズしてみたものの、他のサイトと差をつけるのに限界を感じたり・・ そんな時、CSSに少しだけ手を加えるだけで、自分だけのオリジナルなテーマに変身させることが可能です。 （重要）CSSをカスタマイズする前にやっておくべきこと CSSやPHPに手を加えるような場合、子テーマを使うことがが必須条件になります。 カスタマイズするためのCSSを記述する場所は、子テーマの style.css になります。 もし子テーマを作わずにバージョンアップをすると、せっかくカスタマイズした部分がすべてパーになります。 子テーマをまだ作っていないという方、下記のサイトをご参考にさっそく作ってください。

使い方さえ分かれば、コードの知識なしでもWebサイトが作れるWordPress。ですが、HTMLやCSS、PHPといったプログラミングの知識を持つことで、よりオリジナルで自由なWebサイト(ホームページ)を作ることができるようになります。ここでは、Webサイトに様々な機能をつけたりカスタマイズを可能にしたりするPHPでWordPressを編集する場面での、基礎知識や記述ルールなどをわかりやすく解説していきます。 PHPとは PHPとは動的にWebページを生成することができるサーバーサイドのスクリプト言語です。他のプログラミング言語と比較して仕様や文法が簡単なため習得しやすいと言われています。またMySQLなどのデータベースとの連携が容易なことなどから、WordPressを含めたWebアプリケーションの開発にもよく使われる有名なスクリプト言語でもあります。 HTML・JavaScriptとP

WordPressをカスタマイズしようとした時に見慣れぬコード郡に戸惑った方（私もです）向け！「PHP書式」と「テンプレートタグ」が識別できるとコードが読みやすくなるよ、という記事です。 「前編」の続きになります。 前編ではWordPressのファイル構成と、デフォルトテーマTwenty Seventeeenのindex.phpファイルを中心に「インクルードタグ」「WordPressループ」について解説しました。 「後編」では、その他の.phpファイルにあるテンプレートタグ、そしてプラグインのメソッドもざっくりと見ていきましょう！ 目次： content.phpのコード 投稿のテンプレートタグ header.php、footer.phpの必須タグ functions.phpのテーマ独自タグ プラグインのメソッド 最後に 前編はこちら ※参考：ざっくりWordPress：PHP書式とテンプレ

アロハ！ さて、前回の記事でSEO対策サイトを作りなさい！ということを言いました！ 今回は、なぜSEOサイトなのかお答えします。 ちなみに、SEOについては、当たり前ですが、勉強して下さい。 本は、ダメです。 情報が古い上に、当たり障りのない内容が多く、勉強になりません。 時間がもったいないです。 ちゃんと、信頼性のあるサイトより勉強して下さいね。 信頼性があるかどうかを見極めるのもあなたの仕事ですからね。 んで、なぜホームページ制作します！のようなサイトじゃなくて、SEOサイトを作成するのかということですが、 お客さんのホームページに対する本質により近いからですね！ ほとんどのお客さんは、かっこいいサイトを作りたいわけではなく、安いホームページを作りたいわけでもなく、反響を出したいという本質があります。 これを間違えてしまうと、全然ダメですね。 んで、これを間違ってしまってる、もしくはで