Googleスプレッドシートの関数や便利な使い方。HTML/CSSコーディングに関することを書いてます。
自分が実際に勉強してて、わからなかった問いに解決した方法を基本で書いてます。
PHPは本当に「オワコン」なのか？環境構築から学ぶ、今こそPHPを選ぶ理由
「PHPはもう古い」「今から学ぶなら他の言語のほうがいい」——そんな声を聞いて、学習を始めるのをためらっていませんか。結論から言うと、PHPは「オワコン」と言われ続けて10年以上経ちますが、いまだにWebの現場で元気に稼働し続けている言語で...
【図解】Dockerとは？初心者でもわかる「爆速」で「軽量」な理由
IT業界で「クジラがコンテナを背負ったアイコン」を見たことはありませんか？これは、現代の開発現場で標準技術となったDocker（ドッカー）のシンボルです。Dockerとは、一言でいえば「アプリケーションとその実行環境を、コンテナという部品に...
Web通信の舞台裏：ドメイン入力から画面表示までの全プロセス解説
ブラウザの向こう側で起きていることあなたがブラウザのアドレスバーにURL（ドメイン名）を入力し、Enterキーを押したその瞬間、ネットワークの裏側では膨大な情報のやり取りが電光石火の速さで行われています。私たちが何気なく目にしているWebサ...
【GAS】スプレッドシートの大量入力を爆速にする「専用フォーム」の作り方！（サンプルコード有）
Googleスプレッドシートの入力フォームを作成する方法を記事にしました。Googleスプレッドシートで大量のデータをまとめて入力したり、過去のデータを一行ずつチェックして修正したりするとき、セルに直接入力していませんか？これ、ぶっちゃけ…...
今回は、Gmailのメニューなどの表示言語を『英語から日本語』に変更する方法を記事にしました。Gmailを開いたらなぜか英語になっていたという場合でも、この手順で簡単に直せますので、ぜひ参考にしてみてください。設定を開くまず、Gmailを開...
【GAS】IMPORTRANGEで非表示の行が反映されない問題を解決！「見たまま」同期する方法
今回はIMPORTRANGEの動画のコメントで非表示にした行は反映されるかとお問い合わせいただいたので検証した結果を記事にしてみました。Googleスプレッドシートで『IMPORTRANGE』を使っている皆さん。こんな悩みはありませんか？」...
「ドメイン0円」は本当？お名前.comを使いこなすための5つの衝撃的な事実
新しいウェブサイトやブログを始めようとするとき、期待と同時に「何から手をつければいいのか」という戸惑いを感じるものです。そんな時、多くの人が目にするのが、国内最大級のドメイン登録サービスお名前.comの「0円ドメイン」という魅力的な広告では...
【2025年最新】初心者必見!レンタルサーバー徹底比較ガイド
はじめにウェブサイトやブログを始めたいけれど、「どのレンタルサーバーを選べばいいかわからない...」そんな悩みを抱えていませんか?2025年現在、国内には数多くのレンタルサーバーサービスがあり、それぞれに特徴や強みがあります。この記事では、...
2025年のAIトレンド完全ガイド：AIエージェント元年がもたらす変革
Photo by Igor Omilaev on Unsplashはじめに2025年、AI技術は新たな進化の段階を迎えています。単なる「ツール」から「自律的なパートナー」へ。このシフトは、私たちの働き方、ビジネスのあり方、そして日常生活その...
https://inomiti.com/w/archives/4789
ダミーテキストジェネレーター 文字数: テキスト文章: ダミーテキストを生成 コピーする
ここに作成されたパスワードが表示される パスワード作成 桁数 英小 英大 数字 記号
商品説明テキスト → HTML変換ツール 元テキスト文 変換 コピー クリア 変換後（コピー用HTMLコード） (function(){ 'use strict'; var src = document.getEleme
商品説明テキスト → HTML変換ツール 元テキスト文 変換 コピー クリア 変換後（コピー用HTMLコード） (() => { 'use strict'; const src = document.getElem
Clamp( )式作成ツール 1方向 Padding/Margin なんでもOK
Clamp 計算ツール 1方向 最小スペース（例: 10） 最大スペース（例: 100） 単位（px または %） px % 最小ビューポート幅（px） 最大ビューポート幅（px） CSSプロパティ名（例: padding-left） pa
Clamp フォントサイズ計算ツール 最小フォントサイズ（px） 最大フォントサイズ（px） 最小画面幅（px） 最大画面幅（px） font-size: clamp(...); コピー
Clamp( )式作成ツール Padding/Margin なんでもOK
Clamp Padding/Margin 計算ツール 上下の最小値 (px) 上下の最大値 (px) 左右の最小値 (px) 左右の最大値 (px) 最小画面幅 (px) 最大画面幅 (px) CSSプロパティ名（padding / mar
YouTubeの自動翻訳機能を使ってみよう！簡単に使用可能です。
YouTubeを視聴している際、時には外国語の動画でも内容を理解したいと思うことがありますよね。 そんな時、YouTubeの便利な機能である自動翻訳が役立ちます。 今回は、その使い方を詳しく解説します。 まずは、YouTube動画の下部にあ
Googleスプレッドシートを使用する時、知らないと効率ダウン。ショートカット集作成しました。
Googleスプレッドシートを使う時に、知ってると便利なショートカットコードがあります。この方法知ってると作業効率がアップ。この記事ではその、ショートカットコード一覧を作成しました。一般的な操作セルの書式設定スプレッドシートの操作...
【サンプルコードあり】Swiperで画像にbox-shadowの効果を実装する1例とSwiperのレスポンシブの指定方法わかったんで記事にしてみました。
Swiperで画像をスライドする時に、画像に影をつける方法を、図を使って説明。また、Swiperで表示する画像の枚数を画面サイズで変更する、レスポンシブの指定もやってみました。この方法実装しようとした時に、いろいろ検索したがピンとくる情報が
【サンプルコードあり】画像リストを横並びにして、画像の右端にテキストを配置。グリッドレイアウトで実装レスポンシブ設定までしました。
画像のリストを横並びにして、その右端に文字を配置する設定。今回は、グリッドレイアウトを使ってやってみました。他にもflexも試したが、今回はグリッドレイアウトを使った方がレスポンシブを考えると簡単に実装できたのでその方法を記事にしました。実
【サンプルコードあり】HTML・CSSでドロップダウンリストのクリックしたらリストが表示されるパターンを作成してみました。
HTML・CSSでドロップダウンリストを作成してみた。今回は、ホバーじゃなくクリックでリストが下に出てくる方法でやってみました。今回は、HTML・CSSだけでやってます。JavaScriptの指定なども加えるともっと動きをつけることも可能に
【サンプルコードあり】画像とテキストコンテンツを横並びで上下にズラして配置。positionと疑似要素使用
今回は、画像とテキストボックスを横並びで少し重ねて、上下にずらしてる配置のやり方記事にしてみました。今期作成したのは下記になります。書いたコードも掲載してるので参考にしてください。またコーディングはいろんな書き方があるので、今回は一例になり
HTML・CSSでコーディングする時、最低限ブロック要素・インライン要素の理解は必要。よく見る要素の分類書きました。
HTML・CSSでコーディングする際に最低理解しといたほうがいい。コーディングする際の要素には、ブロック要素と、インライン要素ってのがある。この性質を理解してるかしてないかではまったく違ってくる。よく見る、ブロック要素とインライン要素。ブロ
【サンプルコードあり】HTML・CSS ボタン作成1サイトに数種類のbuttonをコーディングする時の簡単なやり方。
HTML・CSSコーディングの時。いろんなボタンがあるが多くのサイトは、1サイトで数パターンのボタンが必要になる場合が多い。そんな場合は、まず基本のボタンを1つ作成して、そのボタンを基本にして作っていくようにしてます。例えば、下記のボタン。
CSSで画像を重ねて表示,【position:relative】と【position:absolute】を使うと可能です。文字の重ねも出来ました。
「position:relative」と「position:absolute」を使うとCSSで画像と画像を重ねたり、画像と文字を重ねたりするのが、簡単に出来きます。この方法を覚えると、いちいち画像加工して重ねた画像を作って反映させる必要がな
Visual Studio Code のインストール から初期設定 日本語対応化まで図を使って説明。駆け出しプログラマー必見
プログラミング初心者でも、Visual Studio Codeのインストールから初期設定・日本語化までができるようこの記事では、図を使って説明してます。Visual Studio CodeはMicrosoftが開発してるテキストエディタでプ
プログラミング初心者が独学でPythonのに挑戦してみました感想。YouTube動画とUdemyと本でやってみました。
最近プログラミングの勉強始めました。まず、始めたのはPython！最初は、今自分がやってる作業、パソコンで商品登録在庫確認などの作業を、最近よく聞くようになった、自動化は出来ないものか？という疑問から始まりました。まずは、ネットで自動化につ
エックスサーバーで《半額キャッシュバックキャンペーン！》ご利用料金が実質月額495円から！。登録方法からドメインゲットまでのやり方書いてみました。
今レンタルサーバーのXserberで契約すると、ドメイン永久無料＆初期費用無料しかも、12ヶ月以上の契約で利用料金が実質半額！キャンペーン中なのでお得にドメインが取得出来ますよ。こちらから申し込みで10日間お試しで無料で使えます。ドメイン取
今回、知人が自宅購入でインターネット回線調べてみたんですが私の住んでる、中国地方ではメガ・エッグが結構強いみたいです。最大1Gbps※のメガ・エッグ光は、中国電力グループのエネルギア・コミュニケーションズが提供する光ファイバーを 使った中国
Google Chromeで表示されてる画像の色のコードが簡単にわかる方法がわかった。
Google Chromeのデベロッパーツール使うと、サイトで掲載されてる画像の色も簡単に調べるとこが出来る。サイト見てたり、コーディング作業してると、あれこの色再現したいけど何色なんだろう？てことありませんか？私は、よくあります。そんな時
HTML CSSコーディング table作成のコードの書き方基本 CSS設定参考のこしました 【サンプルコードあり】
HTMLコーディング、テーブルデザインの時よく書き方探すこれからの参考でちょっとまとめてみました。tableHTML記述基本table シンプルなコード基本の書き方HTMLrowspan と colspantableでよく見るのが、rows
クリックポストの料金が値下げでお得に発送可能になるみたいなので、クリックポストの使い方等を図で説明してみました。
クリックポストの料金が値下げで185円で発送可能になるみたいなので、クリックポストの使い方等を図で説明してみました。またクリックポスト対応の梱包の箱やクリックポスト専用のラベル等もまとめて販売もされてるのでそのあたりの情報も書いてます。
