ma-san blog

【JavaScript】ページトップにスクロールするだけならすぐ実装できる

Webページにおいて、ページトップに簡単にスクロールする機能はよく実装されます。JavaScriptの`scroll()`メソッドや`scrollTo()`メソッドを使えば、これを簡単に実装できます。この記事では、ページトップにスクロールす

2024/08/31 18:00

【JavaScript】HTMLの操作～要素を書き換え・挿入・削除～

JavaScriptを使って、HTML要素を動的に操作することで、ページの内容を自由に変更することができます。新しい要素を挿入したり、既存の要素を削除・移動したりすることで、よりインタラクティブなWebページを作成することが可能です。この記

2024/08/30 18:00

【JavaScript】HTMLの操作～コンテンツを書き換える～

JavaScriptを使って、HTMLのコンテンツを動的に書き換えることで、Webページによりインタラクティブな要素を追加することができます。このガイドでは、テキストコンテンツの挿入方法や、`insertAdjacentText()`メソッ

2024/08/29 18:00

【JavaScript】HTMLの操作～HTMLの属性を操作する～

JavaScriptでは、HTML要素の属性を動的に操作することで、ページの内容や振る舞いを変更することができます。属性の操作は、要素の見た目や動作を柔軟に制御するために非常に有用です。この記事では、HTML属性の基本的な操作方法や、特定の

2024/08/28 18:00

【JavaScript】HTMLの操作～イベントの待機（イベントリスナー）～

JavaScriptでは、ユーザーの操作やシステムの動作に応じて処理を実行するために、イベントリスナーを使用します。イベントリスナーは、特定のイベントが発生したときに指定した関数を実行する仕組みです。この記事では、イベントリスナーの基本的な

2024/08/27 18:00

【JavaScript】HTMLの操作～DOM操作の基本と要素取得～

JavaScriptを使ってHTMLを操作することで、Webページの内容を動的に変更したり、ユーザーの操作に応じてインタラクティブな機能を追加したりすることができます。このプロセスは「DOM操作」と呼ばれます。この記事では、DOM操作の基本

2024/08/26 18:00

【JavaScript】プログラムの基本的な流れと書き方

プログラムは、いくつかの基本的な流れを組み合わせて構成されています。JavaScriptにおいても、これらの基本的な流れを理解することで、さまざまな処理を効果的に実装できます。この記事では、JavaScriptの基本的な流れとして、「順次構

2024/08/25 18:00

【JavaScript】データ型の操作、演算子について

JavaScriptでは、データ型に対してさまざまな操作を行うために、さまざまな演算子が用意されています。これらの演算子を理解し、適切に使うことで、より効率的なプログラムを書くことができます。この記事では、JavaScriptのデータ型の操

2024/08/24 18:00

【生成AI】Webサイト用RFPと提案書ツクールが個人的によく出来てる

ホームページを作成するとき、どうやって作るのかを悩むことがあると思います。それは企業の方が会社のホームページを作成したい場合や、ホームページ作成を生業としている方、それぞれの立ち位置で悩みはあると思います。特に、企業の方はその道のプロフェッ

2024/08/23 18:00

【生成AI】ブログの記事のプロトタイプをChatGPTに作ってもらう

ブログを書くとき、自然な文体で書けるときは書けるのですが例えば「JavaScriptについて」だったり「お仕事について」の記事を書くとき、かなり堅く書くようにしています。また、完全に個人的な記事であればそのまま通しで書けるのですがなんとなし

2024/08/22 18:00

【JavaScript】プリミティブ型のデータ型とオブジェクト型、それぞれの特徴

JavaScriptでは、変数や値は特定の「型」を持ちます。型は、データがどのように扱われるかを決定する重要な概念です。JavaScriptのデータ型は大きく分けて「プリミティブ型」と「オブジェクト型」の2つがあります。この記事では、これら

2024/08/21 18:00

【生成AI】Web制作におけるプロジェクト計画書のサポートができるGPTs

ホームページを作成するとき、計画がとても重要になります。なんとなくで作成されたホームページほど役に立たず、どのように計画を立てて、どのように運用していくのかを含めて計画が必要です。そんな計画ですが、どうやって立てるのか、様々な書籍・記事があ

2024/08/20 18:00

【JavaScript】変数とは

JavaScriptを書くときに最初の壁と立ちはだかるもの。それがデータ型であり変数。JavaScriptでは、プログラム中のデータを一時的に保存し、後で利用するために変数を使用します。変数は、データを保存する「箱」のようなもので、必要に応

2024/08/19 18:00

【今日の覚書】シンロジカルシンキングとQADIサイクルの勉強

「シン・ロジカルシンキング」が面白く、自分なりにまとめて実践をしていきたいと思いつつ、内容に触れすぎるともともないので軽く触りと自分に刺さった内容を書き連ねます。ロジカルシンキングとは？ロジカルシンキング（論理的思考）は、問題解決や意思決定

2024/08/18 18:00

くるまやラーメンではカレーラーメンを食べてみてほしい

毎日楽しみにしているSUSURUさんのYoutubeで「くるまやラーメン」の紹介がされていたので僕のおすすめであるカレーラーメン食べてほしいなぁ、と思っての投稿です。カレーライスも大好き！ラーメンも大好き！という方にこそ冒険してほしいカレー

2024/08/18 11:30

【今日の覚書】iPadから投稿をしてみるテスト

写真はほてまるくん。操作に慣れるため、iPadから更新をかけてみます。実際の操作感としてはキーボードは別のほうがもちろんいいですね。とはいえ、致命的にタイピングしにくいわけではないのが素敵ですね。写真のアップロードも楽ちんですし言う事なし。

2024/08/17 11:59

【JavaScript】JavaScriptの基本的な文法と書き方

ホームページを作成するときにHTMLとCSS、この2つと同じくらい重要なものがあります。それが「JavaScript」。Web開発において非常に重要なプログラミング言語です。初心者の方でも、基本的な文法と書き方を理解すれば、簡単なスクリプト

2024/08/16 18:00

【Windows】コピペ、カーソル位置確認、画面固定などPowerToysが便利

Windowsを使っているとき、「PowerToys」が便利です。画面上の文章、例えばゲーム画面のテキストなどをコピペできたり、特定の画面を前面固定にしたり、マウスの現在置にフォーカスがあたったり。キーボードのキーを再設定したりと。たくさん

2024/08/15 18:00

【今日の覚書】誕生日にiPad Air（M2）を購入

写真はるり様。スマホデビューからずっとiPhoneを使い続けていたのですが、ついに「iPad Air（M2）」に手を出すときが来ました。手描きしたいタイミングが多すぎるので「Apple Pencil Pro」もセットで購入。家でPCを持ち運

2024/08/14 18:00

【今日の覚書】レトロゲームはやりごたえがあっていいですね。ときメモやりたいおじさん。

めちゃくちゃ昔、30年近く前でしょうか？兄にお使いを頼まれて購入した「ときめきメモリアル」。小学生の僕としては恋愛ゲーム？なんのこっちゃ？と思いながらも新しいゲームということでプレイ。結果、恋愛ゲームというより育成ゲームの側面が強い「ときめ

2024/08/13 22:40

【GAS】Googleスプレッドシートを使ってWebサイトのタイトル・Meta・パンくず等一括で取得する方法

Webサイトを運用していたりすれば様々な手段を用いてコンテンツを一元管理できている場合がほとんどだと思いますが、これからコンテンツを整理したい、Webサイトの全体感や情報を把握しておきたいとき等、ツールに頼らない方法としてGoogleスプレ

2024/08/13 18:00

【今日の覚書】お盆は猫たちと平和に過ごしたいですね

写真はほてまるくん。amazonから新しい段ボールが届くと必ずと言っていいほど中に入ってテイスティング（？）をします。今日の入り心地はどうでしょうかね？加齢のせいか、暑さのせいか、外に出たいという欲求が1ミリも湧かず、おうちで過ごしています

2024/08/12 18:00

【麺活】千葉で食べたおすすめのラーメン達

2021年から千葉県は千葉市近郊に引っ越してきた私。地元宮城県仙台市ではあだ名はラーメン、元恋人には「ラーメンと私どっちが好きなの？」とブチギレられ、そのときはお腹が空いてたのでラーメンと答えたらぶん殴られてフラレたことがあるおぢさんです。

2024/08/11 10:00

普段使いのイヤホンは「Anker Soundcore AeroFit Pro」で決まった

様々なイヤホンを使ってきた中で、普段使い、仕事用、通勤時などすべての状況において使うイヤホンが決まりました。「Anker Soundcore AeroFit Pro」です。おすすめポイントProと通常版の二種類がありますが、価格に差はあれど

2024/08/10 18:00

【今日の覚書】るり様とほてまる君に囲まれて

我が家にはマンチカンの女の子猫「るり」様、ペルシャ猫の男の子猫「ほてまる」君がいます。我が家にはこの二人がいるおかげで家庭円満です。るりちゃんは大人しく、甘え上手。人間と会話をしてくれます。ほてまるくんはやんちゃでドジっ子。人間よりも同じ猫

2024/08/09 18:00

【今日の覚書】買い時と言われてるけど暴落が続くのでは？

さて、サーキットブレーカーの発動、相場が大きく変動して恐怖指数も大変なことに。いろいろな方が「下がった今が買い時！」と言っているけど、こういうときに入札するのはかなり危ないです。というのも、不安煽りが続き、世間的な報道でも不安だ不安だと言い

2024/08/08 18:00

【今日の覚書】読書「シン・ロジカルシンキング」＆Netflix「ブラックペアン2・ライジングインパクト」

めちゃくちゃ今更ですがNetflixを利用してます。個人的にドラマやアニメ類は時間拘束が激しく、敬遠しがちでした。漫画や小説だと自分のペースで楽しめるのですが、モニターの前に拘束されるのはなんとも苦手。なのですが、時間に余裕があるときはやは

2024/08/07 18:00

【今日の覚書】NISAを初めた方々は国を信じれば良いのにというお話

円を売ってドルを買う、という流れに身を任せ続けた結果、乱高下が続いてますね。日経平均が4451円もの下げ幅はブラックマンデーの急落を超える数値です。が、下落率で見ると約-13%くらいなので、ブラックマンデーの約-15%には届いていません。最

2024/08/06 18:30

【今日の覚書】ようやく巻き戻し相場が来た

為替介入、トランプ氏銃撃事件、米国利下げ、日本利上げ予定などなど。予期できなかった人はいないくらいキレイな巻き戻し相場がきましたね。ドルが160円を超えて「ここからはめちゃくちゃ難しいから利確する」と言って利確するのは短期的にみたら賢い選択

2024/08/05 22:09

ChatGPTと対話して、最終的には資料としてまとめてもらおう

ChatGPTを使って楽したい、もありますが自分の理解度、解像度を上げるためにもChatGPTと会話しまくるということが現代では大事なのかな、と思ったりします。とかなんとか思っていたら西野亮廣さんがちょうどとても良い記事をアップしてくれてい

2024/08/04 18:03

【今日の覚書】木更津は定期的に来たくなる不思議

木更津に用事があったため、用事を済ませたあとに三井アウトレットパーク木更津に行ってきました。木更津自体、アクセスがよくって車の運転もし易い。道も広いので関東に引っ越してきたときの「道がごちゃごちゃして狭い」というストレスがあまりありません。

2024/08/03 22:13

【今日の覚書】ChatGPT有料プラン20$か3000円か

円がついに150円を割ってしまい、iPhoneでサブスク支払いだと3000円ぴったりで少しお得！というのも終わりそうです。そもそもNISAやれやれ、な世の中の動きからドルも円も共倒れの未来が見えていた中で想像と地がかったのはスピード感。結局

2024/08/02 22:44

【今日の覚書】乱高下が激しい世の中

昨日の記事ではリップルが空気読まずに上がってる、なんて書いちゃいましたが空気を読み始めました。資産保全という意味ではあまり信頼ならないのですが、そもそもが40～60円台のときから持つようにしていたため、現状は完全に塩漬け状態です。お金の動き

2024/08/01 23:44