:月額1000円、動画の量が豊富なのが魅力。どんなにプログラミングのモチベーションが下がっても戻ってこれるのはドットインストールのおかげ。

作る楽しみはここが教えてくれる!

月額料金980円オブジェクト、クラス、メソッド等基本的なことを学べる。おそらく多くのエンジニア志望者はこれから始めると思われる。
:月額1078円とても詳しく説明してくれるがJavascriptを学ぶ講座は少ない。ドットインストール、Progateに続いてやっていいサイトだと思う。

■□━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━□■

SEO対策からビジネス相談まで!500円から買えるココナラ

■□━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━□■

テレビや新聞、雑誌で注目のココナラ! SEO対策、ビジネス相談、キャリア相談など、登録料は無料で、全て500円~で お願いできる!

価格満足度97%、まだ知らないあなたは損しているかも? あらゆるお困りごとはココナラにお任せ!

https://coconala.com/

   

↓↓↓こちら私の招待コードです。こちらから登録すれば300Pointゲット(300円分)

 

ご招待

   
 

Swiftを学べるスクールで入会金は現在ならたったの3000円、サポート費用は月額500円という激安スクールです。

今後私の記事で登場するかも!?

iOSエンジニアを目指す

 
freeks :月額9800円転職の相談も載ってくれる格安プログラミングスクールです。 施設使用料はこの月額使用料さえ払っていれば使えます。 300社に及ぶ提携先企業からあなたに合う企業をご提案してくれるらしい。 日本帰ったらここに通うかもしれない。

 
:月額7800円2021/2月20日から通い始めました。 完全オンラインで、PHPを学びはじめました。 途中からの参加なのでいきなりPHPの条件分から始めています。 進度はゆっくり目なので、ついていけること間違いなし。

LINK:箕面プログラミング

 
:入会金49,800円 月会費3,980円と業界では安め。 最大の特徴は塾内限定で未経験向けの案件紹介があるとのこと。 その経験を積むだけでも本塾には所属する価値があるかもしれません。

LINK:古里塾

 
:コードペンみたいに実際にコードをっ打って勉強できます。ヒントが少ないので難しめです。無料で結構勉強できるので有難いです。

LINK:CODEPREP

 

ワードプレスのアイキャッチ画像を作る際の我々の拘りとは

 

f:id:tsuyunaruhito:20210429225138p:plain

我々のmyjalanjournal.comのサイト作りのこだわりの一つはアイキャッチ画像です。

昔はアイキャッチ画像というとデザイナーが時間をかけて続くものだと思っていましたがコツさえあれば短時間でも良いものを作れます。

今回は私たちがmyjalanjournal.comで作るアイキャッチ画像の拘りについて記事にしました。

 

お題「#新生活が捗る逸品」

やっぱりラックとかかな。↓こういうのお洒落だと思う。

白井産業 S字ラックホワイト 約幅36 奥行24 高さ36 cm コビナス COB-3535KSJWH

 

 

アイキャッチ画像の作り方

アイキャッチ画像の作り方

 

アイキャッチは場合によって正方形で表示されます。このことを念頭に置いておかないと、正方形で表示されたときにアイキャッチに何が書いてあるか分からなくなります。

アイキャッチ画像の作り方1

アイキャッチ画像の作り方1

これはアイキャッチ作成時に正方形の図形を仮置きすることで解消できます。

アイキャッチ画像の作り方3

アイキャッチ画像の作り方2

しかし、正方形に全てを収めようとすると上の画像の通り文字が小さくなってしまいます。アイキャッチは記事の要約であり、記事の主題が分かればタイトルの文字全てを入れる必要はないはずです。

アイキャッチ画像の作り方4

アイキャッチ画像の作り方3

例えば下の記事の主題は「関数とthis」で、「JAVASCRIPT PRIMER輪読会」はその為の教材又は機会、つまり副情報だと思います。そうであれば「関数とthis」にカッコを付けず、文字を大きくした方が良いです。

アイキャッチ画像の作り方4

アイキャッチ画像の作り方5

アイキャッチ画像の作り方5

文字に強弱を付ける方法として、文字サイズを編集する以外に大文字・小文字、ひらがな・漢字などを使い分ける方法もあります。上画像の「JavaScriptPrimer輪読会」は大文字・小文字を使い分けているので、スペースが一文字もないにも関わらず「JAVASCRIPT PRIMER輪読会」より読みやすいはずです。

また、選んだ背景画像そのままでは文字が読みにくい場合があります。例えば下の画像はパソコンの色が白と黒のため、その上に白い文字、黒い文字どちらを配置しても読みにくいです。

アイキャッチ画像の作り方6

アイキャッチ画像の作り方6


そういう場合は半透明の図形を背景画像の上に配置することで解消できます。しかしここでてきとうな色を使うと元の画像の雰囲気を失ってしまいます。

アイキャッチ画像の作り方7

アイキャッチ画像の作り方7



「写真の色」から色を選択すれば元画像の雰囲気を損なわないはずです。この「写真の色」は設定されていない場合がありますが、カラーピッカー機能を使うことで元画像から色を抽出することができます(※恐らくスマホアプリ版のみの機能)。

アイキャッチ画像の作り方8

アイキャッチ画像の作り方8