YouTubeを視聴している際、時には外国語の動画でも内容を理解したいと思うことがありますよね。 そんな時、YouTubeの便利な機能である自動翻訳が役立ちます。 今回は、その使い方を詳しく解説します。 まずは、YouTube動画の下部にあ

Googleスプレッドシートを使う時に、知ってると便利なショートカットコードがあります。この方法知ってると作業効率がアップ。この記事ではその、ショートカットコード一覧を作成しました。一般的な操作セルの書式設定スプレッドシートの操作...

Swiperで画像をスライドする時に、画像に影をつける方法を、図を使って説明。また、Swiperで表示する画像の枚数を画面サイズで変更する、レスポンシブの指定もやってみました。この方法実装しようとした時に、いろいろ検索したがピンとくる情報が

画像のリストを横並びにして、その右端に文字を配置する設定。今回は、グリッドレイアウトを使ってやってみました。他にもflexも試したが、今回はグリッドレイアウトを使った方がレスポンシブを考えると簡単に実装できたのでその方法を記事にしました。実

HTML・CSSでドロップダウンリストを作成してみた。今回は、ホバーじゃなくクリックでリストが下に出てくる方法でやってみました。今回は、HTML・CSSだけでやってます。JavaScriptの指定なども加えるともっと動きをつけることも可能に

今回は、画像とテキストボックスを横並びで少し重ねて、上下にずらしてる配置のやり方記事にしてみました。今期作成したのは下記になります。書いたコードも掲載してるので参考にしてください。またコーディングはいろんな書き方があるので、今回は一例になり

HTML・CSSでコーディングする際に最低理解しといたほうがいい。コーディングする際の要素には、ブロック要素と、インライン要素ってのがある。この性質を理解してるかしてないかではまったく違ってくる。よく見る、ブロック要素とインライン要素。ブロ

HTML・CSSコーディングの時。いろんなボタンがあるが多くのサイトは、1サイトで数パターンのボタンが必要になる場合が多い。そんな場合は、まず基本のボタンを1つ作成して、そのボタンを基本にして作っていくようにしてます。例えば、下記のボタン。

「position:relative」と「position:absolute」を使うとCSSで画像と画像を重ねたり、画像と文字を重ねたりするのが、簡単に出来きます。この方法を覚えると、いちいち画像加工して重ねた画像を作って反映させる必要がな

プログラミング初心者でも、Visual Studio Codeのインストールから初期設定・日本語化までができるようこの記事では、図を使って説明してます。Visual Studio CodeはMicrosoftが開発してるテキストエディタでプ

最近プログラミングの勉強始めました。まず、始めたのはPython！最初は、今自分がやってる作業、パソコンで商品登録在庫確認などの作業を、最近よく聞くようになった、自動化は出来ないものか？という疑問から始まりました。まずは、ネットで自動化につ

今レンタルサーバーのXserberで契約すると、ドメイン永久無料＆初期費用無料しかも、12ヶ月以上の契約で利用料金が実質半額！キャンペーン中なのでお得にドメインが取得出来ますよ。こちらから申し込みで10日間お試しで無料で使えます。ドメイン取

今回、知人が自宅購入でインターネット回線調べてみたんですが私の住んでる、中国地方ではメガ・エッグが結構強いみたいです。最大1Gbps※のメガ・エッグ光は、中国電力グループのエネルギア・コミュニケーションズが提供する光ファイバーを 使った中国

Google Chromeのデベロッパーツール使うと、サイトで掲載されてる画像の色も簡単に調べるとこが出来る。サイト見てたり、コーディング作業してると、あれこの色再現したいけど何色なんだろう？てことありませんか？私は、よくあります。そんな時

HTMLコーディング、テーブルデザインの時よく書き方探すこれからの参考でちょっとまとめてみました。tableHTML記述基本table シンプルなコード基本の書き方HTMLrowspan と colspantableでよく見るのが、rows

クリックポストの料金が値下げで185円で発送可能になるみたいなので、クリックポストの使い方等を図で説明してみました。またクリックポスト対応の梱包の箱やクリックポスト専用のラベル等もまとめて販売もされてるのでそのあたりの情報も書いてます。