Amazonなど広告リンクが含まれています | ebookbrain

【比較】DaVinci Resolve fusionにAfter effectsの代替えは無理!?【モーフィングなどの違い】

neru — Thu, 12 Jan 2023 09:05:07 +0000

実際にAEでやることをDaVinci Resolve fusionで行うとどのようなことで悩むのか作業してみました。

結論からいうと、DaVinci Resolve fusionを利用してもAfter effectsの方が優秀な気がします。特にモーション系やモーフィング系ですね。さすがAdobe。

あと、DaVinci Resolveで何とかする場合は、DaVinci Resolve Studioという有料版の導入は必須な気がしました。fusion系は無料でできないことが多いです。モーフィングは無料でもできましたが、fusionを使ううちに有料版の導入は必須だと感じて、DaVinci Resolve Studioは買いました。

DaVinci Resolve FusionはAfter effectsの代替にはならない?SNSの口コミ

ちょっと調べてみたのですが、案の定…。

DaVinci Resolveはプレミアproの代替にはなると思います。

ただ、昔からAdobeの中でAfter Effects君はかなり優等生なのです。。業界内の評価は高いです。XDやIllustratorなんかよりよっぽど!

After Effectsの代替が1番難しいです。

AviUtlの代替なら色々あるけど
Ae特有の機能は代替があるかは存じ上げない
— あづみ (@DG_7D) April 16, 2022

他のadobe製品はだいたい代替ソフトあるんだけど、After Effectsは無い気がするんだよなぁ。
あれにならadobe税払っても良いなぁ。
— めけてん🐿️ (@meketen) October 12, 2021

Adobeの学生料金が切れて年7万に突入しようとしてたから解約した
Photoshop→クリスタ
Premiere pro→代替ソフトいくらでも
After EffectsだけはAdobeでもまだ戦えるほど強い
— 🌸ちゃわ🌸 (@chat_ward) January 29, 2021

脱Adobeしたくても、After Effectsのせいで結局Adobeに取り込まれる
— 七城奏 (@774×7) March 19, 2020

AfterEffectsで作った動画たちみんな私の琴線に触れるような動画ばっかだから私も使いこなしてみたいんだけどadobe製品ってマジで高すぎるんだよな
AEは完成度高すぎて無料ソフトで代替が効かないし
うわーんうわーん
— 黒色矮星 (@Suicider_4949) September 25, 2022

After Effectsだけは使いたくなってしまいますね。1番脱Adobeがしにくいソフト。Adobe界の隠れラスボスです。。

After Effectsがおすすめな人

動画クリエイターをメインの仕事にしたい人
週3以上は動画をやっている人
仕事を受注したい人
お金より時間重視の人

本格的にモーショングラフィックをやるのなら、素直にAdobe creative cloudを契約した方がよいかもしれませんね。

あと、仕事メインで受注仕事や企業で働きたい方はまだAEの方がおすすめですかね。基本的にAdobeを使っている法人は多いです。

Adobe After Effects

Adobe製品はアドバンスクールなどで安く買えます。個人なら商用利用可。

Adobeプラチナスクールパートナーの通信講座比較！

Adobe製品を安く買う方法まとめです。adobeプラチナスクールパートナーの通信講座比較！、どっちがいいの!?adobeのプラチナスクールパートナープログラムとは(個人のみ/法人NG)ご存知の人のご存知でしょうが、昔からAdobeのパート

ダヴィンチリゾルブがおすすめな人

メインがエンジニアもしくは絵師などで動画クリエイターはサブスキルの人
稀にアニメーションをつける人
After Effectsの便利なテンプレートを使わず、素材は苦労して1から作りたい人
英語で調べるのが苦痛ではない人

個人的には作業効率は重視していますが、それ以外の部分ではどちらかといえばこっちの人間です。After effects CS6なら入っているのですけど、もう少しダヴィンチリゾルブ fusionのできることを模索してみたいと思います。この手のソフトを使う頻度が低めなのもあります。

AEだけしかできないことがあればAEを契約すればいいのですけど、なんとなくDaVinci Resolve Fusionでもできそうみたいに思っちゃうのが悩みどころです。英語で調べるとだいたいのtipsはあるので。素材は1からつくる、かつ英語も抵抗ない人はDaVinci Resolve でもいいかもしれません。

DaVinci Resolve 系のYouTuberって日本人でも結構海外に住んでいる方多いとわかりました。

ただ、DaVinci Resolve Studioを導入しないといけません。fusion系は無料だとできないことがたくさんあります。

個人的にDaVinci Resolve Studioを買いましたが、やっぱAEの方がよいところがあるため、今後、ピンポイントでAfter effects CCを契約することがありそうです。

テキストアニメーションぐらいならいいのですけど。

モーフィング(ダヴィンチはバグがある。。)
パーティクル
3Dも検討の余地があり
AEの便利なプラグインがある場合
スクリプト

DaVinci Resolve Studioの購入体験談はこちら!徐々に値上げされているため早めに決断しました。

DaVinci Resolve Studioの有償版セール安く買う!値上げ!?

有料版のDaVinci Resolve Studio(ダヴィンチリゾルブ)を購入しました。DaVinci Resolve Studioの有償版セール安く買う!値上げ!?昔1回コントローラーつきで購入できることがあったようですが、それ以降セー

(追記)個人的にこちらの人間でしたが、それでもAEの方がよくなりつつあります。使うときだけ躊躇なく使った方が仕事の効率があがります。

Adobe After Effects

DaVinci Resolve FusionとAfter effectsの両方使うのはあり

両方使うのはありです。実際プロの方は両方使っている人も結構いるみたいですね。

どららか片方使った経験があれば、ざっくりは1日あれば覚えられる気がします。

各々得意不得意はあるので、よりよい選択肢がチョイスできます。

【評判】After Effects CCをセールで安く買う方法!無料ダウンロード!

Adobe After Effects CC(いわゆるAE)の体験版覚書です。画像たっぷりで解説していきます。(速報)Adobeが2024年3月5日から値上げを発表しました。今の値段で契約できるのは最後のチャンスです。AdobeAfter

DaVinci Resolve Studioの有償版セール安く買う!値上げ!?

【比較】DaVinci Resolve fusionにAfter effectsの代替えは無理!?、モーフィングするならどっちがいいの!?

ここからはモーフィングの実作業めもです。

DaVinci ResolveとAfter effectsの比較(モーフィングの違い)

AfterEffectsはイラレと簡単にデータのやりとりができます。
ダヴィンチリゾルブはaiは使えないのでSVGでデータのやりとりをします。メディアプールやカットにドラック&ドロップしても追加できないため、fusionからインポートするのが基本です。

After effectsは情報も充実しています。例えばモーフィングならこちらの日本語情報。こちらをみたら簡単にできるでしょう。

このYoutuberさん、Amazonでも本を出版していますね。個人的にも買いましたよ。

プロが教える！After Effects モーショングラフィックス入門講座 CC対応

著:SHIN-YU, 著:川原健太郎, 著:鈴木成治

¥499 （2023/01/04 19:43時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

イラレとの連携もいいし、複雑なものはAfter effectsを使うと聞きます。苦労したくないならAdobeでしょう。Adobe製品を安く買う方法はこちらです。

最安は!?Adobe Creative CloudコンプリートプランのAmazonのセールの時期!安く買う方法!｜ithands

Adobeセールの時期に関する覚書です! Adobeと契約するとき、Amazonと公式と通信講座(Adobe Creative Cloudが手に入る、商用利用可)の3つを比較する必要があります。セールの時期を選ばない、商用利用可という点で

AEは7日間無料体験版があります。

【評判】After Effects CCをセールで安く買う方法!無料ダウンロード!

ダヴィンチリゾルブは情報が充実しているように見えて日本語のモーフィング情報はぜんぜんなく(2023年1月現在)、ポルトガル語のYoutube動画をみながら勉強しました。

ただ、頑張ればできるってことですかね。英語で検索するとたいてい似たようなノウハウがでてくるからです。日本語のモーフィング情報も増えてほしいですね。

ダヴィンチリゾルブでモーフィングの作り方

実際に〇から□に変更しましたが、割と簡単にできました。覚書程度に日本語訳しておきます。日本語情報提供ってことで。

〇を作ります。
Fusion > ポリゴン > 生成されたノードの[ LeftView ]をチェック
チェックすると矢印が上部のウィンドウに表示されるため、右クリック > ポリゴン1 :ポリライン > 作成 > 楕円形 > OK
右クリックからノードの名前変更もできますので必要なら変えておきます。
同じ要領で今度は四角を作ります。□は[ RightView ]
キーフレームのウィンドウを開く
0フレーム目の□の値を100フレーム目の〇の値にペーストします。右クリックすると値をコピーとペーストするものがあります。
再生すると〇から□にモーフィングします。

キーフレームのコピー＆ペースト

キーフレームのコピー＆ペーストがわかりにくいため、もう少し詳しく解説します。
まず、pathを選びます。選んだ状態でないとキーフレームが選択できません。
キーフレームは選択が少しわかりにくいですが縦長の線です。
選択すると、白い線が黄色の線になります。
右クリックからコピーします。「ポイントをコピー」と「値をコピー」がありますが、「ポイントをコピー」でよさそうです。この違いはまだ詳しく調べていません。
次にペーストしたいpathを選びます。
ペーストしたい時間にあわせます。キーフレームが打たれていない時間を選ぶと、新たにキーフレームが作成できます。あとから調整できるため適当でもOKです。
右クリックからペーストを選びます。
キーフレームの位置を調整する場合、黄色の線を選んだ状態にします。ドラック%ドロップでも動かせますし、そのウィンドウの右下に数字がでているため直打ちして指定してもOKです。

affinity designerやAdobe Illustraorでデータを作成

Illustraor使っているならAfter Effects使った方がよい気もしますけど…

affinity designerはスライスして書き出しですね。スライスは一度作成してしまえば、修正しても基本的にそのまま使えます。モーションロゴなどの場合、複数のレイヤーを全部一括で書き出してOKです。(個別にエクスポートした場合はダヴィンチリゾルブ側で座標制御が必要です)

SVG(書き出し)でエクスポートしました。他のやつを選んだら読み込めないことがあったため注意が必要です。

ほかにも注意事項があります。結構多いです。

色や境界線の設定が違うと、そのたびにbackgroundを生成してしまいます。今回はモーフィングが目的のため、白の文字などにまとめておいた方がよいです。
ほかにたとえば歯車のような形状のベタ塗りのくりぬきも個別にbackgroundを生成してしまいます。これはしょうがないです。
くりぬきが間に入るなど、レイヤーの順番により余計なbackgroundを生成してしまいます。整理すると、回避できます。
ダヴィンチリゾルブ側でパスの始点を変えられないっぽいからあらかじめ考慮してデータを作る。
ポイントの数が違うと綺麗に変形してくれない(AEは足りないポイントを補完してくれたはず。ダヴィンチもポイントを補完してくれるけど、重なった位置に作るのでアニメーション的によろしくない)
ポイント数は可能な範囲で少なくする。ポイントが多いと作業が増えるためできるだけシンプルに。
フォントはカーブに変換。忘れると互換性がないため、デフォルトフォントになってしまう。
ピクセルレイヤーは含まれているとなくなる模様

グラフィックソフトで指定したフォルダ名と-は消えるようです。ダヴィンチリゾルブはハイフンが嫌いみたいなのですよね。。

レイヤーの名前に-(ハイフン)は使わない方がよいでしょう。_(アンダーバー)はOKなので書き換えました。グラフィックソフトでフォルダわけしておておいても、インポート時に勝手に削除してくれるので気にしなくてOKです。管理しやすいようにフォルダわけしておきます。

面倒だと思ったらAfter Effectsを検討しましょう。AEは7日間無料体験版があります。

【評判】After Effects CCをセールで安く買う方法!無料ダウンロード!

fusionのsvgのインポートの読み込み

オリジナルの素材を使いたい場合はインポートするとOKです。

Fusion > Import > Svg

SVGファイルをクリックすると塗りなどいろいろなデータがありますが、モーフィングに必要なのはpathだけ。インポート時にPolygonになるようです。

pathだけコピペで取り出します。もしくは、SVGファイルはグループ化されているので、右クリックで解除するのもよい手です。

1つだけちょっとした問題は、ダヴィンチリゾルブの背景にx,yの指定があり、path自体にはx,yの指定がないということです。そのため読み込んだ際にサイズが変わります。

背景の横幅と高さの横幅をpath側にもいれてあげないとダメなようです。

pathを選ぶ > インスペクタ > customの幅と高さを修正

インポート前に書き換えることも考えましたがうまくいきませんでした。もっとよいやり方があれば知りたいところ。こういうことをやっているとAEでやればよかったなとなります。

Adobe公式/Amazonセール時期!頻度が減った!?Adobe Creative Cloud(CC)

Adobe Creative Cloud(CC)の覚書です。Adobe Creative Cloud(CC)のセール時期Adobeは公式とAmazonのセールの頻度が減った!?スクールの商用利用、どれがいいの？時期をとわずこの値段なのがフリ

そして、このパスアニメーションのデータはありませんから、個別につけてあげる必要があります。

キーフレームをうち、コピペ

pathを選択 > インスペクタ > 右クリックして形状をアニメート

そのあとは□と〇の変形とやりかたは一緒ですね。

ポイント数が同じではないと欠けたりするとYoutubeで解説されていたため、必要に応じてポイントを増やすか元データの時点で調整しておくかでしょうか。たぶんIllustratorやAffinity Designerでシェイプを全部作って1か所に重ねておくというやり方が楽そうです。

反転もポイントの追加もAfter effectsと同じような感じですね。ノウハウが少ないものは、After effectsの本などを参考にしながらダヴィンチリゾルブで作業していく感じです。

ただ、AEと違っていろいろなデメリットが見えてきました。

パスに幅と高さが入っていないから手打ちでなおす。
パスの始点を変えられないっぽい。
ポイントの数が違うと綺麗に変形してくれない(AEは足りないポイントを補完してくれたはず)

やはり、After Effectの代替はないのでしょうか。。素直にAfterEffectsを契約する方がいいかもですね。Adobe製品を安く買う方法はこちらです。

最安は!?Adobe Creative CloudコンプリートプランのAmazonのセールの時期!安く買う方法!｜ithands

始点はグラフィックソフトで制御し、ポイントの数もグラフィックソフトであらかじめ統一し、幅と高さをいれることを面倒くさがらなければいけそうです。

Fusionは実ははじめて触ったのですけど、ざっくりですけど以上です。

After effectsはレイヤーベース、DaVinci Resolveですが、モーフィングの考え方の部分は大差ないのかもしれません。

DaVinci ResolveとAfter effectsの比較(パスの違い)

DaVinci Resolveもひととおりそろっているようです。

パスの追加なら、矢印にプラスボタンがあるアイコン(Insert&Modify)

パスの削除なら、×のアイコン(Delete Point)

ui的に離れた位置にあるのが謎。

あと、アニメーションが反転する対策として、パスの開始時点を変えることがAfter Effectsはできるのですが、ダヴィンチリゾルブはないっぽい？のです(あったらどこか知りたい)。。

AEの方が使いやすいですね。AEの7日間無料体験版はこちら！

【評判】After Effects CCをセールで安く買う方法!無料ダウンロード!

DaVinci Resolveの場合、SVGをインポートする前の元ファイルで調整してあげるぐらいしかないのでしょうか。

DaVinci Resolve FusionでSVGが消えるバグ

(追記)DaVinci Resolve Fusionで読み込んだSVGが消えるバグがあるようです。。読み込んで保存して終了し、再び起動するとSVGが消えるというものです。作ったアニメーションが巻き戻ることもあります。作業が2回もパーになりました。。。シンプルな構成のときは発生しない場合もあります。

ちなみにこのバグ、ブラックマジックデザインの中の人とやりとりしてオーストラリアの本社でも再現となりました。修正を待つのみになりますが、もうかれこれ何週間も修正の報告を聞けず悶々としています。個人的にプログラミングも書きますが、ソフトウェア開発は修正の優先度をつけられるため優先度が低いと長くなおらないこともあります。バージョン18.4

このバグがでたとき、AEで作っておくべきだったとやや後悔しました。AEで作り直しですかね！！モーフィングをやるならやっぱりAEですね、今のところ。

Adobe製品はデジハリなどで安く買えます。個人なら商用利用可。

【評判】デジハリAdobe cc教材!個人事業主は商用利用可!?キャンペーンは?

デジハリAdobe教材覚書です。デジハリAdobe cc教材は個人事業主(フリーランス)の商用利用OK?デジハリAdobe cc教材は個人事業主(フリーランス)の商用利用OK商用利用できます。個人事業主(フリーランス)はOKです。ただし、法

DaVinci ResolveとAfter effectsの比較(モーションブラー)

モーションブラーはどちらでもかけることができます。

DaVinci Resolveのモーションブラーはこうです。

インスペクタ > 設定 > モーションブラー

アニメーションをかけた場所にかけます。

DaVinci Resolve fusionでモーショングラフィックを作る際、notesエディタが使いにくい!?

ノードという概念は個人的に難しいというよりui的に操作しにくいところがあります。

notesエディタはまずモニタが小さいと使いにくいです。。SurfaceProというノートパソコンだったこともあり、DaVinci Resolveを使ってすぐに外部モニターがほしくなりました。

AEはレイヤーベースなので、そのようなことはあまり感じません。

また、移動がマウスを押し込むという動作が好きではありません。グラフィックソフトになれているせいか、移動はスペースがお決まりで。ただ、この操作を[ キーボードからカスタマイズ ]で変更できないっぽいです。

この回避策はnotesエディタにでている配置のサブウィンドウで移動することにより、まあ、慣れました。ズームもクリスタなどのグラフィックソフトと違うため、使いにくいです。なるべく使わないようにしています。すべて配置のサブウィンドウだよりです。。

またnoteを端から端まで移動するのが結構面倒ですね。カットしてペーストするのが早そうという結論に落ち着きました。

キーフレームも選択しにくい

キーフレームの選択と移動はしにくいですかね。。

キーフレームの選択などのuiも扱いやすいとはいえず、uiはAEの方がいいかもです。

Adobe After Effects

DaVinci Resolve FusionとAfter effectsの比較、圧倒的な違いはここ!?

DaVinci ResolveとAfter effectsで最も差を感じるのはデザインテンプレートの素材数ですね。

動画素材サイトといえば、Envato Elementsが有名です。Envatoさんは昔から個人的にも利用しています。素材サイトの中ではかなり安価なため一度使ってみてもいかもですね。

たぶん気になるキーワードで検索するといい感じのでてきます。

Envato Elements

DaVinci Resolveが2700以上
After Effectsが47000以上

いいなと思うのだいたいAEなんですよね。Afte Effectsなら何でもありそうですね。

Adobe製品はデジハリなどで安く買えます。個人なら商用利用可。

【評判】デジハリAdobe cc教材!個人事業主は商用利用可!?キャンペーンは?

Envato Elementsの詳細はこちらの記事です。

Envato Elementsのセール・料金(Envato Marketと比較)

Envato ElementsとEnvato Marketの覚書です。海外のサービスは積極的に使う方なのでEnvato Marketも10年ぐらい前から使っています。昔はWordPressのテンプレートでしたが、今は動画系の素材を探すことが

こういうのみちゃうとやっぱAE導入しようかなと思っちゃうんですよね。

ちなみに、Envato Elementsの姉妹サイトにEnvato Marketがあります。

動画の場合Toko Graphicsなんかが人気です。プレミアPRO版とFinalcut版とダヴィンチリゾルブ版がでています。どうやって作られているか勉強するだけでもよさそうですね。

Envato Marketの詳細はこちらです。

Adobe After Effects

After Effectsなしなら、ダヴィンチリゾルブfusionとクリスタのあわせ技がおすすめ!?

もしも積極的にAfter Effectsを導入しないのなら、ダヴィンチリゾルブfusionとクリスタの利用がおすすめです。AEはやっぱ必要なところもあるので、たまに単月契約します。クリスタって買い切りですし、いいソフトですよ。

クリスタ：移動、回転、拡縮などのキーフレーム、手書き(こちらのアニメーションはダヴィンチリゾルブfusionよりクリスタの方が直感的にできます)
ダヴィンチリゾルブfusion：テキストアニメーション、3D
AE：モーフィング、パーティクル(1年に1回ぐらい単月契約)

個人的には現在こんな感じです。

クリスタは買い切りできます。

クリスタ(CLIP STUDIO PAINT EX/Pro 3.0)を安く買う(セールの頻度は!?最安値は!?どっちがいい!?)

CLIP STUDIO PAINT ProとEXは公式サイトが最安値です。クリップスタジオペイントの最安値・安いのは公式サイトこういうものは公式サイトで販売している場合、公式サイトが基本的に安いです。中抜きの手数料がのらないためです。個人的

アニメーションの技術記事はこちら!

クリスタのキーフレームの自由変形やアニメーションなどの作り方!

クリスタのアニメーション覚書です。本格的にアニメーションをやる場合はclip studio paint exの導入が必要です。クリスタ(clip studio paint ex)のアニメーションの作り方の本評判がよい本が1冊でています。クリ

DaVinci Resolve Studioの有償版セール安く買う!値上げ!?

【その半年後追記】ほぼほぼAfter effectsユーザーに

クリスタやダヴィンチリゾルブfusionも頑張って使ったのですけど、

やっぱりAEにはかないませんでした。作業効率とクオリティを考えるとほぼほぼAEユーザーになりつつあります！！！ダヴィンチリゾルブfusionはなんか時間がかかりすぎるのとバグるのと…。

Adobe After Effects

Adobeプラチナスクールパートナーの通信講座比較！

…最初のTwitter民と同じような結論になりますが…

結論、AEだけは導入した方がよい(｀･ω･´)

ご参考になれば幸いです。

【udemyで大人買い】vue.js/vuetify/nuxt/firebaseのおすすめ入門本/動画

neru — Thu, 10 Oct 2019 05:38:39 +0000

vue.js、vuex、nuxt、firebaseの入門本や動画でおすすめはどれでしょう。

現在、個人的にnuxt.jsで個人開発をしています。若干、個人的な覚書もかねているためお役立ち記事にしていきたいです。

本やUdemyの動画は1時間短縮できればOKのノリで気になるものは全部大人買いです。全部かった検証してみた感じの記事です。

【Udemy】Vue.jsのおすすめ動画【評判】

「超Vue JS 2 入門完全パック – もう他の教材は買わなくてOK！ (Vue Router, Vuex含む)」

udemyの講座がおすすめです。Vueの日本語講座はいくつもでています。個人的に時期の都合もあり、全部買いました。だからよくわかっています。

「超Vue JS 2 入門完全パック – もう他の教材は買わなくてOK！ (Vue Router, Vuex含む)」

よしぴーさんのものはボリュームもあり、最終的に１番みた講座になります。

【Vue.js2&Vue.js3対応】基礎から【Vuetify】を使った応用まで！超初心者から最短距離でレベルアップ

世界のアオキ (Akihiro Aoki)さんの講座は後発ですが、Vue.js3に対応しています。よしぴーさんの講座と違い、カルーセルやモーダルウィンドウ
、トランジションなどの講座が充実しています。

ソースコードはダウンロードできますが、ちょっとわかりにくいところにあったので注意だけかな。。

Vue JS 入門決定版！jQuery を使わない Web 開発 – 導入からアプリケーション開発まで体系的に動画で学ぶ

「Vue JS 入門決定版！jQuery を使わない Web 開発 – 導入からアプリケーション開発まで体系的に動画で学ぶ」

中村祐太さんのものは特に初心者向けにうまく構成されている気がします。todoアプリなどを作ります。が、よしぴーさんや世界のアオキさんの講座の方がいいかもしれません。

Udemy

【初心者向け】Vuex、axios、Authenticationのおすすめ動画

よしぴーさんの「超Vue JS 2 入門完全パック – もう他の教材は買わなくてOK！ (Vue Router, Vuex含む)」

はvuexまで解説してくれています。

Udemy

mapState, mapMutations, mapGetters, mapAcitonsなども含みます。書籍ではここまで解説してくれないものが多いです。しかも、かなりわかりやすく初心者向けです

その他、ボーナス講座でaxiosを使ってhttpサーバーに通信する方法や、Authenticationもあります。

Vue.jsのおすすめ本・動画(Udemy)は?

中村祐太さんはなんとなく学校の先生っぽい解説ですが、よしぴーさんはノリがよいお兄さんっぽい感じです。ちょっと早口ですが、スピードコントロールできるから問題ありません。個人的には2倍速でも大丈夫でした。

世界のアオキさんの講座は結構、Webサイトを徘徊しながら解説するのが特徴ですね。ある意味わかりやすく、新鮮で面白いと思いましたね。もちろん公式のリファレンスもちゃんと見ていきます。

2本買うなら次の2本がおすすめです。

「超Vue JS 2 入門完全パック – もう他の教材は買わなくてOK！ (Vue Router, Vuex含む)」よしぴーさん
「【Vue.js2&Vue.js3対応】基礎から【Vuetify】を使った応用まで！超初心者から最短距離でレベルアップ」世界のアオキさん

1本にするならよしぴーさんの講座がおすすめですが、2つの情報源からいいところどりにする方が効率的です。

Udemy

【Udemy】Nuxt.jsのおすすめ動画【評判】

現在、個人的にNuxt.jsで開発をしています。

Nuxt.js – Vue.js on Steroidの評判

英語ならNuxt.js – Vue.js on Steroidsが評価が高いです。

個人的には半分ぐらい英語の教材を買っています。毛嫌いせずチャレンジするとなんともなくなります！

「Nuxt JS入門決定版！Vue.jsのフレームワークNuxt JSの基本からFirebaseと連携したSPAの開発まで(中村祐太)の評判

vuexやfirebaseの基礎も勉強できます。Nuxt JSは本より理解が速いでしょう。

昔、日本語の初心者向け教材としてお世話になりましたが、今なら世界のアオキさんの教材の方がよいかもしれません。

【Nuxt.js】入門から応用まで！【Firebase】と連携しWebアプリをつくってみよう【SPA】の評判

世界のアオキさんの教材です。

Vueもよかったから、買いました。大きな特徴としては、後日、nuxt3やssrに対応するようなことが書いてあります。

Nuxt.jsの教材の中では一押しになりそうです。

Udemy

Nuxt.jsのおすすめ本・動画(Udemy)は?

1つ選ぶなら、世界のアオキさんの「【Nuxt.js】入門から応用まで！【Firebase】と連携しWebアプリをつくってみよう【SPA】の評判」です。今後の更新の期待も込めて。

Udemy

【入門本全まとめ】vue.js/vuex/nuxt/firebaseの書籍一覧

本のおすすめはnoteにまとめなおしました。

vue.js3/nuxt3/firebase/typescriptのおすすめ本【初心者/中級者】｜ithands

Nuxt.jsとFirebaseで個人開発をしています。おすすめ本をまとめていきます。ただ、個人的にUdemyも活用しているため動画教材と交えながら比較していきます。いろいろ紹介しますが、とりわけおすすめの本は2冊ほどあります。【初心者

ジャンル別/TypeScripのUdemy動画/入門本

【初心者向け】bootstampのおすすめ本・動画

udemyではbootstampの動画の取り扱いもあります。

「増補改訂版『Bootstrap4入門』〜Webデザインに対して苦手意識を持つエンジニアのための〜」

あたりがおすすめかも。

Udemy

ただ、bootstampはわりと簡単なのでJavaScriptの理解を深めることに努めた方がいいかもしれませんね。

Firebase & Firestore Masterclass(firebase、Cloud Functionsのおすすめ本や動画)

Udemyなら英語ですが、

Firebase & Firestore Masterclass

あたりが人気です。実践Firestore (技術の泉シリーズ（NextPublishing）)はCloud Functionsは紹介程度なのですが、Firebase & Firestore MasterclassはCloud Functionsなどもしっかりとカバーされています。17年以上の実務経験をもつSoftware Developerさんの講座だけあって、かなり説明がわかりやすいです。

Udemy

vue.jsはfirebaseと組み合わせて使う紹介が非常に多いです。firebaseはgoogleが買収したmobile Backend as a Service（mBaaS)です。バックエンドエンジニア不要でもアプリが作れるだろうと言われ、ゲームのunityなどでも使われています。

Vue.js Jump-start with Nuxt.js & Firebase(VueやNuxtで検索やショッピングカートを実装したい)

英語ですけど、次のコースが検索(ソートを含む)、ショッピングカードの作り方を公開してくれていますよ。Vuexを使っています。

Vue.js Jump-start with Nuxt.js & Firebase

web developer歴15年以上のベテランでソースコードも最後にzipで添付してくれています。ちょっときになるところがあり、ノリで買ってみたのですが、比較的読みやすいソースです。字幕は英語ででます。

Udemy

Quasar Framewor（UIフレームワーク）のおすすめ本・動画

何でもできるUIフレームワークQuasar Frameworも注目されています。

「Quasar Framework: Cross-Platform Vue JS Vuex & Firebase Apps」はどうやら開発者本人が解説しているようです。

検索やマルチプラットフォームの対応まで対応しています。英語ですが動画なので問題ないでしょう。

Udemy

中級者の下ぐらい向けかもしれません。検索なら、Vue.js Jump-start with Nuxt.js & Firebaseの方が平易かも。

Vuetify（UIフレームワーク）のおすすめ動画・本

【Vue.js2&Vue.js3対応】基礎から【Vuetify】を使った応用まで！超初心者から最短距離でレベルアップ(世界のアオキさん)
Vue.js + Firebaseで作るシングルページアプリケーション

Vuetifyなら上記の教材です。両方とも購入しましたが、世界のアオキさんの方が初心者向けという気がします。

Vue.js + Firebaseで作るシングルページアプリケーションは「アドレス帳アプリケーションの作成」でuiフレームワークのVuetifyが利用されています。ただ、この動画はわりと説明があっさりとしているため、慣れている向けという気がしました。

Udemy

typescriptのおすすめ本や動画

次の教材がいいですかね。

よしぴー (Yoshipi)さんの「超TypeScript入門完全パック(2020) – もう他の教材は買わなくてOK！」

よしぴーさんの説明はudemy講師の中でも１番わかりやすいかも。

Udemy

本のおすすめはnoteにまとめなおしました。

vue.js3/nuxt3/firebase/typescriptのおすすめ本【初心者/中級者】｜ithands

laravelとvuejsのおすすめ本

「Laravel and Vue.js: Learn By Coding」などが出版されています。キンドルアンリミテッドで無料でてていました。個人的に読んでいないため、情報提供のみです。

vue.jsのキンドルアンリミテッドの読み放題

vue.jsでキンドルアンリミテッドの読み放題同人誌がたくさん出回っています。「速習Vue.js 速習シリーズ」は無料で見れます。

詳しくはこちらの記事をみてください。

kindle unlimitedデザイン/プログラミング雑誌他ラインナップ)

ebookbrainがキンドルアンリミテッド (kindle unlimited)のおすすめをまとめていきます。個人的な興味に基づいて、漫画全巻、小説、雑誌、英語、デザイン、プログラミングなどのジャンル別に一覧でいきますね。kindle u

vueのプログラミングスクールやメンターがほしい

テックアカデミーのフロントエンドエンジニアコースで取り扱いがあるようです。詳しくはこちら！

社会人・学生に安いオンラインプログラミングスクール比較/Javascriptやc#のスキルアップでおすすめは?

エンジニア・プログラマーになりたい人のために、オンライン版のプログラミングスクール比較していきます。初心者大人向けにおすすめで安いプログラム教室も紹介しますよ。個人的にはブログを運営しているため、WordPressのPhPやCssもカスタマ

ただ、ある程度できる方はmentaの方がよい気がします。

404 NOT FOUND | ebookbrain

JavaScript/node.js/elasticsearchのおすすめ本/動画

こちらの記事をみてください。

Udemyのヘビーユーザーです。プログラミング、デザイン、動画編集、資産運用などudemyのすべて実経験でおすすめコースをまとめていきます。Udemyは日本に来る前から愛用しています。半分ぐらい英語の講座を買っています。udemyはセールが

vue.js/vuex/nuxt/firebaseで結局、おすすめ本と動画の結論は?

書籍と動画全部まとめておすすめはどれでしょう。

udemyの講座は安かったのでだいたい全部買ったし、本屋でだいたいの本はペラペラ立ち読みしたのですけど、開発初期にわりとよく見たのは以下のものです

vue,nuxt,firebaseおすすめ!

・超Vue JS 2 入門完全パック(Vuexを含む)
・Nuxt JS入門決定版！
・実践Firestore
・超TypeScript入門完全パック

詳細は…https://t.co/O6yBlJHbut #プログラミング初心者 #プログラミング独学 #プログラミング学習 #ドットインストール #progate #javascript

— ebookbrain@電子書籍,Wifi,プログラミング (@e_itbrain) March 19, 2020

ほぼudemyになりますね。

Udemy

本のおすすめはnoteにまとめなおしました。

vue.js3/nuxt3/firebase/typescriptのおすすめ本【初心者/中級者】｜ithands

ご参考になれば幸いです。

AEのモーショングラフィック/モーフィングおすすめ本・Udemy動画・教材(Adobe AfterEffects)

neru — Fri, 25 Nov 2022 14:39:00 +0000

Adobe AfterEffectsを使っています。Udemyや本のおすすめまとめです。

Adobe AfterEffectsのおすすめUdemy動画・教材(基本編)

Udemyの講座を紹介します。

After Effects Class 初めてでも安心！現役クリエイターが教える動画コンテンツ制作術

After Effects Class 初めてでも安心！現役クリエイターが教える動画コンテンツ制作術

安定して基礎を学べる教材です。

OMOKAGE TVは広告用の動画制作をやったりモーショングラフィックをやったりしているよう。更新日が少し古いのがデメリットです。昔、ダヴィンチリゾルブの教材を買ってわかりやすかったため、今回も買ってみました。

Udemy

中二病が暴発するAfter Effects CC クリエイティブチュートリアル

中二病が暴発するAfter Effects CC クリエイティブチュートリアル

19時間以上あって長いのが特徴です。ボリュームがあった方がお得と考える人にはいいでしょう。

液体系のモーショングラフィックやパーティクルなどいろいろ盛りだくさんだったので買ってみました。

YouTubeチャンネル『あくしょんプラネット』で動画を配信中のようです。この方は独特な語り口でおふざけがはいっているので、そういうのOKよん！という人にはいいかもですね。ちょっとノリがB級映画風ですが面白い感じですかね。

Udemy

AEのモーショングラフィック/モーフィングおすすめUdemy動画・教材(応用編)

Adobe Aftereffectsのメリットは情報量が多いことです。Udemyの動画や本などが多数でています。

モーショングラフィックス

After Effects【脱初心者】6種のパーティクル・アニメーション【モーショングラフィックス】
After Effects【脱初心者】HUD 5種＋2作品【モーショングラフィックス】

かもさんは初歩的な説明はすっ飛ばして解説してくれますかね。逆にその点が心地よいかもしれません。

また作品としてもいい感じのものもあります。複数の講座を買うと若干かぶる部分がありますけど、まあ、別にいいかな程度です。

Udemy

モーフィング

モーフィングの解説があるのが

【初心者用】基礎から学べるAfter Effectsモーショングラフィックスビギナーコース

英語なら

After Effects Basics – Morphing Shapes in After Effects

Udemy

海外の講座にも注目

Photoshopやイラレとの連携もあります。

海外の講座はかなりマニアックなものまであります。

Learn 2D Game Special Effect Animation in Photoshop

AEのモーショングラフィック/モーフィングおすすめ本

本はこちらの本がおすすめですかね。モーショングラフィックからパーティクルまでカバー。

図解できちんと理解するAfter Effects モーショングラフィックスパーフェクトガイド

著:石坂アツシ, 著:山下大輔

¥3,300 （2023/08/30 01:42時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

こちらの本は少し読みにくいところもあるのですが、人気Youtubeチャンネル「TORAERA DOUGA」が執筆。個人的にもセールのとき、買いました。

プロが教える！After Effects モーショングラフィックス入門講座 CC対応

著:SHIN-YU, 著:川原健太郎, 著:鈴木成治

¥499 （2023/01/03 14:51時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

CS6を使っている人はCS6に対応した本も一応もっているとよいかもしれません。上記の本と似ているが中身は全然違います。

プロが教える！After Effects デジタル映像制作講座 CC/CS6対応

著:SHIN-YU, 著:川原健太郎, 著:月足直人

¥499 （2023/01/03 14:52時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

この本もYouTuberの方ですね。サンプルが気になるなら入手してもいいかもです。

魅せる After Effectsテキストアニメーション

著:mooograph

¥3,080 （2022/12/28 19:58時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

初心者～いろいろなレベルの本がでています。下記は難易度高めです。

AfterEffects for アニメーション EXPERT[CC 対応改訂版]

ビー・エヌ・エヌ新社

¥4,620 （2022/12/28 20:05時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

Adobe AfterEffectsの使い方

少し迷いそうなところだけピックアップしていきます。

コンポジションの新規作成は29.97と30はどっち？

29.97フレーム:アメリカ、カナダ、日本などでテレビ放送やDVD。NTSC（National Television System Committee）。既に普及してしまったため今更やめられず名残りで残っています。
30フレーム：デシタルビデオ、ウェブ動画、ゲーム

YouTubeのフレームレートの対応は多いようなので、変換不要です。24fps、25fps、29.97fps、30fps、60fps。

個人的にデジタルでしか使わないため30です。

ピクセル縦横比はアスペクト比ではない？

ピクセル縦横比は、画素の縦横比を表した数値であり、アスペクト比ではありません。

縦長（9:16）、横長（16:9）、正方形（1:1）など、どのようなアスペクト比でコンテンツを作成する場合でも、正方形ピクセルを使用して問題ありません。

プリコンポーズ

こちらの動画がわかりやすかったです。ありがとうございます。

プリコンポーズはフォトショップのスマートオブジェクトに似ている気がしました。

photoshop → スマートオブジェクト
premiere → ネスト
after effects → プリコンポーズ

レイヤー名の角括弧は？名前変更しない方がよい？

AEを使い始めたところ、レイヤー名につく[]が気になりました。

レイヤー名を名前変更すると。取れてしまうため、これでいいのかと!?

Adobeの公式サイトをみると次のように書かれています。

レイヤー名とソースフッテージ名が同じ場合、[レイヤー名] というように、レイヤー名表示のレイヤー名が角かっこで囲まれて表示されます。
https://helpx.adobe.com/jp/after-effects/using/layers.html

プロジェクトパネルの素材の名前とタイムラインのレイヤー名は連動しているのです。しかし、レイヤー側で名前変更すると、この関係性がわからなくなってしまいます。元素材のプロジェクトパネル側で名前変更した方がよさそうです。

レイヤー側で名前変更は使わなくなりました。

一括で座標移動

プロパティの位置から行えました。複数のオブジェクトが同じ座標の場合は座標が表示されます。

プロジェクトパネルの未使用素材をみつける

素材を選択すると、何回使われているかを見ることができます。

その上にある検索バーの▼をおすと未使用のものだけ選べるようです。この機能は便利です。

ファイルの場所を開く

プロジェクトパネルでMacの場合、右クリック >Finderで表示

なお、AE独自のもののせいか、フォルダは開けないようだ。

一部が欠けた点線のサークル状態を回転させる

点線のサークルを作って一部が欠けた状態にし、さらにそれをぐるぐる回転させるには、以下の手順が役立つでしょう。

点線のサークルを作る

After Effectsで新しいコンポジションを作成します。
新しいシェイプレイヤーを作成し、その中で楕円ツール（Ellipse Tool）を選択します。
キャンバス上で楕円（円）を描きます。
「Contents」セクションに行って、「Stroke」の設定を開きます。
「Stroke」のオプションで「Dashed Line」をオンにします。これで線が点線になります。
「Dash」と「Gap」の数値を調整して、点線の長さと間隔を調整します。

一部が欠けた状態にする

「Contents」セクションの中にある「Ellipse 1」を展開し、「Stroke」を展開します。
「Trim Paths」エフェクトを追加します（もしくは「Add」メニューから追加）。
「Trim Paths」の「Start」や「End」の値を調整して、円の一部が欠けた状態にします。

グルグル回転させる

「Transform」の設定を開きます。
「Rotation」に行き、時間に応じて回転するようにエクスプレッションを追加します。具体的には、Altキー（またはOptionキー）を押しながら「Rotation」の時計アイコンをクリックします。
エクスプレッションエディタに、time*speed といったシンプルなコードを入力します（speed は秒あたりの回転角度です）。

これで、指定した条件に応じて点線のサークルがぐるぐると回転するようになるはずです。

小さな正円を並べてーサークルをつくる

AEは破線を正円にはできないようです。角丸にしかできません。

そのため、別のアプローチが必要となり、小さい円をリピートして円上に並べる形をとる必要があります。

シェイプツールで円を描きます。
塗りがないため、塗りを追加して塗りつぶします。
リピーターを追加します。コピー数を入力すると複製されます。横にずらっと並びます。
「位置（Position）」を[0,0]に設定します。円が重なります。
「回転（Rotation）」の値を変更します。

円全体が360度なので、120個のドットを等間隔で配置するには、各ドットの間の角度は360 / 120 = 3度になります。

リピーターの後ろの部分にいれます。0.x + 0.00 → 0.x + 3.00

リピーターで並べた場合、中心軸をあわせるなら次の手順です。

シェイプのアンカーポイント:0
円のサイズを決めるため、リピーターのスケール：200
リピーターのアンカーポイント:100
トランスフォームのアンカーポイント：100
整列ツールで中央
トランスフォームの位置を-200

数字はサンプルであり、アンカーポイントは3つあります。

AE!Adobe AfterEffectsの映像のリサイズ(クロップ)

Photoshopのトリミングは映像の場合、クロップを呼ばれるようですね。映像のトリミングは時間軸の方になってしまうようです。

映像をインポート: 「ファイル」メニューから「インポート」を選び、編集したい映像ファイルを選びます。
新規コンポジション: インポートした映像ファイルをタイムラインにドラッグ&ドロップして、新しいコンポジションを作成します。
関心領域を設定: 映像があるコンポジションパネル上部のツールバーから「関心領域」を選びます。
範囲を選択: 関心領域のツールを選択した後、映像上でクロップしたい範囲をドラッグして選びます。
ウィンドウ > 情報 1ピクセル単位で切り抜くときも便利。
コンポジション > コンポジションを目標範囲にクロップ外枠が残ってみえるけど倍率を100%にすると消える(謎)
コンポジション > コンポジションの設定サイズの変化が確認できる。
レンダリング: 最後に、「コンポジション」メニューから「レンダーキューに追加」を選び、出力設定を選んでレンダリングを行います。

無料ソフトならscreentogifでできます。QuickTimeや録画ソフトkapではできませんでした。

ScreenToGifのffmpegでmp4出力/mp4 to gif

個人的な覚書を兼ねていますが、ScreenToGifの使い方を解説していきます。(追記)ScreenToGifから乗り換えました。ScreenToGifはアスペクト比を維持した範囲指定がしにくいです。。ScreenToGifより今は他のソフ

縦長から横長に変える!

instagramは縦長だけど、YouTubeやTwitterは横長です。

新規コンポジションを作って全レイヤーをコピペで移植するよいだけです。

たまにレイヤーの上下が逆転していまうバグがあるようです…。。2つに分けて移植するようにしたらなぜかうまくいきました。

あとは座標調整です。

after effectsのモーフィング

頂点の変更

レイヤー上でパスを選択します > 点を選んで右クリック > マスクとシェイプのパス > 最初の頂点を設定

現在の頂点は□で囲まれています。

AE!Adobe AfterEffectsのバグ?

コピペすると「Texture Layer」の設定が外れる

CC Particle Worldのパーティクルをコピペすると、「Texture Layer」の設定が外れるようです。

今のところ再設定するしか方法がなさそうだ。解決方法があれば知りたいところです。

AE!Adobe AfterEffectsのエラー

このプロジェクトを最後に保存してから、1個のファイルが見つかりません。

このプロジェクトを最後に保存してから、1個のファイルが見つかりません。

フォルダ名の変更やパスが変わった場合でます。原因は素材がリンクきれしています。

テレビのストライプみたいなアイコンになっています。

リンクきれしたものを右クリック > フッテージの置き換え > 正しい素材の場所を選ぶ

エラーハンドリングの設計おすすめ本・書籍

neru — Sun, 28 Jan 2024 10:21:34 +0000

覚書です。

エラーハンドリングの設計おすすめ本・書籍

個人的にはGood Code, Bad Codeですかね。

コードが動かないので帰れません！はかなり初心者はいいかもしれません。

Good Code, Bad Code ～持続可能な開発のためのソフトウェアエンジニア的思考

第4章がエラーですけど、プログラミングの組み方がいろいろとまとまっています。

Good Code, Bad Code ～持続可能な開発のためのソフトウェアエンジニア的思考

著:TomLong, 著:秋勇紀, 著:高田新山, 著:山本大祐

¥3,208 （2024/01/28 19:25時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

この本はシリーズになっており、「単体テストの考え方/使い方」や「プログラマー脳」という書籍もあります。

Good Code, Bad Code

良本
抽象化レイヤーとエラーハンドリングのとこが特に参考になった。
— 乳輪回転丸 (@muscle_444) November 22, 2023

コードが動かないので帰れません！新人プログラマーのためのエラーが怖くなくなる本

コードが動かないので帰れませんは、プログラマあるあるですね。

コードが動かないので帰れません！新人プログラマーのためのエラーが怖くなくなる本

著:桜庭洋之, 著:望月幸太郎

¥1,980 （2024/01/28 19:45時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

目次をみるとかなり初心者向けのようです。

【目次】
●第1章　エラーはどうして怖いのか？
・エラーを読んでみよう
・エラーを読まなくなってしまう理由
・エラーに向き合う心構え

●第2章　エラーの上手な読みかた
・エラーの構成要素を知ろう
・エラーの種類を知ろう

●第3章　不具合の原因を効率的に見つけるには？
・デバッグとは？
・プリントデバッグをやってみよう
・二分探索で効率的に探そう　ほか

●第4章　ツールを活用してデバッグを楽にしよう
・デバッガは強力なツール
・ブレークポイントを使ってみよう
・いろいろなステップ実行　ほか

●第5章　どうしても解決できないときは？
・プログラマーのための情報収集テクニック
・エラーが見つからないときは？
・不具合が再現できないときは？　ほか

●第6章　デバッグしやすいコードを書こう
・再代入は控えよう
・スコープは可能な限り狭めよう
・単一責任の原則を知ろう　ほか
https://www.shoeisha.co.jp/book/detail/9784798180892

Udemy(エラーハンドリング、テスト、デバッグ)

Udemyでエラーハンドリング、テスト、デバッグと言語名などで検索するとわりとあるかもしれません。

Udemy

Udemyは1番有名な動画学習サイトです。セール時は書籍並みの価格で動画が買えるため学習意欲がある人がとりあえず登録しておくとよいサイトです。セールのタイミングなどはこちらの記事をみてください。

Udemyのセールはいつで頻度は!?いつも?ユーデミーの割引対象外は?

udemyが日本に上陸する前から知っていたユーデミユーザーです。英語の技術系コンテンツをよく買っていました。udemyとは動画学習サイトです。個人的にはグラフィックやプログラミングの動画をお買い物をすることが多いですが、fxや株式などの資産

エラーハンドリングの設計(Javascriptでエラーを強制する)

エラーが発生せずエラーのテストができない場合があります。その場合は強制的にエラーを発生させます。

  try {
    // テスト目的で強制的にエラーを発生させる
    throw new Error("強制エラー");

    // return "データの更新が完了しました。";
  } catch (e) {
    return "エラーが発生しました: " + e.message;
  }

ご参考になれば幸いです。

初心者向けGithubのおすすめ本・Udemy(SourcetreeとBitbucket)

neru — Thu, 14 May 2020 09:21:56 +0000

Gitのおすすめ本を紹介します

また、Github、Bitbucket、SourceTreeなどをノウハウの覚書もかねていきます。

Gitのおすすめ本

Githubとvscodeの環境下でおすすめのgit書籍

GitHubの本は買わず、結局Umdeyにしました。

Error

Udemy講師もしているこのたにぐちまことさんの教材はわりとわかりやすかったです。

Codeめっちゃ優秀ですよね。コンフリクト起こしたときもエディター内で解決できますからね。素敵です。
— たにぐちまこと／学ぶ。をちゃんと (@seltzer) June 4, 2019

マイクロソフトの中の人が書いた本があったため、試しに購入してみました。gitの使い方もかいてあり、文章がとてもわかりやすかったです。

徹底解説Visual Studio Code

著:本間咲来

¥3,102 （2023/11/15 18:24時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

他にはデバッグや設定などもいろいろと書かれています。マイクロソフトの本なのでやはりというかTypeScriptの解説はありましたが、言語とわずそれなりに使える本な気がします

SourcetreeとBitbucketの環境下でおすすめのgit書籍

Sourcetree*Bitbucketの組み合わせになると、この1冊しかありません。ちょうど評判もいいため、これでいいのではないでしょうか。電子書籍と1番使えそうなwebの情報を組み合わせで基本的な知識はだいたい習得できて導入できます。

Gitが、おもしろいほどわかる基本の使い方33

posted with カエレバ

大串肇,久保靖資,豊沢泰尚エムディエヌコーポレーション（MdN） 2015-05-26

Amazon

楽天市場

gitの電子書籍を安価に買う方法

最近はキンドルよりも他の電子書籍ストアが安いため利用することが少なくありません。

本以外のgithubの動画もある

udemyにはプルリクエスト、チーム開発まで網羅した動画もある

動画で学習するならudemyがおすすめです。githubの書籍は電子化されたタイミングはさておき、初版は古いものが少なくありません。udemyにはgitの動画がたくさんあります。

Udmyにある「Git：もう怖くないGit！チーム開発で必要なGitを完全マスター」は基本的な使い方はもちろん、プルリクエスト、チーム開発、まで網羅しているのでいいかもしれません。

Udemy

GitKrakenやコマンドラインなどの動画もあります。udemyでプログラミングのおすすめ動画はこちらにまとめてあります。

最近はプログラミング学習サイトでも教えているようですね。

社会人・学生に安いオンラインプログラミングスクール比較/Javascriptやc#のスキルアップでおすすめは?

gitihub*vscodeを使いこなすためにおすすめのExtensions

github historyです。視覚的にわかります。

Git History - Visual Studio Marketplace

Extension for Visual Studio Code - View git log, file history, compare branches or commits

vscode pull requestです。その名のとおりプルリクエストに利用するものです。

GitHub Pull Requests - Visual Studio Marketplace

Extension for Visual Studio Code - Pull Request and Issue Provider for GitHub

githubの公式がだしている安心感もあります。githubはマイクロソフトに買収されましたからこういった流れにはなってくるでしょう。

SourceTreeとVSCodeはまだSourceTreeを使っている人も多いかもしれません。

ただ、SourceTreeがものすごく使いやすいわけでもなく、VSCodeはわりと気にいっていため、試しに使ってみたいなと。評判も悪くありませんでした。

SourcetreeとBitbucketのノウハウ(過去記事)

Github*VsCodeの時代に!Bitbucketとの比較

GithubとBitbucketのどちらがいいのでしょうか。

以前(2008年ぐらいまで）はsubversion(svn)ユーザーでしたが、現在はgitを利用しています。SourceTreeとBitbucketからVSCodeとGithubにに乗り換えました。

Githubはマイクロソフトが買収し、その流れのせいかわかりませんがソースコードを非公開にできるプライベートリポジトリが無料になったことが大きいです。共有できるのは3人までです。

Microsoft が買収して
GitHub どうなるのかなーってみんな言ってたと思うけど
こうなった！！！！神！！

(今までは月額課金しないとプライベート(非公開)リポジトリは作れなかったよ)

ーー
GitHub、無料ユーザーもプライベートリポジトリを使い放題にhttps://t.co/rg0dWfL5cU

— Madokaちょまど@ITエンジニア兼マンガ家 (@chomado) January 8, 2019

直接関係はありませんが、マイクロソフトのvscodeを使い始めたこともあります。

また、VSCodeで一元管理したく、たまたま環境を作り直す機会があったため、その機会にお試しで。

コマンドを覚えるかSourcetreeのソフトを使うか

Gitはコマンドで使う方法とgui、要はソフトウェアをインストールして使う2つの方法があります。Sourcetreeというソフトウェアはよくできているため、最初はソフトウェアを導入した方がとっつきやすいでしょう。

Sourcetree*Bitbucketなら無料で非公開リポジトリが持てる

Web上のリポジトリ(ソースコードやファイルの貯蔵庫)としてGitHubとBitbucketのどちらを使うか迷うことになるかと思いますが、GitHubは非公開リポジトリが有料なのに対して、Bitbucketは料金が無料だったためこちらを採用しました。基本的におおやけにしたいものではないため非公開は個人的に必須です。SourcetreeとBitbucketの開発会社が一緒だったことも理由にあげられます。

Sourcetree*Bitbucketのgitの使い方

gitの使い方を解説したサイトは腐るほどあり、10サイト以上ピックアップして多少は見たのですが、結局、下記がわかりやすくチュートリアルとしてよくまとまっていました。最終的にこちらのサイトどおりにやって把握するのが早いという結論になりました。ありがたいサイトです。

【連載Git入門目次】ほんとは簡単？SourceTreeでGitを始めよう！

SourceTreeを使ってGitの使い方を説明します。コマンドは一切使いません。これを機に覚えてみませんか？UnityプロジェクトをGitで管理する方法も説明します。

Web開発者ももちろん参考になりますが、アプリ開発者の場合は最後にunityの解説もあるため助かります。とはいえ、まずは使うにあたりソフトのインストールとアカウントの登録です。

Sourcetreeでエクセル(Excel)やバイナリのマージの解決

使い方は上記のサイトをみればOKですが、エクセル(Excel)やバイナリのマージをどうするのか？一瞬迷ったためめもしておきます。
古いファイルを採用するか、新しいファイルを採用するかの2択です。テキストファイルを開いて手で修正はできません。

ビックリマーク(!)を右クリック > 競合の解決 > ”自分の変更”を使って解決(要はmaster)

プルして衝突になった場合、プルしたデータを捨てて自分のデータを採用します。

ビックリマーク(!)を右クリック > 競合の解決 > ”相手の変更”を使って解決(要はsub)

プルして衝突になった場合、自分のデータを捨てて、相手が更新したリモートのデータを採用します。

Sourcetreeの~lockファイル

~lockファイルって何だろう、と一瞬思ったのですが、lockファイルはファイルが開いているだけでした。

~lock.test.xls

ならエクセルファイルを閉じればいいだけですね。

SourceTreeのmacとwindowsのインストール

Sourcetreeはmac版もwindows版もあり、こちらからダウンロードしてインストールできます。サイトもある程度日本語化されています。

Sourcetree - 無料の Git & Mercurial クライアント | Atlassian

Sourcetree は、Windows および Mac 向けの無料の Mercurial および Git クライアントです。ご使用の Hg および Git リポジトリにグラフィカルインターフェイスを提供します。

特に難しいことはありませんでしたが、Atlassian(SourcetreeとBitbucketの開発会社)のアカウント登録が必要です。バージョンアップを繰り返していることもあり、古い記事をみるとフローが変わっているためあまり役に立ちません。。やってみてわからなかったら調べる方が早いでしょう。

Bitbucketの登録

Bitbucketの登録はこちらからできます。Sourcetreeと共通のアカウントでOKです。

Bitbucket | Git solution for teams using Jira

Bitbucket Cloud is a Git-based code and CI/CD tool optimized for teams using Jira.

Bitbucketの容量制限に注意

Bitbucketを導入する前にまず調べたのが容量制限のことです。まあ、無料で使えるものが制限がなかったら、それはそれで怖いですからね。当然のことでしょう。公式サイトにのっています。

Soft limit 1 GB: At this point we let you know you’re getting to the higher end of an effective repository size and you might want to perform maintenance to keep from hitting the hard limit.
Hard limit 2 GB: This is essentially a repository size stop sign we’ll limit what you can do until you reduce your repository size.

Reduce repository size | Bitbucket Cloud | Atlassian Support

Bitbucket Cloud repositories have a 4.0 GB limit. When that limit is reached, you will only be able to push changes that

1gbでソフトな制限がかかり、　2gbでハードな制限がかかります。Sourcetreeで大きなファイルをコミットしようすると警告もでます。

あらかじめどのようにバージョン管理するのかよく検討した方がいいでしょう。

個人的にはプログラムなど軽いファイルのみにとどめ、photoshopなどのpsdはもちろんドキュメントはバージョン管理からもちはずしています。特にデザイナーやプランナーは要注意ですね。

大きなファイルのバックアップとしては、dropboxで十分かなという気がしています。

決定版クラウド(Dropbox Pro )とローカルで丸ごと2重バックアップを実現!

現在、Dropbox Proで丸ごと2重バックアップしています。ローカルとクラウドの両方に同じファイルを置いています。今回はうちのPC環境を丸ごと暴露しようと思います。 Dropbox Proを導入したのち、すぐにこの構成に移行しました。

中にはdropboxではなくドキュメント等はsvnと併用して管理している人もいるようですね。

subversionとgitの1番の違い

subversionとgitの違いはいろいろあるのですが、gitはネットを接続せずローカルでバージョン管理できるのが大きいな、と思いましたね。

1冊ですべて身につくHTML ＆ CSSとWebデザイン入門講座

著:Mana

¥2,237 （2022/11/22 18:37時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

Webクリエイターボックスを運営するManaさんの書籍です。初心者向けなので初心者にはおすすめです、読みやすい本です。中級者以降は拾い読みするところがある程度ですかね。

リセットCSSの解説もあります。

あとはUdemyでもあさればいいかもと。

デザインレシピ本

個人的には購入を見送りましたが、いくつかデザインレシピ本がでています。まあ、技術書は3000円ぐらいが相場ですかね。

今すぐ使えるCSSレシピブック

Amazon

HTML5 & CSS3 デザインレシピ集

Amazon

Udemyのおすすめコースをまとめましたよ。個人的にはCSSは英語の講座しか買ったことないですけど、この機会にJavascriptなどの学習をすすめてみるといいかもしれません。

CSSのおすすめ学習サイト

今、見ることが多いサイト。はてぶに以下のコメントがあります。

現在のMDNはMozillaだけでなくMicrosoft、Googleも協力して情報が集約されて居り、各言語や規格の仕様書の次に「公式」に近い資料です。規格原文へのリンクもあるほか、仕様にはないブラウザの対応状況や互換性情報も

ぐぐったとき、このサイトがでれば順位が下位でも開く場合が多いです。

MDN Web Docs

The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites

Tag Indexさんです。昔、愛用していたため、感謝もこめて紹介。わかりやすいです。

TAG index - HTML & CSS Web制作リファレンス

ホームページ制作に役立つHTMLタグとCSSのリファレンスサイト。カラーチャートやWeb便利ツールなどもあります。

初心者向けで手取り足取り解説がほしい場合はサルワカさんがわかりやすいですね。SANGOのテーマを作っている人ですね。

サルワカ | サルでも分かる図解説明マガジン

サルワカはあらゆることを分かりやすく解説するメディアです。何か分からないことがあったときはサルワカへどうぞ！

CSSの無料有料の質問サイト

Webサイトをみても解決できない問題も発生するかと思います。

その場合は無料ならteratail、有料ならmentaやココナラを利用してください。

【有料9選】プログラミング質問サイト/質問し放題【無料15選】

有料無料とわず、プログラミング有料質問掲示板/質問し放題のメンターマッチングサービスを調べました。国内海外とわず、覚書としてまとめておきます。【有料】プログラミング質問サイト/質問し放題スキルシェアサービス侍テラコヤ教材以外の質問もできるよ

ご参考になれば幸いです。

HUAWEI e5785で楽天モバイルやソフトバンクsim運用!SMSは!?

neru — Sat, 30 Jun 2018 06:07:28 +0000

e5785やその前のe5577sはとてもいい端末です。

使いやすいですし、モバイルバッテリーとしても使えます。デメリットをあげるならsimの入れ替えがややしにくいことぐらいでしょうか。

HUAWEI E5785 SIMフリーモバイルwi-fiルーターホワイト E5785-320 【日本正規代理店品】

HUAWEI(ファーウェイ)

¥9,290 （2023/04/02 19:01時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

ソフトバンクsim(昔はfujisim、fujisimは販売停止、現在はギアwifiのsimプラン)で運用しています。楽天モバイルでも運用している人が多いとのことです。個人的にも楽天モバイルは使っていたのですが、メインはギアwifiに乗り換えました。

ギアWiFi

他にもソフトバンクsimがあります。

100GB/50GB!レンタルsim格安simおすすめ【simフリー/大容量sim】

楽天モバイルからソフトバンクsimに乗り換えた理由

楽天モバイルは残念ながらソフトバンクsimと比較するといまいちだった

詳しくはこちらの記事をみてください。

楽天モバイルのダウンロードや動画視聴が切れる!止まる!WiMAX/ahamo大盛りどっちへ?その他もあり!?

楽天モバイルを契約↑↑↑して1週間もたたないうちにダウンロードできない症状に悩まされました。検証データをこの記事にのっけました。その後、speedtestの値は悪くないのですが、なぜか動画の読み込みが頻繁に発生する感じです。動画をみるとき、

ソフトバンクsimはiphoneでテザリングできない

契約できない?

レンタルsimの場合、契約はできません。

テザリングができるか否かについてです。

iPhoneとiPadはテザリングできません。
Androidは端末によります。
wifiルーターに入れる方法ができます。simのサイズはどれでもOKです。

参考：http://www.biz.fuji-wifi.jp/#faq

情報源としてはfuji wifiのfaqより。

androidはさらに詳しく調べました。

たぶんソフトバンクが販売している、nexus6pなどの端末はできないっぽいです。もう少し詳しくかくと、ソフトバンクが販売している端末は、端末別に制御しているはずなのでsimフリー端末なら関係ありません。通常ソフトバンクのテザリングはオプションプランに加入が必須。しかしレンタルでは端末契約者でないためそれができない。

とはいえ、androidはテザリングできる端末は多いでしょう。androidとiphoneの2大持ちの場合はandroidでテザリング端末してiPhoneはwifi接続という流れになります。androidがテザリング端末にできなかったらwifiルーターを入手しましょう。wifiルーターは高くありませんし、いずれにせよ、回避策はありそうから申し込むところまでは問題なさそうです。

もしくはソフトバンクのレンタルsimはやめてlinemoや無制限で使える楽天モバイルを使うかですね。楽天モバイルはソフトバンクと比較すると劣っていいる気がしますが、だいぶカバー率はあがっています。

auUQモバイル/povo2.0(ポボ) /linemo/ahamo/楽天モバイル/mineoの比較

povo2.0(ポヴォ) 、linemo、ahamo、楽天モバイルに加え、格安simの代表格auのUQモバイルとマイネオの6つを比較します。早速ですが比較表です。linemoahamopovo2.0(ポヴォ)UQモバイル楽天モバイルmine

楽天モバイルの固定回線化でテザリングは!?テレワーク可？光回線の代わりになる!?

楽天モバイルが赤字で大変らしいので、長らく契約していたソフトバンクのwifiを解約して、楽天モバイルを一度使ってみることにしました。動画ソフトを使う機会が増えたので無制限がいいかなと。楽天モバイルは固定回線化して使うのが便利というtipsは

端末でもよければクラウドWIfiを契約するかですね。

【解約金なし・違約金なしのクラウドwifiもあり】クラウドwifi比較9選安いのは!?【2022年クラウドsimのおすすめ】

クラウドWifiを比較していきます。サービス名公式初期費用月額縛りどこよりもWiFi 安い公式3300100gb:371850gb:290020gb:1900階段式の料金で900円〜。2年縛り解約金ありhi-ho GoGo Wi-Fi公式3

e5577sとfujisim

テザリングできます。

iphoneやipadとfujisim

単体では使えますが、テザリングはできません。e5577sなどのポケットwifiを別途持つ必要があります。

nexus6pとfujisim

単体では使えますが、テザリングはできません。e5577sなどのポケットwifiを別途持つ必要があります。

aquos zero2、aquos zero3、Pixel4aとfuji sim

fuji simのテザリング対応を調べた。

aquos zero2 使える
Pixel4a 使えない
iPhone12 使えないはず

5g、デュアルsim、電子書籍利用のため140g代で6インチ以上、fujisimテザリング

上記買い替えの条件だから、aquos zero3まで様子見かな!他がくるか。fujiwifiは契約済みhttps://t.co/1OI4pymFdI

— it脳neru (@neruplan) October 18, 2020

大半のAndroidスマホは大丈夫なのですが、Googleのスマホは繋がったことがないため、Pixel5aがでてもおそらくダメでしょうね。。

希望のスマホがでるまでe5577sで運用しています。

HUAWEI e5785(e5577)とソフトバンクsimのSMSの受信

大抵どこのレンタルsimも以下のようなルールですね。公式に記載があるかないかは各社対応がわかれます。fuji simの公式には残念ながらSMSに関する情報は何もありませんでした。

固定回線の代わりに、レンタルSIMを使うか考え中、電話は使えないSIM、縛り無しで解約金も無い、間違ってSMS送信したら、罰金5000円、SMSの受信はOK
回線はソフトバンクの電波そのまま使うから速度も出るし、

— HIROYUKI (@casanova4649) April 6, 2019

特に請求されませんでした
— 直斗 (Naoto), M.D., Ph.D. (@theft0513) April 22, 2019

今RTした件、たぶんFUJI WiFi SIMと中身変わらないよね。
実際、FUJI WiFi SIMでもSMSは送受信出来てしまうので（説明に書かれてないし、送信しないほうが良いけど）、一般の方に対して優しいサービスか？と言われれば、少し敷居が高かったかもしれない（認知度など、様々な面で）。
— しらこ＆くろにゃん🐈‍⬛ (@96ssbike) July 1, 2019

送信はしない方がいい気がします。ご迷惑がかかっては大変なので。。

具体的な手順は以下のとおりです。

HUAWEI e5577でWifiを繋ぐ
Wifiで繋いだPC(スマホ)からhttp://192.168.8.1のアドレスにアクセスできます。
初期値はユーザー名、パスワードとも「admin」。パスワードは変えておきましょう。
設定でSMSのタブをクリックする(端末自体ではSMSが届いた通知しかできないため、管理画面から確認する必要があります)

PCから192.168.8.1にアクセスできない場合、スマホアプリからアクセスする方法があります。

HUAWEI HiLink (Mobile WiFi)

Huawei Device Co,. LTD無料posted withアプリーチ

手順は以下のとおりです。

アプリをダウンロード(スマホでhttp://192.168.8.1と入力してもアプリに誘導される)
設定 > アカウント > ログイン(Webとパスワードは一緒) > ツールのタブ > SMS

アプリを使いたくない場合、192.168.8.1にアクセス後、ログインのリンクがあります(見にくいですが…)。

HUAWEI e5577はSMSの受信に対応している端末です。2分25秒ぐらいから。

fuji simの電話番号を確認

どこから電話番号を確認するのか迷う人がいるかもしれませんが、fuji wifiの契約の管理画面から確認できます。

ログイン > 申し込み内容を確認 > ご契約内容の確認 > 端末識別番号

リニューアル後、どこかにいってしまったようです。。個人的にはめもしていたため、その番号を利用しています。

楽天モバイルやソフトバンクsimの入れ替え

簡単なスマホは割愛します。

e5577のsimの入り方

e5577sを指す方法は次のとおりです。

角の凹みから、ふたを開ける(1ヵ所だけ違うところがある)
電池パックを入れる
形にあわせてsimを開ける(simカードの金属部は裏になる。見えないようにする。)

Galaxy S5のsimの入り方

実はギャラクシーs5を持っているため、simカードの入れ替え方法を探してみました。

ソフトバンクsimのapn設定

apnの設定は次のとおりです。fujisimとギアwifiのsimは一緒でした。過去の設定が残っていたせいかすぐにつながりました。

APN（アクセスポイント名）：plus.4g
ユーザー名：plus
パスワード：4g

アクセスする方法は端末によって若干違います。

HUAWEI e5577s-324でfuji simのapn設定(管理画面に入る方法)

simと取り付けたe5577sの電源を入れます。圏外になっている場合がありますが、気にしないでいきましょう。
PCからwifiのHUAWEI-XXXXを選びます。パスワードを要求されるためwifiルーターに書かれたパスワードを入れます。
そうすると、PC(スマホ)からhttp://192.168.8.1のアドレスにアクセスできます (なお、他のwifi回線をひろっていると、もちろんアクセスできませんので自宅など他の回線があるところでは確認してください。)
初期値はユーザー名、パスワードとも「admin」。パスワードは変えておきましょう。

初期設定は3つほどあります。

SSID (サービス設定ID)に名前を付ける:WLANの名前として最大32文字までの文字列を入力してください。と言われますが、そのままでもOkです。
次の『自動ダウンロード（再起動後に自動更新）』と『手動で更新する』を選べます。自動更新にします。
最後にこの管理画面のパスワードです。パスワードの指定です。元のパスワードはadminです。任意のパスワードに変更します。

ここまでくるとようやくapnの設定ができます。

設定 > ダイヤルアップ > プロファイル > 管理 > 新規プロファイル

APN（アクセスポイント名）：plus.4g
ユーザー名：plus
パスワード：4g

fuji simのapnの設定をし、適用ボタンを押します。

ここまで行うと圏外がsoftbankになるはず。あとはスマホなどからもSSIDを選べば接続されます。

fuji sim(fujiwifi)のNexus6pのapn設定

設定 > その他のネットワーク > モバイルネットワーク > apn

React、Next.js、TypeScript、CloudRunのおすすめ本・Udemy教材の講座(評判・レビュー)

neru — Tue, 22 Aug 2023 03:42:15 +0000

reactやNext.jsは日本語講座が充実しています。今までnuxtjsを使ってきましたが、次からnextjsに乗り換えるため、いろいろと買いあさりました。最後の見出しが買ったものまとめですね。

初心者向けReactとNext.jsのおすすめ本・Udemy教材の講座

ReactとNext.jsの両方が入っている奴を紹介します。

「【2023年最新】React(v18)完全入門ガイド｜Hooks、Next.js、Redux、TypeScript」という講座で勉強しました。

【2023年最新】React(v18)完全入門ガイド｜Hooks、Next.js、Redux、TypeScript

これ1本でReact、Next.js、TypeScriotまでカバー。
CodeMafiaさんはなぜそうなるのかを解説してくれる
時間数は24時間以上

軽くみてみましたが、説明は少し長めで丁寧という感じですね。

「プログラミング中級者になりたい人のためのクリーンコード入門」も気になります。

Udemy

これからはじめるReact実践入門　コンポーネントの基本からNext.jsによるアプリ開発まで

(追記)本はReactからNext.jsまで網羅してよいものがなかったのですけど、最近でたようです。最近、独習シリーズを書いている方が執筆者ですね。評判はよいようです。

これからはじめるReact実践入門　コンポーネントの基本からNext.jsによるアプリ開発まで

著:山田祥寛

¥3,960 （2023/11/21 15:43時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

初心者向けNext.jsのおすすめ本・Udemyの講座

【Next.js入門】ReactフレームワークのNext.jsでマイクロブログを構築しながら基礎と本質を学ぶ講座

SSGとSSRの解説。SEO対策をしたい人によい
YouTubeもやっているShin Codeさん
サーバーはNext.jsでおなじみのVercel

軽くみてみましたが、説明は端的でわかりやすいと思います。

Udemy

他にはnext.jsはKazu T+さん。各々講師の癖がある気がするので1つずつ見てみると、自分にあった人が見つかるかもです。

Next.jsの本

書籍もほしい方は次の選択肢があります。

作って学ぶ　Next.js/React　Webサイト構築

著:エビスコム

¥3,158 （2023/08/22 12:57時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発

著:手島拓也, 著:吉田健人, 著:高林佳稀

¥3,323 （2023/08/22 12:57時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

初心者向けReactのおすすめ本・Udemyの講座

Reactのおすすめ本

じゃけえさんという方がUdemyでreactの講座をたくさんだして人気です。

Udemy

本も出版されているようです。

モダンJavaScriptの基本から始める　React実践の教科書　（最新ReactHooks対応）

著:じゃけぇ（岡田拓巳）

¥1,430 （2023/08/22 12:36時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

他には、はむさんのオンラインスクールはむさんがfirebaseとreactの組み合わせで講座をだしています。

初心者向けReduxのおすすめ本・Udemyの講座

Reduxは取っつきにくく少々難しいかもしれません。この2つがよさそうでしたね。

【Redux完全入門】絶対に理解させるReduxアルゴリズム徹底解説入門パック Shin Code
[Redux編] Redux Tool KitとReact HooksによるモダンReact フロントエンド開発 Zin nux

Udemy

Reactソフトウェアテストにおすすめ本・Udemyの講座

テスト専用の講座もありました。

Reactソフトウェアテスト(Hooks+ReduxToolKit時代のモダンテスト手法) Zin nux

Udemy

TypeScriptのおすすめ本・Udemyの講座

Vueの講座もわかりやすかった、よしぴー (Yoshipi)さんの「超TypeScript入門完全パック – もう他の教材は買わなくてOK！」も持っていました。

「【2023年最新】React(v18)完全入門ガイド｜Hooks、Next.js、Redux、TypeScript」にもTypeScriptの解説がありますけどあくまで１パートなので、TypeScriptは「超TypeScript入門完全パック – もう他の教材は買わなくてOK！」があるといい気もしますね。

Udemy

ただ、動画はパラパラ眺めることができないため、本も１冊買いました。

プロを目指す人のためのTypeScript入門　安全なコードの書き方から高度な型の使い方まで Software Design plus

著:鈴木僚太

¥3,114 （2023/08/22 12:50時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

初心者向けCloudRunのおすすめ本・Udemy教材の講座

Vercelの無料プランは商用利用できないため、GoogleのCloudRunを使う方がいますね。たしかzennなんかもそうでしたよね。

CloudRunの教材は少ないのですけど、でています。この教材はGoogleのサーバーの教材なのですが、その一部に乗っていました。

Google Cloud（GCP）の基礎 – 図解と実践でインフラの基礎を固める

Udemy

初心者向けCloudflare Pagesのおすすめ本・Udemy教材の講座

Vercelの無料プランは商用利用できないため、Cloudflare Pagesを使う方もいますよね。Cloudflare Pagesは無料枠が太っ腹なのが特徴です。ただ、SSRにする場合はCloudflare Workersも必要そうです。こちらも料金がかかります。

教材は1冊だけありましたね。

Cloudflare Workers+Pagesで旅行メモのサイトを作ってみよう！技術の泉シリーズ

著:木村俊彦

¥1,980 （2023/08/25 04:10時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

【評判】React・Next.js・TypeScriptの本・Udemy教材の講座、個人的なレビュー

個人的に買ったもの

前提条件をかくと、今回はNext.jsのSSRで実装したいです。TypeScriptを使います。今までVueとNuxt.jsで開発していたためJSの知識は多少あります。Next.jsはNuxt.jsと違う部分もあるけど似ている部分もあります。

買ったものは以下のとおりです。やっぱ買ってみないとどの人と相性がいいのかわからないこともあって1つずつ買いましたね。

【2023年最新】React(v18)完全入門ガイド｜Hooks、Next.js、Redux、TypeScript(CodeMafiaさん)
【Next.js入門】ReactフレームワークのNext.jsでマイクロブログを構築しながら基礎と本質を学ぶ講座(Shin Codeさん)
Reactソフトウェアテスト(Hooks+ReduxToolKit時代のモダンテスト手法 (Zin nuxさん)
超TypeScript入門完全パック – もう他の教材は買わなくてOK！(よしぴーさん)

【2023年最新】React(v18)完全入門ガイド｜Hooks、Next.js、Redux、TypeScript

24時間以上というボリュームとReactからNext.jsまでカバーしているため。YouTuberもやっていますので、今後の情報収集でもお世話になるかもしれません。

【Next.js入門】ReactフレームワークのNext.jsでマイクロブログを構築しながら基礎と本質を学ぶ講座

Next.jsのSSRの情報が少しほしかったため。blogサービスを併設する予定なので、ブログを作るという講座内容がマッチしていました。今は同じ方がnext.js13の講座をだしているため、そちらの方がよいかもですね。こちらの方もYouTubeもやっていますね

Reactソフトウェアテスト(Hooks+ReduxToolKit時代のモダンテスト手法

テストやデバッグ系の本はなんか買ってしまうのですよね。やっぱ大事だと思っているせいか。

Udemy

本は１冊買いました。

プロを目指す人のためのTypeScript入門　安全なコードの書き方から高度な型の使い方まで Software Design plus

著:鈴木僚太

¥3,114 （2023/08/22 12:50時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

丁寧に書かれているという話(実際、丁寧な本だった)で辞書的にパラパラと眺めるため。

ほかに、Vueの講座もわかりやすかった、よしぴー (Yoshipi)さんの「超TypeScript入門完全パック – もう他の教材は買わなくてOK！」も持っていました。

Reactの本はちょっと古いものが多くUdemyだけでよいという結論になりました。Next.jsの本は書店で軽く立ち読みしたのですが、Nuxt.jsもやっていたためか結構知っていることも多く、浅く広くという感じで中途半端な気がしたため購入を見送りました。

Reduxは買う前に実装が終わっていたため、買いませんでしたね…。ちょっと自分がやっていることと違かったともあるのですけど。

next.jsのサーバーは何を使うべきか?

GoogleCloudRun用に次の講座も買いました。

Google Cloud（GCP）の基礎 – 図解と実践でインフラの基礎を固める

今のところ、サーバーはGoogleで固め、一部firebaseとCloudRunをいこうかと検討しています。Nextjsが運営しているVercelは2つの難点があります。

無料プランは商用利用できない!
20ドルのプランにおさまらない場合、かなり割高になる意見がちらほら。

なるほど….！
Vercel主に料金面で厳しいのは納得です

次に作るサービスでは、同じ構成で作ってみます！
— れとるときゃりー (@retoruto_carry) May 3, 2022

個人的に推していきたい構成はこれだな

・Next.js on Cloud Run
・Cloudflare
・PlanetScale
・Upstash (Redis)
・Cloud Tasks
・Cloud Scheduler

アクセスがなければ¥0、スケールしても段階的に料金が上がっていくから安心。
— catnose (@catnose99) March 29, 2023

非同期のタスクがやりにくいのもちょっと嫌だなあと。

Udemy

参考になれば幸いです。

横幅の広い6インチ以上軽量スマホ/タブレットおすすめ

neru — Wed, 28 Oct 2015 06:36:17 +0000

電子書籍とゲーム用途でスマホを購入するように個人的な覚書をかねています。かなりマニア向けの記事です。

横幅の広い6インチ以上軽量スマホ/タブレットおすすめ

探している横幅の広いスマホ

今までGoogle nexus6pを使っていましたが77.8 mm横幅があってそれなりに電子書籍が読みやすく重宝していました。Google nexus6pはもうOSはアップデートできませんし、ボロなので乗り換え先を探しています。

探しているスマホはこんな感じです。少し難しいかもですけど。。

横幅が広い
スマホなら160g以下(軽量)、もしくは7インチタブレットで200gちょいを許容するか
電子書籍が読める
ゲームに耐えられるスペック
電話はおまけだけど使えるとよい
simは入れたい

主な用途は電子書籍とゲームです。

linemoと大容量simの組み合わせでデュアルsimで運用したいですね。

【評判】Linemoの申し込みから開通まで(エントリーパッケージは?)

Linemoに乗り換えたので、Linemoの申し込みから開通までのリアル体験談です。mnp転入でミニプランに乗り換えました。スクショつきで解説します。linemoは最近20GBから30GBに変更になりました。詳しくはこちらをみてください。L

100GB/50GB!レンタルsim格安simおすすめ【simフリー/大容量sim】

しかし近年の傾向として

縦長横幅が狭いスマホになっている
7インチタブレット衰退(タブレットもいいものがあれば選択肢にいれたい)

縦長は持ちやすいという理由でしょうけどみんな同じようなスマホを作るのは最悪です。

よって該当するスマホがないのですよね。何かを捨てれば該当するスマホはあります。

ゲームを捨てればシャオミ miシリーズが比較的該当します。横幅が75mmあります。

Mi 11 Lite 5G、軽くて良いスマホではあるのだけど、やはり電子書籍を読むには横幅的にギリギリだな…。できれば横幅79mmくらいあるスマホが欲しいところなんだけど、本当に選択肢がないのよね。
— スパルタ (@sparta_cc) August 4, 2021

ブラックなど他の色もあります。

Xiaomi Mi 11 Lite 5G 6+128GB SIMフリースマートフォンミントグリーン【日本正規代理店品】

シャオミ(Xiaomi)

¥43,800 （2022/04/05 15:27時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

(追記)少し重いですけど、Xiaomi Redmi Note 11 Pro 5Gというやつがでました。76mmあります。

でかくてよければipad miniが該当します。一応持っていますが、家ならいいですけど外ではでかすぎます。タブレットなら7インチ以内ですかね。

xperia z ultra難民を救うと言われた?iPhone11 Pro MaXは重すぎます。高いという人もいるでしょう。横幅は77.8だけど220gぐらいです。

古い端末を安く買う手はありますが、osの問題がありますからなかなか難しいでしょう。Huawei Mate 9は懐かしいですね。

電子書籍を読むスマホの横幅で言えば今でもHuawei Mate 9の79mmが最高だったと思ってます。あの素晴らしい横幅をもう一度…。
— スパルタ (@sparta_cc) June 23, 2021

iPhoneは？

iPhoneをでかいのにしてAndroidを小さいのを買うというのは2台持ちとしてはありなのですが、Androidは4.7インチがありませんね。。だから、個人的には小さい方はiPhone(今ならiPhone SE3)が担当なのです。

ただ、iPhone 13 Pro Maxは重ささえ許容できれば、電子書籍にもゲームにもいい端末なんですけど、どこかを割り切るかになりますかね。(ただiPhone2台は微妙)

Apple iPhone 13 Pro Max (256GB) – シエラブルー SIMフリー 5G対応

Apple(アップル)

¥174,800 （2023/03/12 01:54時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

横幅は78.1mmです。これ以上となると軽さをやや諦めてタブレットになりますかね。

まず、発熱が違う。

iPhone 13 Proは負荷のかかるゲームをやるとそれなりに熱くなるけど、iPhone 13 Pro Max はあまり熱くならない。大きい分、排熱に余裕があるのだろうか？

（iPhone 13 Proだけが特別熱くなるわけではぬく、これまで使ってきたiPhoneと同じぐらいに普通に熱くなるということ）
— eno@ガジェット&Apple製品 (@eno_gadget) April 8, 2022

iPhone13 Pro Maxに機種変したけど音の立体感えぐいしゲームが全然重くならない（元iPhone6S Plusより）
— らりぃ☄️🌸 (@RaRaRa_RyRyRy) April 6, 2022

iPhone13 pro max重いしデカいから完全に家でゲームやる用にして普段持ち歩く用にiPhone se3買った！バッテリー持ちクソだけど軽いし指紋認証最高や
— ちゃび (@t_nyoro) March 29, 2022

iPhone 13 Pro Maxようやっと慣れてきました〜！

画面が大きい！！！

画面が大きい！！！
ゲームがしやすい！最高！
アズレアの準備万端♡♡

だがしかし重くて手首が…ｶﾀ:(ˊ◦ω◦ˋ):ｶﾀ
— 妲己@星茸の森お弟子さん募集中🍄 (@Dakki_azurea) March 21, 2022

iPhone 13 Pro Max 買った最大の動機である電子書籍、この大きさはかなり快適。
マンガもまあ読める。
でも本体重いから通勤電車で立ったまま読むのはキツいかも。
— 🇯🇵Ladbear🇹🇭 (@Ladbear2) January 1, 2022

iPad mini以外ならNECタブレット8インチが安い

iPad miniはアメリカンサイズの8.3 インチになり、少々大きすぎます。もうほんの少し小さければ、、8インチなら許容できる人もいるでしょう。

ハイスペック要求のゲームは苦しいですが、電子書籍、Youtube、簡単なアプリなら十分役割を果たせます。スマホと違ってタブレットは安価なのも特徴です。横幅もタブレットなので大丈夫でしょう。

日本のメーカーだとNECさんぐらいです。300gぐらいです。

NEC 8型 Android タブレットパソコン NEC LAVIE T0855/CAS（3GB/32GB）Wi-Fi PC-T0855CAS

NEC

¥23,500 （2022/07/18 01:22時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

7インチのタブレットが復活!?

(追記)7インチのタブレットは昔、ファーウェイのものが有名であり、しばらく販売がありませんでした。しかし、2021年ごろから中華メーカーでよければ復活がはじまったようです。

中国のワキキョーさんなどいくつかのメーカーが販売しています。ピンクのタブレットは珍しいですね。7インチになると260gぐらいまで落ちます。

このぐらいの価格ならお試しでも買ってもいいですかね。

【2022NEWモデル Android10.0】タブレット 7インチクアッドコア ROM32GB/RAM2GB 512GB拡張可能 3000mAh IPSディスプレイ GPS/WiFi/Bluetooth/FM搭載顔認証 GMS認証日本語マニュアル付き一年保証S7 Pink

ワンーキョー

¥7,999 （2022/07/18 01:51時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

割と有名なメーカーですとレノボもだしていますね。比較的軽め。

Lenovo Tab M7 タブレット (7.0インチワイド IPSパネル MediaTek MT8166 2GB 32GB) グレー ZA8C0079JP 【AndroidOS】

Lenovo

¥16,932 （2022/12/20 01:41時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

e-inkのandroidタブレット

別の選択肢として電子書籍のみに割り切るなら、e-inkのandroidタブレットを購入する手があります。個人的に7インチあたりが好みです。カラー版もあります。

(追記)なかなかいいものがでません。。個人的にはsimはiPhoneのデュアルsimにしました。ゲームはiPhoneとIPad miniとWindows11のandroid OSにやることにして、e-inkのタブレットにしようかと検討しています。

詳しくはこちらの記事です。e-inkのタブレットは電子書籍用途のため、横幅もあり比較的軽量です。電子書籍以外の用途に向かないことがデメリットです。

BOOX Nova Air/BOOX Leaf 7インチやLikebook P78の比較【E-INK対応androidタブレット電子書籍リーダー】

E-INK対応androidタブレットの電子書籍リーダーが気になったため、レビューや口コミなどをいろいろとあさってみました。個人的な覚書も兼ねているめもページです。Likebookとboox比較、どっち!?BOOX Nova AirとLik

以下は過去記事のため古い情報です。

横幅の広い6インチ以上軽量スマホ/タブレット比較(過去記事)

「ASUS ZenFone5」と「HUAWEI Mate 10 Pro」 6インチ以上のスマホで128gbあるの?

6インチぐらいなら比較的新機種が発売されやすいです。とはいえ、128gbになると「ASUS ZenFone5(2018年5月発売)」と「HUAWEI Mate 10 Pro(2017年12月発売)」」の2択です。

違いとしては「ASUS ZenFone5」の方が6.2インチで画面サイズが大きい、nano simが2枚入る、約165gの軽さなどの利点があります。Wi-Fi通信時が約15.7時間です。「HUAWEI　HUAWEI Mate 10 Pro」は「Nexus6P」と同じ約178gです。とはいえ、「Nexus6P」は5.7インチなので少し軽くなりました。

ということで今のところおすすめは「ASUS ZenFone5」です。

ASUS ZenFone 5Z 【日本正規代理店品】 6.2インチ/SIMフリースマートフォン/シャイニーブラック (6GB/128GB/3,300mAh) ZS620KL-BK128S6/A

posted with カエレバ

Asustek 2018-06-30

Amazon

楽天市場

Yahooショッピング

「ZenFone5Z」と「ZenFone5」と「ZenFone5Q」の比較表

「ZenFone5Z」「ZenFone5」「ZenFone5Q」と類似商品がでていますが、128gbなのは、「ZenFone5Z」だけです。他は64gbです。

あとは「ZenFone5Z」はプロセッサーがSnapdragon 845 オクタコア (2.8GHz)なので、よりゲーム向けです。

個人的に6.2インチなら128gbという気がしています。詳しくは公式ショップのスペックを比較するとわかりやすいでしょう。

ASUS ZenFone Shop

「xperia z ultra」と「Huawei P8 max」と「zenfone 3 ultra」 6.8インチの64gbはあるの?

6.8インチは「xperia z ultra(2014年1月発売)」と「Huawei P8 max(2015年6月発売)」と「zenfone 3 ultra(2016年12月発売)」あたりが有名ですね。androidは機種が古くなるとosがアップデートできない問題があります。

基本は32gbですね。64gbはありましたが輸入版でした。輸入版は技敵マークがありません。技敵マークがないと格安simの利用は禁止されているようです。。

大きいサイズはいい気がするんですが、後続機がなかなかでない悩みがありますね。

頑張ればスーツの尻ポケットやワイシャツの胸ポケットにも入ります。

Mvno事業者の格安スマホの取り扱いは次々と変わるためこちらをみてください。DMMモバイルなどに取り扱いがありました。

【比較】IIJmio/イオンモバイル/日本通信bモバイル/HISモバイル【どっち】

最安級の格安simはどこなのか調べました。【比較】IIJmio/イオンモバイル/日本通信bモバイル/HISモバイル【どっち】企業メリットデメリット値段回線HISモバイルesim対応上限設定機能データ追加が安いLineの年齢認証不可。データの

スマホの2台持ちをする人やタブレットは大きすぎるという人は検討する人が多いのではないでしょうか!?個人的にもMacbookをよく持ち歩いていることもあり、７インチ以上のタブレットはいりません。

kindleは6インチ〜7インチ

kindleのサイズは6インチ〜7インチです。6inchのスマホは少し大きさは大きいですが、漫画や小説などの電子書籍をみる際にいいでしょう。キンドルが6インチ〜7インチですから。

もちろん動画やゲーム用途にも使えます。ゲームはcpuなどもあわせてチェックしましょう。

電子書籍のまとめ記事を書いてみました

androidのスマホのメーカーシェア〜Huawei(中国)とASUS(台湾)がシェアを伸ばす。日本は圏外・・・。(2014-2016)　

androidのスマホのメーカーシェアは、IC Insightsの資料が参考になります。ZenFone5のASUS(台湾)やHuawei(中国)が勢力を伸ばしていますね。日本はランキングすらに登場しません・・・。

7 Of The Top 10 Smartphone Suppliers Headquartered In China

以下、1台目のnexus6pを検討したころの、数年前の古い記事になります。

AscendMate7(HUAWEI・ファーウェイ)のスペックとMvno回線とセット購入

AscendMate7はアマゾンでも評判はとてもよいですが、

スペックはSIMフリー(micro-SIM)、16gb、CPU8コア、メモリ２GB、カメラ800万-1300万画素、バッテリーは4100ｍAh、

Ascend Mate7 ホワイト

posted with カエレバ

Huawei

Amazon

楽天市場

Amazonで端末を購入する場合もあわせてsimカードを入手しておくと、スムーズに使えます。アマゾンよりもsimカードの到着の方が大抵、時間がかかります。AscendMateはmicro-SIMです。
格安simのmvno回線は3日制限なし速度重視がおすすめ～格安スマホの比較!

Google Nexus6(モトローラ)

Nexus6はGoogleの名前がつくせいか、お高めです。
スペックはsimフリー、32gb/64gb、CPU GHz×4コア、メモリ3GB、カメラ200万-1300万画素、バッテリーは3220ｍAh、

Google Nexus 6 グローバル版 XT1100 並行輸入品 (32GB, ホワイト White 白) Light Grey

posted with カエレバ

Nexus

Amazon

楽天市場

アマゾンにあるのは輸入品です。技適マークの問題はどうなっているのでしょうか!?^^;

海外で利用する場合はいいですが、国内で利用する場合そのあたりがクリアされているのが、ワイモバイルで扱われているnexus6でしょう。
ワイモバイル(ymobile)の口コミ・評判〜google playのnexus5xやnexus6と比較して違いをみる

Googleと名前がついていますが、Nexusシリーズは共同開発です。Nexus6はモトローラ社です。モトローラはGoogleに買収されましたが、その後、中国のレノボに買収されています。 Googleブランドをかぶせたものにすぎないと言ってもいいかもしれません。製造元はもちろんGoogleではありません。

モトローラ・モビリティ - Wikipedia

そのせいか知りませんが、Googleといえば速度が早いですが、Nexus6は起動時間が数分かかる、バッテリーの消耗が異常に早いとネットで噂になった端末でもあります。

ブランドなんかほんとどうでもいい事例ですかね。端末の出来がすべてなので、口コミをみることをおすすめします。

しかし、Nexusにもいいところがあります。容量が多いため、大量にアプリなどをインストールしたい人には便利です。起動も起動しっぱなしの人はいるかもしれませんし、家でゲームや動画を楽しむには最適な端末ではないでしょうか。

simカードを入手しておくと、スムーズに使えます。simカードの到着にも時間がかかったりします。Nexus6はSIMフリー (nano-SIM)です。

【比較】IIJmio/イオンモバイル/日本通信bモバイル/HISモバイル【どっち】

Google nexus6p(HUAWEI・ファーウェイ)

5.7インチと少しサイズが小さくなりますが、個人的にはnexus6pを購入しました。なぜ、Nexus6pにしたのかはこちらにまとめました。

404 NOT FOUND | ebookbrain

Amazonなど広告リンクが含まれています | ebookbrain

【比較】DaVinci Resolve fusionにAfter effectsの代替えは無理!?【モーフィングなどの違い】

DaVinci Resolve FusionはAfter effectsの代替にはならない?SNSの口コミ

After Effectsがおすすめな人

ダヴィンチリゾルブがおすすめな人

DaVinci Resolve FusionとAfter effectsの両方使うのはあり

【比較】DaVinci Resolve fusionにAfter effectsの代替えは無理!?、モーフィングするならどっちがいいの!?

DaVinci ResolveとAfter effectsの比較(モーフィングの違い)

ダヴィンチリゾルブでモーフィングの作り方

キーフレームのコピー＆ペースト

affinity designerやAdobe Illustraorでデータを作成

fusionのsvgのインポートの読み込み

DaVinci ResolveとAfter effectsの比較(パスの違い)

DaVinci Resolve FusionでSVGが消えるバグ

DaVinci ResolveとAfter effectsの比較(モーションブラー)

DaVinci Resolve fusionでモーショングラフィックを作る際、notesエディタが使いにくい!?

キーフレームも選択しにくい

DaVinci Resolve FusionとAfter effectsの比較、圧倒的な違いはここ!?

After Effectsなしなら、ダヴィンチリゾルブfusionとクリスタのあわせ技がおすすめ!?

【その半年後追記】ほぼほぼAfter effectsユーザーに

【udemyで大人買い】vue.js/vuetify/nuxt/firebaseのおすすめ入門本/動画

【Udemy】Vue.jsのおすすめ動画【評判】

「超Vue JS 2 入門 完全パック – もう他の教材は買わなくてOK！ (Vue Router, Vuex含む)」

【Vue.js2&Vue.js3対応】基礎から【Vuetify】を使った応用まで！ 超初心者から最短距離でレベルアップ

Vue JS 入門決定版！jQuery を使わない Web 開発 – 導入からアプリケーション開発まで体系的に動画で学ぶ

【初心者向け】Vuex、axios、Authenticationのおすすめ動画

Vue.jsのおすすめ本・動画(Udemy)は?

【Udemy】Nuxt.jsのおすすめ動画【評判】

Nuxt.js – Vue.js on Steroidの評判

「Nuxt JS入門決定版！Vue.jsのフレームワークNuxt JSの基本からFirebaseと連携したSPAの開発まで(中村祐太)の評判

【Nuxt.js】入門から応用まで！【Firebase】と連携しWebアプリをつくってみよう【SPA】の評判

Nuxt.jsのおすすめ本・動画(Udemy)は?

【入門本全まとめ】vue.js/vuex/nuxt/firebaseの書籍一覧

ジャンル別/TypeScripのUdemy動画/入門本

【初心者向け】bootstampのおすすめ本・動画

Firebase & Firestore Masterclass(firebase、Cloud Functionsのおすすめ本や動画)

Vue.js Jump-start with Nuxt.js & Firebase(VueやNuxtで検索やショッピングカートを実装したい)

Quasar Framewor（UIフレームワーク）のおすすめ本・動画

Vuetify（UIフレームワーク）のおすすめ動画・本

typescriptのおすすめ本や動画

laravelとvuejsのおすすめ本

vue.jsのキンドルアンリミテッドの読み放題

vueのプログラミングスクールやメンターがほしい

JavaScript/node.js/elasticsearchのおすすめ本/動画

vue.js/vuex/nuxt/firebaseで結局、おすすめ本と動画の結論は?

AEのモーショングラフィック/モーフィングおすすめ本・Udemy動画・教材(Adobe AfterEffects)

Adobe AfterEffectsのおすすめUdemy動画・教材(基本編)

After Effects Class 初めてでも安心！現役クリエイターが教える動画コンテンツ制作術

中二病が暴発するAfter Effects CC クリエイティブチュートリアル

AEのモーショングラフィック/モーフィングおすすめUdemy動画・教材(応用編)

モーショングラフィックス

モーフィング

海外の講座にも注目

AEのモーショングラフィック/モーフィングおすすめ本

Adobe AfterEffectsの使い方

コンポジションの新規作成は29.97と30はどっち？

ピクセル縦横比はアスペクト比ではない？

プリコンポーズ

レイヤー名の角括弧は？名前変更しない方がよい？

一括で座標移動

プロジェクトパネルの未使用素材をみつける

ファイルの場所を開く

一部が欠けた点線のサークル状態を回転させる

点線のサークルを作る

一部が欠けた状態にする

グルグル回転させる

小さな正円を並べてーサークルをつくる

AE!Adobe AfterEffectsの映像のリサイズ(クロップ)

縦長から横長に変える!

after effectsのモーフィング

頂点の変更

AE!Adobe AfterEffectsのバグ?

コピペすると「Texture Layer」の設定が外れる

AE!Adobe AfterEffectsのエラー

このプロジェクトを最後に保存してから、1個のファイルが見つかりません。

エラーハンドリングの設計おすすめ本・書籍

エラーハンドリングの設計おすすめ本・書籍

Good Code, Bad Code ～持続可能な開発のためのソフトウェアエンジニア的思考

コードが動かないので帰れません！ 新人プログラマーのためのエラーが怖くなくなる本

Udemy(エラーハンドリング、テスト、デバッグ)

「超Vue JS 2 入門完全パック – もう他の教材は買わなくてOK！ (Vue Router, Vuex含む)」

【Vue.js2&Vue.js3対応】基礎から【Vuetify】を使った応用まで！超初心者から最短距離でレベルアップ

コードが動かないので帰れません！新人プログラマーのためのエラーが怖くなくなる本