chevron_left

メインカテゴリーを選択しなおす

cancel
suzuto
フォロー
住所
未設定
出身
未設定
ブログ村参加

2022/05/30

  • 【VScode Cursor設定】タブのスペースを減らす方法

    VScodeやCursorでJavaScriptを書いていると、改行した時にスペースが空きすぎて気になったことはありませんか?今回はタブのスペースの設定の仕方を紹介します。少しでも気になっている方はぜひ参考にしてみてください。

  • 【VScode Cursor対応】HTML記述を高速化させるラップ変換機能(タグで囲む)

    HTMLを書いていて後でタグで囲みたくなった時に楽な方法を知りたいですか?今回はラップ変換機能を使って後から要素を簡単にタグで囲む方法を共有します。これを使うとHTMLをより高速に書けるようになるのでぜひお試しを!

  • Photoshopで大理石風の背景を作る方法

    サイト制作で少し変わった背景画像を使ってみたいと思ったことはありませんか?サイト制作で大理石風の背景を作る機会があったので、今回はPhotoshopで大理石の背景を作成する方法を共有します。Photoshopを使うと、大理石風の少し変わった背景を作ることができますのでぜひ参考にしてみて作ってみてください。

  • 【Webサイト制作】簡単!ハンバーガーボタンの作り方【後編】

    今回は前回の記事で作ったハンバーガーボタンにアニメーションやJavaScriptで押した時の動作を付け加えていきます。この記事を読むと、ハンバーガーボタンを押した時の動作を追加する方法がわかります。最初は少し難しいかもしれませんが、覚えると簡単に実装できますのでぜひお試してみてください。

  • 【Webサイト制作】簡単!ハンバーガーボタンの作り方【前編】

    Webサイト制作で必ず出てくるのがハンバーガーボタン。今回はHTMLとCSSを使ってハンバーガーボタンの見た目を作る方法を解説していきます。見た目だけは意外と簡単にできますのでぜひ作ってみてください。

  • 【CSSアニメ】回転する綺麗なカラーボールの作り方

    今回はHTMLとCSSで回転して動くカラーボールを作っていきます。CSSアニメーションを使って簡単にできますのでぜひ試してみて下さい。自分なりのオリジナルカラーボールを作ってみよう!

  • 【Webサイト制作】ダークモードとライトモードの切り替えを実装してみよう!

    今回はWebサイトでよくみかける「ライトモード」と「ダークモード」の切り替え機能の作り方について解説していきます。難しそうに見えるけど意外と簡単に作ることができますのでぜひためしてみて下さい。

  • 【JavaScriptアニメ】タイトルの周りに動く枠線を作る方法

    今回はJavaScriptを使って見出しの周りの枠線を動かすアニメーションの作り方を解説していきたいと思います。2つのポイントで簡単にできますので是非お試しを。

  • 【CSS】背景透過画像とCSSアニメーションでオシャレなキラキラバナーを表示させる方法

    Webサイトに動きをつけるCSSアニメーション。難しそうに感じるけど覚えてしまうと実は簡単に実装できます。透過画像と背景色のアニメーションをつかってキラキラバナーを表示させる方法を紹介します。

  • 【Photoshop】テキストやアイコンの型抜き透過画像の作り方

    Photoshopを使って文字やアイコンの型抜き画像を作りたい。そんな方向けに本日は型抜き画像の作り方を解説します。簡単にできますのでぜひ試してみてください。

  • 【Photoshop】画像を複数枚トリミングして出力!便利な画像アセットの使い方

    Web制作をしていて、画像を用意する時に指定のサイズの画像を用意することってありますよね。でも一枚一枚トリミングするのが面倒くさい・・・と思ったことはありませんか?Photoshopの「画像アセット機能」を使うと簡単に複数枚の画像をトリミングして出力することができるんです。今回はそんな画像アセット機能の使い方を解説していきます。

  • 【Webデザイン】ダミーテキストを入れる方法

    Webデザインでダミーテキストを入れる方法を解説するよ。 こんにちは、suzutoです。 コーディングをしていて、Webページに仮のテキストを入れたいと思ったことはありませんか? 実は簡単に入れられるんです。今回はダミーテキストを入れる方法

  • 【Webデザイン】フォントや文字の視認性を確認する方法

    Webサイトを作る上で難しいのが配色。特に文字が読みにくいと、せっかくサイトを訪れてくれた読者を逃すことになります。「何色をつかえばいい?この色でよみやすい?」「背景色と文字色は大丈夫かな?」こんな悩みをもったことありませんか??実はGoogleChromeの検証ツールを使うと簡単に文字の視認性を確認することができます。Webサイトやデザインを作る上で大切なことなのでぜひ試してみてください。

  • ウェブ解析士資格試験合格のコツや勉強法を解説【体験談あり】

    ウェブ解析士の資格試験に合格するためには、適切な勉強方法と試験対策が鍵となります。2023年から少し変更があったみたいなので合格へのコツや勉強法など体験談を元に解説していきます。これからウェブ解析士を受けてみようと思っている方はぜひ参考にしてみてください。

  • ウェブ解析士資格試験合格のコツや勉強法を解説【体験談あり】

    ウェブ解析士の資格試験に合格するためには、適切な勉強方法と試験対策が鍵となります。2023年から少し変更があったみたいなので合格へのコツや勉強法など体験談を元に解説していきます。これからウェブ解析士を受けてみようと思っている方はぜひ参考にしてみてください。

  • 【ChatGPT搭載】AIライティングツール「Transcope(トランスコープ)」で始める副業ライフ

    文章を書くことは大変ですよね。特にSEO対策を意識したブログ記事や、アフィリエイトコンテンツを効果的に書くのは、さらに一層の労力が必要です。多くの方がこの問題に直面していることでしょう。しかし、もしAIがその大部分を担ってくれたらどうでしょうか?今回ご紹介するTranscope(トランスコープ)は、まさにライティングの救世主です。初心者でも簡単に使えるTranscopeの魅力と、実際に稼ぐための具体的な使用方法を詳しく解説しますね。

  • ChatGPTを使ったオススメの副業15選!

    AI技術の進歩により、ChatGPTという言語処理AIが注目されています。このAIは、文章を作成したり、情報を収集するのに大変便利です。特に最近は進化が早くて、新しく出来ることが増えています。そんなChatGPTを使ってできる副業を15個紹介いたします。ChatGPTの力を借りて、あなたも新しい収入源を見つけるチャンスです!本記事を参考にして副業にチャレンジしてみてください。

  • 色彩検定2級に合格するための勉強時間は?合格のコツなども解説します!

    色彩検定2級は、色に関する専門知識を要求される試験で、ビジネスシーンでも役立つレベルの知識を身につけることができます。本記事では、色彩検定2級の合格に必要な勉強時間と効果的な勉強法について詳しく解説します。実際の受験者の体験談や勉強法を基に、試験の合格率や難易度を踏まえ、どのように勉強するべきかを具体的にご紹介します。

  • 未経験から始めるWebデザインで必要なスキルとは?

    Webデザインは、インターネットが日常生活の一部となった現代において、非常に重要なスキルです。このブログ記事では、「webデザインに必要なスキル」に焦点を当て、これからWebデザインを学びたい方、すでに学んでいる方、趣味でウェブサイトを作りたい方など、幅広い読者に役立つ情報を提供します。この記事を読むとWebデザイナーになるために必要なスキルが分かります。

  • ChatGPT を使ってブログで稼ぐ【ブログ歴3年のボクが解説】

    インターネットが日常の一部となり、多くの人々が情報を得るためにウェブサイトやブログを訪れています。「ブログで稼ぎたい!」と考えている方々にとって、成功の鍵は読者の心を掴む興味深い内容を提供することです。しかし、良い記事を書くことは簡単ではありません。そんな悩みにこたえるためにこの記事では、ChatGPTを使ってブログで稼ぐための実践的な方法を紹介します。

  • ウェブ解析士の資格難易度って実際どう?取得しやすい?

    現代のビジネス環境において、ウェブでの集客は欠かせない要素となり、その成功の鍵を握るのがウェブマーケティングのスキルです。このスキルを体系的に学べる入門資格が「ウェブ解析士」です。この記事では、ウェブ解析士の資格取得における難易度や合格率、基本的な受験対策について、2023年度の最新情報をもとに徹底的に解説します​​。

  • ChatGPTを効果的に使うプロンプトのコツ

    ChatGPTの指示出しのコツを理解して、もっと上手にChatGPTを活用したいと思いませんか?ChatGPTを使う際、最も重要なのは「プロンプト」、つまり、ChatGPTに対する質問や指示の仕方です。多くの人はどのようにプロンプトを設定すれば良いか、そのコツを掴むのに苦労しています。この記事では、ChatGPTとの対話をより有意義で生産的なものにするためのプロンプトのコツを紹介します。ChatGPTのポテンシャルを最大限に引き出し、日々の作業や情報収集を効率化できるでしょう。

  • GPTsの作り方まとめ【オリジナルChatGPTを作成しよう】

    現代社会では、人工知能(AI)の進化が目覚ましく、その中でもオリジナルのChatGPTがつくれる「GPTs(Generative Pre-trained Transformers)」という技術が注目を集めています。GPTsはまだ未知の領域であり、その基本や使い方がよくわからないのが実情です。この記事では、GPTsの基本の使い方をわかりやすく解説します。ぜひ参考にして自分の普段の生活にAIを活用してみてください。

  • Photoshopの変数を使って動画の字幕を効率的に入れる方法

    動画編集の時に面倒な作業「字幕入れ」。実はPhotoshopをしようすると効率的にしかもオシャレな字幕を入れることができるんです。字幕入れに苦戦している人はぜひ試してほしい方法なので今回は紹介いたします。Photoshopの変数を使った字幕作成方法、効率的な動画の字幕の入れ方の参考にしてみてください。

  • ChatGPTを使ってYouTube要約で効率的に学習する方法

    多忙な会社員にとって、YouTubeから必要な情報を効率良く得ることは一つの課題です。長時間の動画を視聴して要点を把握するのは、限られた学習時間の中では難しいです。ですが、ChatGPTを使えば海外のYouTube動画を日本語で簡単に要約してくれます。今回はそんなChatGPTを使って動画の要点を短時間でキャッチし、学習効率を大幅に向上させることができる方法を紹介します。

  • 【Webデザイナー転職】職業訓練の申し込みとやっておくべき2つのこと

    転職するにあたりスキルアップと資格取得をするために職業訓練に行こうと思いハローワークに行き色々確認してきました。今回は職業訓練の案内について聞いてきただけですが、申し込む予定ですので、どういった流れで職業訓練に申し込むのか?といった流れについて解説できればと思います。

  • 会社を辞めた後にやったこと【実体験あり:シンプルでした】

    転職をするにしても、独立するにしても最初はどうしていいかわからず悩んだりしてませんか?退職後に必要な手続きや注意点がたくさんあると思い色々調べたのですが、やることは意外とシンプルでした。その経験をもとに、あなたが次にやるべきこと、そして注意するべきポイントを詳しくシェアします。新しい生活のスタートを切るためのガイドとして、この記事をお役立てください。

  • 会社を辞めるときの切り出し方【退職しようと考えてる方へ】

    会社を辞めるという決断は、多くの人にとって大きなステップとなります。特に、その切り出し方や話し方に不安を感じる人は少なくありません。今回はボクが会社を辞めるときにどういう風に切り出したか?シンプルに書いていこうと思います。同じように会社を辞めようと思っているけど、なかなか踏み出せない。どうやって切り出せばいいのかわからない。など参考になればと思います。

  • 【Photoshop】アートボード外に画像を表示する方法

    Photoshopでバナー模写をする時に便利なアートボード外にサンプル画像を表示する方法を共有します。バナートレースなどのデザイントレースする際は必須のテクニックですのでぜひ使ってみてください。

  • 【DALL-E3】ChatGPTの画像生成AIの使い方簡単解説【使わないと損】

    ChatGPTの画像生成AIの使い方を解説していきます。画像生成を使用するとデザインやコンテンツ作成など色々な場面で便利です。(なんと商用利用可能)課金してでも、使う価値は十分ありますので、ぜひ使ってみてください。ちなみに本記事内の画像は全てChatGPTの画像生成AIで作成した画像を使用しています。

  • 【DALL-E3】ChatGPTの画像生成AIの使い方簡単解説【使わないと損】

    ChatGPTの画像生成AIの使い方を解説していきます。画像生成を使用するとデザインやコンテンツ作成など色々な場面で便利です。(なんと商用利用可能)課金してでも、使う価値は十分ありますので、ぜひ使ってみてください。ちなみに本記事内の画像は全てChatGPTの画像生成AIで作成した画像を使用しています。

  • ペットの魅力を引き出す!室内での撮影方法のコツ

    撮影と言えば、屋外の明るい日差しの下でのショットを思い浮かべる方も多いかもしれません。しかし、室内でのペット撮影は、特別な瞬間やペットの日常の可愛らしさをしっかりとキャッチするチャンスがたくさんあります。しかしながら、暗さや狭さ、適切な背景の選び方など、室内特有の課題に直面することも。そんな時、どうしたらペットの魅力を最大限に引き出せるのでしょうか?この記事では、そんな室内でのペット撮影の悩みを解消します。室内特有の問題点をクリアにしながら、ペットの自然な表情や動きを美しくキャッチする方法のコツを学べるでしょう。

  • ペットの魅力を引き出す!室内での撮影方法のコツ

    撮影と言えば、屋外の明るい日差しの下でのショットを思い浮かべる方も多いかもしれません。しかし、室内でのペット撮影は、特別な瞬間やペットの日常の可愛らしさをしっかりとキャッチするチャンスがたくさんあります。しかしながら、暗さや狭さ、適切な背景の選び方など、室内特有の課題に直面することも。そんな時、どうしたらペットの魅力を最大限に引き出せるのでしょうか?この記事では、そんな室内でのペット撮影の悩みを解消します。室内特有の問題点をクリアにしながら、ペットの自然な表情や動きを美しくキャッチする方法のコツを学べるでしょう。

  • 【Lightroom】周辺減光の効果でプロ並みの写真へ!簡単3ステップでできる編集テクニック

    写真を撮るのは楽しいですよね。でも、何かが足りないと感じたことはありませんか?自分が撮った写真がプロの写真と何が違うのか、その違いを埋める方法を知りたいと思いませんか?実は、その答えの一つが「周辺減光」なんです。周辺減光とは、写真の周りを少し暗くすることで、被写体を際立たせる効果があります。一見すると難しそうですが、実はとても簡単な編集手法なのです。この記事を読むと、あなたも3ステップで簡単に周辺減光を使ったプロ並みの写真編集ができるようになります。

  • 【Lightroom】周辺減光の効果でプロ並みの写真へ!簡単3ステップでできる編集テクニック

    写真を撮るのは楽しいですよね。でも、何かが足りないと感じたことはありませんか?自分が撮った写真がプロの写真と何が違うのか、その違いを埋める方法を知りたいと思いませんか?実は、その答えの一つが「周辺減光」なんです。周辺減光とは、写真の周りを少し暗くすることで、被写体を際立たせる効果があります。一見すると難しそうですが、実はとても簡単な編集手法なのです。この記事を読むと、あなたも3ステップで簡単に周辺減光を使ったプロ並みの写真編集ができるようになります。

  • 初心者必見!タイムラプスの撮影方法を簡単にマスター

    タイムラプス映像に魅了されて、自分でも作ってみたいと思っているけど、具体的にどうしたらいいのかわからない。そんなあなたにぴったりの記事です。タイムラプスって何かと聞くと、多くの人は「それって難しそう…」と感じてしまいますよね。でも、本当はそんなに複雑なものではありません。難しい専門用語や複雑な機器の設定を理解する必要はありません。この記事では、カメラ内で生成する方法とインターバル撮影してから作成する方法、この二つの撮影方法をわかりやすく比較して、あなたがすぐにでも始められるようにします。何もわからない状態からでも、この記事一つでタイムラプスの撮影ができるようになるでしょう。

  • 初心者必見!タイムラプスの撮影方法を簡単にマスター

    タイムラプス映像に魅了されて、自分でも作ってみたいと思っているけど、具体的にどうしたらいいのかわからない。そんなあなたにぴったりの記事です。タイムラプスって何かと聞くと、多くの人は「それって難しそう…」と感じてしまいますよね。でも、本当はそんなに複雑なものではありません。難しい専門用語や複雑な機器の設定を理解する必要はありません。この記事では、カメラ内で生成する方法とインターバル撮影してから作成する方法、この二つの撮影方法をわかりやすく比較して、あなたがすぐにでも始められるようにします。何もわからない状態からでも、この記事一つでタイムラプスの撮影ができるようになるでしょう。

  • 一眼レフ、スマホでもOK!焦点距離を理解してペット撮影スキルアップ!

    あなたはペットが大好きで、その可愛らしい瞬間や動きをカメラやスマホでキャッチしたくなること、たくさんあるのではないでしょうか。この記事を読めば、焦点距離の基本的な意味や、それを上手に利用することでペットの写真がどれほど変わるのかを理解できるようになります。そして、一眼レフだけでなく、スマホでの撮影にも焦点距離の知識は役立ちます。背景をぼかしてペットだけを引き立てた写真や、全体をくっきりと捉えた写真など、あなたの理想の写真を手に入れるための第一歩を踏み出すことができます。

  • 一眼レフ、スマホでもOK!焦点距離を理解してペット撮影スキルアップ!

    あなたはペットが大好きで、その可愛らしい瞬間や動きをカメラやスマホでキャッチしたくなること、たくさんあるのではないでしょうか。この記事を読めば、焦点距離の基本的な意味や、それを上手に利用することでペットの写真がどれほど変わるのかを理解できるようになります。そして、一眼レフだけでなく、スマホでの撮影にも焦点距離の知識は役立ちます。背景をぼかしてペットだけを引き立てた写真や、全体をくっきりと捉えた写真など、あなたの理想の写真を手に入れるための第一歩を踏み出すことができます。

  • 【X-S20】写真も動画も快適になるおすすめ設定「ファンクション(Fn)機能」を使いこなそう!

    カメラを普段持ち出していますか?カメラを持ち出して、写真や動画を撮影したいけど、なかなか設定が難しくて撮影が捗らない、、、と感じたことはありません?そんな時、軽くて高性能なFUJIFILMのX-S20が発売されました。この優秀なカメラをもっと便利に使うおすすめの機能があるんです。この記事を読むとX-S20で写真も動画も便利に撮影するカメラの設定方法がわかりますのでぜひ参考にしてみてください。

  • 【X-S20】写真も動画も快適になるおすすめ設定「ファンクション(Fn)機能」を使いこなそう!

    カメラを普段持ち出していますか?カメラを持ち出して、写真や動画を撮影したいけど、なかなか設定が難しくて撮影が捗らない、、、と感じたことはありません?そんな時、軽くて高性能なFUJIFILMのX-S20が発売されました。この優秀なカメラをもっと便利に使うおすすめの機能があるんです。この記事を読むとX-S20で写真も動画も便利に撮影するカメラの設定方法がわかりますのでぜひ参考にしてみてください。

  • カメラ初心者必見!愛犬を最高に撮影するためのカメラステップガイド

    愛犬の表情や動き、その瞬間瞬間の魅力を最大限に引き出すための適切なカメラ設定は、カメラ初心者にとっては難しく感じるかもしれません。このガイドを通して、カメラの基本設定から撮影時のポイント、さらにはおすすめの方法まで、初心者でも簡単に愛犬を美しく、そして印象的に撮影するためのステップを解説していきます。カメラを持って愛犬の隣に立つ時、もう迷うことはありません。この記事を参考にして、愛犬の一瞬一瞬を最高の写真に残しましょう!

  • カメラ初心者必見!愛犬を最高に撮影するためのカメラステップガイド

    愛犬の表情や動き、その瞬間瞬間の魅力を最大限に引き出すための適切なカメラ設定は、カメラ初心者にとっては難しく感じるかもしれません。このガイドを通して、カメラの基本設定から撮影時のポイント、さらにはおすすめの方法まで、初心者でも簡単に愛犬を美しく、そして印象的に撮影するためのステップを解説していきます。カメラを持って愛犬の隣に立つ時、もう迷うことはありません。この記事を参考にして、愛犬の一瞬一瞬を最高の写真に残しましょう!

  • 愛犬のかわいさ倍増!家でもできる撮影テクニック9選

    あなたの愛犬は家の中でたくさんのかわいい瞬間やユニークなしぐさを見せてくれますよね。でも、実際にカメラでその一瞬をキャッチするのは意外と難しい。でも実はちょっとしたコツで驚くほど良い写真が撮れるようになります。この記事を読むと、あなたもプロのように愛犬の魅力を最大限に引き出す写真を撮ることができるようになりますよ。

  • 愛犬のかわいさ倍増!家でもできる撮影テクニック9選

    あなたの愛犬は家の中でたくさんのかわいい瞬間やユニークなしぐさを見せてくれますよね。でも、実際にカメラでその一瞬をキャッチするのは意外と難しい。でも実はちょっとしたコツで驚くほど良い写真が撮れるようになります。この記事を読むと、あなたもプロのように愛犬の魅力を最大限に引き出す写真を撮ることができるようになりますよ。

  • Luminar NeoとLightroomの最強コラボ!革命的な写真編集の極意

    最近の写真編集ソフトは多機能で高機能だが、それぞれのツールの特長や使い方をしっかりと理解していないと、真価を引き出せないことも。Lightroomの基本的な編集機能と、Luminar NeoのAI技術を駆使した独自の編集技術を組み合わせることで、これまでにない質感、深み、そしてオリジナリティある写真を手に入れる方法に迫ります。

  • Luminar NeoとLightroomの最強コラボ!革命的な写真編集の極意

    最近の写真編集ソフトは多機能で高機能だが、それぞれのツールの特長や使い方をしっかりと理解していないと、真価を引き出せないことも。Lightroomの基本的な編集機能と、Luminar NeoのAI技術を駆使した独自の編集技術を組み合わせることで、これまでにない質感、深み、そしてオリジナリティある写真を手に入れる方法に迫ります。

  • オリジナルLUTで差をつける!LUT Generatorの使い方を徹底解説

    像編集をしていると、「なぜ自分の作品が他のプロの作品と違って見えるのだろう?」と疑問に思ったことはありませんか?その答えの一つが「色調整」です。オリジナルLUTを使うことで、プロのような深みのある映像を手に入れることができます。しかし、どうやってオリジナルLUTを作ればいいのか、迷っている方も多いのではないでしょうか。この記事では、オリジナルLUTを簡単に作成できるツール「LUTGENERATER」の使い方を、小学生にもわかるように解説します。記事を最後まで読むと、あなたもプロのような映像を作成できるようになるでしょう。

  • オリジナルLUTで差をつける!LUT Generatorの使い方を徹底解説

    像編集をしていると、「なぜ自分の作品が他のプロの作品と違って見えるのだろう?」と疑問に思ったことはありませんか?その答えの一つが「色調整」です。オリジナルLUTを使うことで、プロのような深みのある映像を手に入れることができます。しかし、どうやってオリジナルLUTを作ればいいのか、迷っている方も多いのではないでしょうか。この記事では、オリジナルLUTを簡単に作成できるツール「LUTGENERATER」の使い方を、小学生にもわかるように解説します。記事を最後まで読むと、あなたもプロのような映像を作成できるようになるでしょう。

  • 世界一高価なカメラって何だろう?価格から見るカメラ美と魅力!

    こんにちは、suzutoです。 世界で一番高価なカメラって何だろう?ふと気になったので調べることにしました。 すごく気になる。昔のカメラ?高性能?そんなカメラで撮影したらどんな写真が取れるのかしら? 何を買うにしても価格は重要な要素です。

  • 世界一高価なカメラって何だろう?価格から見るカメラ美と魅力!

    こんにちは、suzutoです。 世界で一番高価なカメラって何だろう?ふと気になったので調べることにしました。 すごく気になる。昔のカメラ?高性能?そんなカメラで撮影したらどんな写真が取れるのかしら? 何を買うにしても価格は重要な要素です。

  • X-S20を購入しました。使い心地は?

    こんにちは、suzutoです。 先日X-S20を購入しました。普段使い用のコンパクトカメラが欲しくて買っちゃいました。 待望のコンパクトなハイスペックカメラね。 FUJIFILMのコンパクトミラーレスカメラです。旅行用のカメラとして軽くて小

  • X-S20を購入しました。使い心地は?

    こんにちは、suzutoです。 先日X-S20を購入しました。普段使い用のコンパクトカメラが欲しくて買っちゃいました。 待望のコンパクトなハイスペックカメラね。 FUJIFILMのコンパクトミラーレスカメラです。旅行用のカメラとして軽くて小

ブログリーダー」を活用して、suzutoさんをフォローしませんか?

ハンドル名
suzutoさん
ブログタイトル
ティアグラフ
フォロー
ティアグラフ

にほんブログ村 カテゴリー一覧

商用