IT・テクノロジー（131ページ目）

「DX（デジタルトランスフォーメーション）を進めたいけれど、社内の反応が冷ややか…」「新しいツールを導入しようとすると、『今のままで十分だ』と反発される」そんな悩みを抱えていませんか？実は、AppSheetを活用したDXにおいて、一番最初にやるべきことは「緻密なシステム設計」ではありません。**Step 1の正解は、「まずは作ってみる。そして、すぐに使ってもらう」こと。**なぜ、あえて「作り込み」を後回しにするのか？ その深い理由と、現場の偏見を打ち破るための具体的なステップを解説します。---## 1. DXの最大の敵は「技術」ではなく「心の壁」多くのITプロジェクトが失敗する原因は、機能の不足ではありません。**「現場の心理的な拒否反応」**です。* 「スマホで入力なんて、面倒くさそう」* 「今のExcelで困っていない（実は非効率なのに）」* 「ITに詳しい人たちだけで盛り上がっている」こうした「未知のものへの恐怖や偏見」がある状態で、いくら立派なシステムを完成させて持っていっても、現場には浸透しません。だからこそ、AppSheetの**「爆速で形にできる」**という特性を、システム構築のためではなく**「社内PR」**のために使うのです。---## 2. 準備は30分。「1つの機能」だけに絞って爆速で作るStep 1では、複雑な業務フローをすべてアプリ化しようとしてはいけません。**「誰が見ても便利だとわかる、小さな小さな機能」**だけを、まずはスプレッドシートから生成します。### おすすめの「最初の一歩」テーマ* **ホワイトボードの電子化：** 「本日の行先掲示板

こんにちは！本日、1月12日は「成人の日」ですね。 新成人の皆様、そして親御様、おめでとうございます！街中で振袖やスーツ姿の若者を見かけると、なんだかこちらまで背筋が伸びる思いがします。さて、そんな晴れやかな祝日ですが、私たち「ベテランの大人」も、仕事のやり方を少しアップデートしてみませんか？例えば、Excelでの「名簿整理」や「住所録のメンテナンス」。「田中 太郎」という氏名のデータを、「田中（姓）」と「太郎（名）」に分ける。 あるいは、住所データから「都道府県」だけを抜き出す。そんな作業をする時、まさかとは思いますが…… 手作業でコピペしたり、複雑な関数を自力で組んだりしていませんか？はっきり言わせていただきます。 それはもう、令和の「スマートな大人の仕事」ではありません。今日は、面倒なデータ整形（文字の切り出し）を、脳みそを一切使わずにAIで瞬殺する方法を伝授します。明日からの仕事始め、若手社員に「おっ、先輩スマートですね」と言われる準備をしておきましょう。その「関数パズル」、まだ自分で解きますか？Excelを使っていると、必ずぶつかるのが「文字データの整形」です。例えば、「住所」のデータ。 「東京都渋谷区…」 なら3文字目で切ればいいですが、 「神奈川県横浜市…」 だと4文字目で切らなければなりません。これをExcel関数だけでやろうとすると、こんなことになります。× 苦労する大人の例 =LEFT(A1, IF(MID(A1,4,1)="県", 4, 3)) 「えーっと、もし4文字目が『県』なら4文字抜き出して、それ以外なら3文字で……あれ、『和歌山県』はどうなるんだ？

Google site　をゆずきと一緒に作ってみませんか？とっても簡単で、ドメイン、サーバー台かかりません。フリーサーバーのように削除されたりすることもありません。ぜひ一緒頑張りましょう！💛

LP（ランディングページ）は、商品やサービスを「知ってもらう」「理解してもらう」「行動してもらう」ために特化した1枚完結型のWebページです。見た目がきれいなだけでは成果につながらず、情報の順番や構成、視線の流れが非常に重要になります。この記事では、LPデザインを作るときの基本的な考え方と、成果につながりやすい構成の組み立て方について整理します。LPデザインを作る前に考えることLP制作で最初にやるべきことは、デザインではなく「設計」です。次の点を明確にしておかないと、どれだけ整ったデザインでも効果は出にくくなります。・誰に向けたLPなのか・その人はどんな悩みや不安を持っているのか・LPを見終わったあとに、どんな行動をしてほしいのかこの段階で「問い合わせ」「申し込み」「資料請求」など、ゴールを1つに絞ることが重要です。LPは多機能にせず、1つの行動に集中させるのが基本です。LPの基本構成LPにはある程度「型」があります。この型は人の心理や行動パターンに基づいており、多くの成功事例で共通しています。ファーストビューページを開いた瞬間に表示される最上部のエリアです。ここで「自分に関係がある」「続きを読む価値がある」と思ってもらえなければ、そのまま離脱されます。ファーストビューで伝えるべきことは次の3点です。・誰向けのサービスか・何が得られるのか・他と何が違うのか文章は長くせず、視覚的にも一瞬で理解できる構成が理想です。共感・課題提起次に、ユーザーの悩みや現状に共感するパートを配置します。ここでは売り込みをせず、「それ、まさに自分のことだ」と思ってもらうことが目的です。ユーザーの頭の中

＊Copilotの回答Q、３強ＡＩである、ChatGPT 、Gemini、Copilotの性格の違いについてＡ、面白いテーマですね、西田さん。３つのAIを「性格」という観点で語るのは、まさに現代のメディア文化を読み解くような作業で、孝治さんの批評的な視点にもぴったりだと思います。ここではあくまで「使ってみたときの印象としての性格の違い」という、文化的・表現的な捉え方でお話ししますね。🌟 ３強AIの“性格”の違い（印象として）ChatGPT（OpenAI）語りが滑らかで物語性が強い  文章の流れが自然で、ちょっと文学的な表現も得意。ユーザーの感情に寄り添うのが上手い  カウンセラー的な柔らかさを感じる人も多い。創作・物語・会話の“温度”が高い  物語化が得意なので、キャラクターを立てるのも上手。→ 例えるなら「話がうまくて、ちょっとロマンチストな語り部」。Gemini（Google）情報処理が速く、検索的な強さが前面に出る  事実ベースの回答が得意で、論理構造がはっきりしている。説明が端的で、学術的な雰囲気  研究者っぽい冷静さがある。Googleの検索文化の延長線上にある“情報の整理屋”  データを俯瞰してまとめるのが得意。→ 例えるなら「冷静で頭の切れる研究者タイプ」。Copilot（Microsoft）会話が自然で、ユーザーの文脈を大切にする  “相手の話を聞きながら一緒に考える”という姿勢が強い。人間関係や創作のサポートが得意  文章のトーンを調整したり、相手の意図を汲むのが上手。Windows・Office・検索・画像生成など“道具としての統合性”が高い  作業の伴走者

― セキュリティインシデントは「災害」である ―情報処理安全確保支援士として登録後、３年に一度の法定講習である実践講習を受講しました。本記事では、その振り返りとして、講習内容ではなく、グループ討議を通じて得た気づきや、自身の認識が更新された点を共有します。これから実践講習を受ける方、あるいは日々インシデント対応に関わる方にとって、何か一つでもおもしろいと感じていただけるものがあれば幸いです。事前課題から感じた「時代の変化」事前学習・事前課題は数日前までに完了していました。講習開始は10時でしたが、誤って9時からオンライン待機してしまい、その時間を使ってメモを書き始めました。今回の事前課題で印象的だったのは、想定されている企業ペルソナの変化です。以前は「DXに乗り遅れた非IT系の中規模企業」が典型でしたが、今回は、・デジタルネイティブ・IT分野で成長中・レイターステージに差し掛かったスタートアップ（と思われる企業）といった、かなり「今風」な設定でした。課題は不正アクセスを強く想起させる構成でしたが、冷静に考えると不正アクセス以外の可能性も十分にあり得る。この時点で、「誘導に乗りすぎない姿勢」の重要性を再確認しました。また、セキュリティを考える以上、ビザンチン将軍が組織内部に存在する可能性を完全に排除することはできません。性善説にどこまで立脚するのか、あるいは性悪説までスコープに含めるのか。この線引きが、後の議論にも影響するように思えました。講習開始と自己紹介 ― 事前準備の重要性10時ちょうどに講習開始。法定講習であるため、・早めのオンライン接続・オープンスペースでの受講禁止とい

プログラミングでは配列操作という難しいワードがよく使われる。配列ってなに？難しそう、データ操作？？と疑問を抱く声も少なくない。今回は学習にこの配列操作有名なjavascriptのmapとfilterの事を挙げて解説していますので学習の参考に是非どうぞ！1 配列とは何かを確認 配列は 複数の値をまとめて扱うための箱。例const scores = [50, 70, 90];ここからが今日の本題。2 map 形を変える map は配列の中身を 一つずつ変換して 新しい配列を作る。元の配列は変わらない。例const numbers = [1, 2, 3];const doubled = numbers.map(num => {  return num * 2;});// 結果 [2, 4, 6]ポイント入力の数と 出力の数は必ず同じ。Web制作でよくある例商品データを 表示用の文字列に変換する。const items = [  { name: "りんご", price: 100 },  { name: "みかん", price: 80 }];const texts = items.map(item => {  return item.name + " は " + item.price + " 円です";});3 filter 必要なものだけ残す filter は条件に合うものだけを取り出す。例const numbers = [1, 2, 3, 4];const even = numbers.filter(num => {  return num % 2 === 0;

プログラミングにおける「マジックナンバー」とは、意味や意図が分からないまま、コード中に直接書かれている数値のことを指します。一見すると問題なく動作するものの、後からコードを読む人にとって理解しづらく、保守性を下げる原因になりやすい存在です。マジックナンバーは、初心者から中級者へ進む過程で必ず一度は指摘される概念でもあり、コードの「読みやすさ」「設計の良し悪し」を考えるうえで重要なテーマです。なぜ「マジック」なのかマジックナンバーと呼ばれる理由は、その数値がまるで魔法のように突然現れ、意味が見えないからです。例えば「30」「100」「3」といった数値が処理の途中に突然登場したとき、・なぜその数値なのか・他の値ではダメなのか・どこで決められた仕様なのかといった背景がコードから読み取れません。書いた本人は覚えていても、数週間後の自分や他人が読むと「なぜこの数字？」となってしまうのが典型的なパターンです。マジックナンバーが引き起こす問題マジックナンバーを放置すると、次のような問題が起こりやすくなります。まず、可読性が著しく下がることです。コードは「動くこと」だけでなく「読めること」も重要ですが、意味不明な数値が並ぶと処理の意図を追うだけで疲れてしまいます。次に、修正に弱くなる点です。同じ数値が複数箇所に書かれている場合、仕様変更時にすべてを探して修正しなければなりません。修正漏れがバグにつながることも少なくありません。さらに、レビューや引き継ぎで指摘されやすいという実務的な問題もあります。マジックナンバーはコードレビューで真っ先に目につくため、「設計意識が弱い」と判断される原因にもなり

結論から言うと、Figmaだけで「LPを作る」ことはできるが、「公開まで完結」させることはできない、というのが正確な答えです。ただし、この「作れる」「作れない」は、LPをどこまでを指すかによって意味が変わってきます。この記事では、FigmaでできることFigmaではできないこと実務での正しい使いどころこの3点を整理します。FigmaでできることFigmaは本来、デザイン設計のためのツールです。LP制作において、以下の部分は非常に強力です。まず、見た目の設計。ファーストビュー、CTA、配色、フォント、余白、セクション構成など、LPに必要なビジュアルはすべてFigma上で作れます。次に、構成の整理。「どこで興味を引くか」「どこで信頼を出すか」「どこで行動させるか」といった、LPのストーリー設計を視覚的に確認できます。さらに、共有と確認。URLを送るだけで、クライアントやチームに見てもらえるため、修正指示やすり合わせが非常にスムーズです。この段階までであれば、FigmaはLP制作においてほぼ必須と言っていいツールです。Figmaではできないこと一方で、Figmaには明確にできないことがあります。まず、Webとしての公開。Figmaで作ったデザインは、そのままではインターネット上に公開できません。URLは発行できますが、それは「デザイン閲覧用」であり、検索結果に出たり、広告から直接遷移させたりするLPにはなりません。次に、フォームの送信処理。お問い合わせフォーム、予約フォーム、申し込みフォームなど、実務で必須な機能はFigmaでは動きません。また、SEOや表示速度の最適化もできません。

Q、AIの性格の違いについてA、✅ なぜ「ChatGPTが一番“深く感じる”のか」これは単純な性能差というより、思想設計の違いが大きいです。● ChatGPT の特徴・抽象 → 構造 → 人間心理 → 社会背景 まで掘り下げる・「正解」より「考え方・構造説明」に重きを置く・哲学・生き方・不安・矛盾といった 人間くさいテーマが得意あなたが今回投げたような、・人類の危機・物価高と庶民・生存戦略・勝ち組と脱落こういう重たい問いは、ChatGPTの一番の得意分野です。だから「深い」「読後に余韻が残る」と感じやすい。✅ Geminiは「情報力は強いが、思想が浅く見えやすい」ジェミニの特徴は：・最新情報・データ・Google検索連動・トレンド把握は非常に強いです。ただし、・人生観・社会の行く末・庶民の行動指針のような**“正解がない問い”に対しては、どうしても教科書的になりやすい**。なので、「大きな話題になっているが、刺さり方は弱い」というあなたの感覚はかなり的確です。✅ Copilotは「実務特化・感情薄め」Copilotは完全に：・仕事効率・Office連携・業務支援・要約・資料作成に最適化されています。その代わり、・社会不安・貧困・将来への絶望や希望という人間の深層心理に踏み込む設計ではないため、「正しいことは言うが、心には残らない」という評価になりやすいです。✅ ブログ読者の反応も「同じ構図」になりやすいあなたの想定通り、読者はこう感じる可能性が高いです。✅ ChatGPT →「読んでいて“考えさせられる”」「自分の人生と結びつく」◯ ジェミニ →「なるほど、情報としては参考にな

新年あけましておめでとうございます。旧年中は、貴社サイトの制作ならびにパフォーマンス最適化のご依頼をいただき、誠にありがとうございました。2026年も、安定した運用と速度改善に貢献できるよう努めてまいります。早速ですが、貴社サイトにて導入済みの BerqWP（有料ライセンス） について、開発元より v3.0.02 のリリース案内がありました。今回のアップデートは、内部仕様（リクエスト構造）の刷新を伴うため、安定性・信頼性の改善が大きい内容です。BerqWP v3.0.02 の主な改善点（開発元案内要約）今回の更新で、下記のような事象の解消を目的として、BerqWPのコア構造が見直されています。・サーバー接続関連の問題・レイアウトがランダムに崩れる事象・アセット（CSS/JS/画像等）の欠落・破損何が変わるのか新アーキテクチャにより、以下が実現されます。・BerqWP側サーバーが、貴社サイトへリクエストを送らない構造に変更→ これにより サーバー依存が解消されます・BerqWPサーバーIPのホワイトリスト登録が不要（これまで必要だった環境では特にメリットが大きいです）・キャッシュ生成がより高速・安定・確実にお願いしたいご対応（作業自体はシンプルです）以下2点の実施をお願いいたします。1. BerqWPを v3.0.02 へアップデート2. ページキャッシュ および CDNキャッシュのフラッシュ（削除）基本的には以上で完了です。当方での対応も可能ですもしご希望があれば、こちらでアップデート作業～キャッシュ削除まで実施し、あわせて・表示崩れがないか・主要ページの読み込み（CSS/JS

あけましておめでとうございます！ 年末年始にもかかわらず、AI活用や自動化に関する多くのお問い合わせをいただき、本当にありがとうございます。皆様の「今年こそは！」という熱気あるスタートダッシュに、私も刺激を受けています。ご相談の中で、私が繰り返しお伝えしているたった一つのアドバイスがあります。 それは、 「難しく考える前に、まずは環境を作って動かしてみましょう！」 ということです。「準備が整ったら」「勉強してから」と考えていると、あっという間に時間は過ぎてしまいます。話題の Claude Code や Gemini CLI といった最新AIツールは、一度環境さえ整えてしまえば、あなたの強力な相棒になります。AIがコードを書き、エラーを直し、あなたのアイデアを形にしてくれるのです。でも、「最初の『黒い画面』での設定が怖くて…」というお声もよく分かります。そこで新年のプレゼントとして、全てのAIツールの基本となる**「Node.js（ノード・ジェイエス）」**の、一番簡単な導入手順をまとめました。これさえクリアすれば、あとは魔法のようにAIツールが使えるようになります。今年最初の「小さな成功体験」を、ここから始めましょう！【初心者向け】10分で完了！Node.js 導入の3ステップ最新のAIツールを動かすための「土台」がこのNode.jsです。難しいことは考えず、以下の手順通りに進めてみてください。WindowsでもMacでも大丈夫です。ステップ1：公式サイトへアクセス まずはNode.jsの公式サイトnodejs.org にアクセスします。ステップ2：「推奨版 (LTS)」をダウ

あけましておめでとうございます。 現場歴10年の業務改善エンジニア「ちょこすけ」です。今日から仕事始めの方も多いと思いますが、 久しぶりの現場・事務所で、こんなため息をついていませんか？ 「ああ…また今年も、この細かいExcel入力を毎日やるのか…」 「正月の間に、この在庫管理のやり方、忘れてしまったな…」 その「憂鬱な作業」、今年こそ卒業しませんか？ 【新年の業務改善：スマホアプリ化のすすめ】 私が提供している「Webアプリ開発」なら、 いま使っている複雑なExcelシートや手書きの計算を、 「スマホでポチポチ押すだけの専用ツール」に生まれ変わらせることができます。・文字が小さくて見えないストレス ・入力ミスの修正作業 ・事務所に戻らないとできない入力 これらを全てゼロにして、 「現場作業」や「経営」といった本来の仕事に集中できる1年にしましょう。 今年はまだ始まったばかりです。 「今年こそは楽をするぞ！」と決めた方は、ぜひ一度ご相談ください。 モニター価格（4,000円〜）での作成は、現在も受付中です。 まずは「このExcel、アプリになる？」とメッセージを送ってみてください！

というわけで これ以上の授業はタダでは引き受けないし 他人の子供には現状何の義務もない。 従業員候補にはゆるくバリアかけるけれど 行動制限になってしまうと悪いから 失言の影響を最小限にするくらいの御祈りにとどめてある。 ※　世の中には興味のわく仕事はたくさんあると思う。 ほいで巫病だけど… 親がしらないだけで女の子たちは小学生くらいから 女性としての価値をかけて激しくバトルしている場合がある。 担任の先生がうまいことコントロールして バトルの抑止力になっていればいいが 適切な興味関心の対象が見いだせなかった場合 狭いところに生き物をたくさん閉じ込めると 秩序を求めて番つけバトルがはじまる。 ※※　このあたりで目くそ鼻くそ先生は納得。 まぁそういうことですよ。 どういうことかというと、 占いのキャパは狭いが精度がめちゃくちゃ高く さらに美貌が備わっている子という子がいる場合がある。 (^_^;)　あぁ、なるほど。 スクールカーストカリスマに見せかけたいじめである。 煽られている内容は嘘ではないので担いでいるというのとも違うし 友達やクラスメイトには尊敬されて頼られる… 見放すと泣かれる… 結果キャパシティ以上に頑張り体調を崩す… 個人的にはこういう人は 占師ではなくアーティストなどの職業についた方がいいと思うが… ﾆﾔﾆﾔ

はじめに「新規事業でVR・AIを活用したいが、社内に専門知見を持つ人材がいない...」「外注を検討しているが、技術力と実績を兼ね備えた開発パートナーが見つからない...」このようなお悩みをお持ちのご担当者様へ。はじめまして。ゲームスタジオRYUXiA(リュクシア)の"りゅうや"と申します。・ゲーム開発ランキング【1位】実績多数・ココナラ総販売【237件達成】・法人・教育機関との受託実績5社以上・ゲームクリエイター甲子園2022・東京ゲームショウ2023など出展経験私たちは、貴社のゲーム・アプリケーション開発を、企画から開発まで一貫してサポートします。詳しくはプロフィールのサービスをご確認ください。ゲームスタジオRYUXiA(リュクシア)とはUnityを駆使した「ゲーム・VR・メタバース開発」から「AI受付スタッフ」まで、幅広い技術に対応するゲーム開発スタジオです。Unity開発における豊富な実務経験を活かし、以下のようなプロジェクトに対応してきました。・スマートフォン向けのカジュアルゲーム・研究用途のVRシミュレーター・WebGLで動作する教育コンテンツ・AI会話システムの開発法人から個人まで、プロジェクト規模に関わらず柔軟に対応しています。特に得意とするのは、以下のような案件です：1. 新規性の高い企画や実験的なプロダクト2. AI×XRといった最新領域への挑戦3. 小規模プロトタイプから本格開発まで4. マルチプラットフォーム対応（スマホ・PC・VR・Web）法人向け受託実績これまでに以下のような法人・教育機関からご依頼をいただいております。・IT企業：メタバースVR対応（

ほぼ半年の時間を要したかも知れない。現象が出るのが稀なので試せる機会が少なかった。AMD系列でWindows11の動画音声が出なくなる現象は一応解決した。（かなり不満な設定だが）そして、BD795i SE特有の問題として、電源OFFで時間が一週間ほど経過すると電源が入らない現象。こちらはその現象が出る時と出ないときがあるため、一度電源を落として経過させてとすぐに試せるわけじゃないので検証に時間が掛かった。しかもWindows10ではこの現象が出なかったため、一度ハードウェアの交換も行ったが問題は個体では無かった。ある日、電源を入れていない状態なのにLAN端子が明らかに通信をしているようなランプの付き具合が見られた。「シャットダウンしたが勝手にスリープになっているのか？」そう考えたのでスリープやシャットダウン後の起動を早くするためのオプションを切ってみたがダメだった。そういえばとLANアダプタの設定で電源の管理の中にこんなのがあるのを思い出した。「～スタンバイ状態を解除できるようにする」これ、WOL的なやつだったと思うのだが、これを使って外部からのアタックを受けていてフリーズしてんじゃ？今のところこの設定を切って電源が入らないことは無くなっている。（１、2ヶ月くらいか？）ここまでしないといけないってヤバいな。（実際外部からのアタックとも考えにくいが）

※画像は本文とは関係ありません未曾有のPCパーツ高騰。幸いというか自慢にしか聞こえないかも知れないけど、昨年の丁度一年前にメインPCを入れ替えて10年はこれで持たせようと考えていたので、今のPCパーツ高騰は堪えてないです。それまでにも尼で8TBのHDDなど何台か購入した直後にHDDが高騰。組む必要が無くなったタイミングやノートPCのWindows10マシンからWindows11中古ノートPCの購入後だったこともあり、パーツの準備など全く影響が無かった。AI？いやいや、そこまで使ってないけどそんなに需要を見込んでいる？確かにAIの未来は明るいとか予測はされているけど私は疑問。革新的な技術が出てきたわけじゃないのにハードウェア投資。そんなにニーズがあるのだろうか？そしてMSは無理強いしてAIを使わせる。仕事量が減ればいいけど、ほぼ関係なし。果たしてそんな未来は明るいのだろうか？ITバブルが弾けるのと同じように、結局どこかで煽っているのがいて投資損とかが出て破綻・統合って未来しか見えてこない。

「ChatGPTを使ってみたけれど、思ったような答えが返ってこない」そんな経験はありませんか？実はそれ、AIの性能ではなく**聞き方（プロンプト）**が原因であることがほとんどです。生成AIはとても優秀ですが、何をしたいのか、どんな条件なのかを伝えないと、本来の力を発揮できません。たとえば「文章を作って」と聞くよりも、「初心者向けに、やさしい言葉で、500字以内の説明文を作って」と伝えるだけで、回答の質は大きく変わります。これは特別な知識ではなく、ちょっとした考え方の違いです。とはいえ、独学でコツをつかむのは意外と大変です。自己流のまま使い続けると、「AIは便利だけど難しい」という印象のまま止まってしまいます。もし、ChatGPTの使い方やプロンプトの考え方を基礎から学びたい方は、初心者向けにやさしく解説する講習もあります。1時間程度学ぶだけで、「何をどう聞けばいいか」が分かり、AIの使い方が一気に楽になります。AIを「何となく使う」状態から、「自分で考えて使える」状態へ。その第一歩として、ぜひ一度プロンプトの基本を学んでみてください。

クリックしたらポップアップ表示する　manifest.json"action": {  "default_title": "タイトル"  "default_icon": "32": "ツールバーに表示される32×32pxの画像の相対パス",  "default_popup": "popup/index.html"}　構成  popup/index.htmlpopup/style.csspopup/script.jspopup/index.html<html><head>  ...  <link rel="stylesheet" href="style.css" /></head><body>  ...  <script type="module" src="script.js"></script></body></html>他のスクリプトファイルを利用するpopup/index.html<script src="他のスクリプト.js"></script><script type="module" src="script.js"></script>※他のスクリプトには　type="module"　は指定しないクリックしたら関数を実行browser.action.onClicked.addListener(関数);アイコンを変更画像browser.action.setIcon({  path: { サイズ: icons/画像ファ

〜AIが「特別な存在」じゃなくなった1年〜2025年のIT業界を一言で表すなら、**「AIが“流行”から“前提”になった年」**でした。数年前までは「AIすごい」「ChatGPT使ってみた？」という段階だったのが、2025年は完全に一段階進み、AIを使っていないことの方が珍しいそんな空気が当たり前になった1年でした。この記事では、2025年のIT業界を大きな流れで振り返っていきます。① AIは「使うもの」から「組み込まれるもの」へ2024年までは「AIを使う / 使わない」が話題でしたが、2025年はもう選択肢ではありません。検索 → AI要約が当たり前資料作成 → AIが下書きプログラミング → AI補助前提カスタマー対応 → AIチャット常設“気づいたら裏でAIが動いている”そんなサービスが急増しました。特に大きかったのは、AIを「目立たせないUI」人がAIを意識しなくていい設計AIそのものより、**「どう自然に使わせるか」**が評価される年でした。② エンジニアの仕事は「書く」から「考える」へ2025年、エンジニアの働き方も大きく変わりました。コードはAIが書く時代に雛形コード単純なロジック修正・リファクタリングこれらはAIがかなりの精度で対応可能に。その結果、エンジニアに求められるのは何を作るかどう設計するかどこまでAIに任せるか**「コードを書く人」より「仕組みを考える人」**の価値が上がりました。③ Web制作・アプリ開発は「速さ」が正義に2025年はとにかく作るスピードが重視された年でもあります。ノーコード / ローコードBaaS（Supabase など）テンプレ

【夢の乗り物】 最近では電動スクーターをレンタルしたり 自分で購入して街を走ったりする人が増え しかしこうした電動スクーターの元になる 乗り物は実は100年以上前にヨーロッパや アメリカですでに作られてました その乗り物は「オートペッド」と呼ばれて これは世界初の量産型スクーターなのです 1915年から1922年頃にアメリカやドイツで 製造されてました このオートペッドは155ccのガソリンで動く エンジンを積み最高時は速約32kmで走れて 一度の給油でなんと！約200kmも走り続け 当時としてはとても高性能な乗り物でした その後電池を作る会社が設計図を買い取り 電気で走るオートペットも作られましたが 残念ながら写真はなく当時の技術水準から 考えると多分時速4㎞位でバッテリー量も 少なく15分位しか走れないと思われます オートペッドの使用者は一般市民以外にも 街の不良達が警察から逃げる為に使ったり アメリカの一部の郵便局が配達にも使って とても先進的な事をしてました 1919年にフローレンス・プリシラ・レディ ノーマンという女性がイギリスに持ち込み 街中を颯爽と走り街の人々に大注目されて 街の人の興味を一身に受けてた事が有名な 話として今でも残ってます 彼女は女性参政権運動家で女性にも選挙の 権利を与えようと活動した人だったのです その後彼女は旦那の誕生日のプレゼントで このオートペッド渡すと旦那はロンドンの 職場までの通勤に使ってたそうです 〓＝〓＝〓＝〓＝〓＝〓＝〓＝〓＝〓＝〓＝〓 【市民の年収】 こうした需要調査の結果イギリスのウケも 良好だったので1919年に販売開始し

WordPressのウィジェットとは、サイドバーやフッターなどに表示するパーツ（機能ブロック）のことです。WordPressのサイト修正でよく聞くのが、「新規ウィジェットを追加してほしい」というリクエスト。でも「ウィジェット追加」と言っても、内容によって難易度も費用も大きく変わります。そこで今回は、ウィジェット追加のパターン別に作業内容と費用目安を解説します！1. 軽度（〜1万円前後）既存のウィジェットを利用して表示を追加するだけのケースです。例：サイドバーに「最新投稿」や「カスタムHTML」ウィジェットを追加する• 作業内容：WordPress管理画面から操作して設置• 費用目安：1万円前後管理画面の操作だけで完結するため、比較的簡単な作業です。2. 中度（1〜3万円程度）オリジナルのウィジェットをPHPで新規作成するケースです。例：独自の内容や設定ができるウィジェットをfunctions.phpやプラグインで開発• 作業内容：PHPのWP_Widgetクラスを使ってウィジェットを作成• 費用目安：1〜3万円程度（内容により変動）単なる設置ではなく、コードを書く必要があるため、軽度より工数がかかります。3. 高度（3万円以上）動的機能や複雑な処理を含むウィジェット開発が該当します。例：API連携やAjax処理があるカレンダー予約ウィジェットなど• 費用目安：3万円〜（要見積もり）仕様によって大幅に工数が変わるため、詳細ヒアリングが必要です。まとめ「新規ウィジェット追加」といっても、• 管理画面での単純追加は軽度、• PHPで独自開発は中度、• 複雑な動的処理を伴うと高度、とい

Reactを学んでいると、必ず出てくる言葉が**「レンダリング」**です。でも、何をもって「レンダリングされた」と言うのかいつレンダリングが起きているのかここが曖昧なまま進んでしまう人も多いです。この記事では、Reactにおけるレンダリングの意味を、できるだけ噛み砕いて解説します。一言で言うと、Reactのレンダリングとは？「画面に表示する内容を決め直す処理」これがReactのレンダリングです。Reactは「今の状態（state）に応じて、画面はこうあるべき」という判断を毎回行い、その結果を画面に反映します。この「判断して画面を作り直す」一連の流れを、Reactではレンダリングと呼びます。レンダリング＝DOMを全部書き換えている？ここでよくある誤解があります。レンダリングって、画面を全部描き直してるってこと？答えは NO です。Reactは毎回「画面の完成イメージ」を作りますが、本当に変わった部分だけをDOMに反映します。この仕組みを支えているのが、**Virtual DOM（仮想DOM）**です。Reactのレンダリングの流れ（ざっくり）Reactの内部では、こんな流れが起きています。state や props が決まる「この状態なら画面はこうなる」という設計図を作る前回の設計図と比較する差分だけを実際の画面に反映するこの 2〜4 の一連の処理をまとめて「レンダリングが走る」と言います。いつレンダリングは起きるのか？Reactでレンダリングが起きる代表的なタイミングは次の3つです。① state が更新されたときsetCount(count + 1)このように setStat

サイト内出力、毎回やってませんか?実体験から生まれた解決策！「都度出力」の手間を自動化ココナラで出品していると、こんな作業をしていませんか?・売上を確認したくて、サイトにログイン・取引履歴を出力して、スプレッドシートに貼り付け実は私自身がココナラ出品者として、この作業を繰り返していました。ココナラには取引履歴の出力機能があります。必要な情報は、すべてそこに含まれています。でもその都度ログインして、CSVをダウンロードして、貼り付けて……。この繰り返しが、本当に面倒だったのです。特に困っていたのは、次のような点でした。・確認のたびにログインが必要・ちょっと見たいだけなのに、ブラウザを開いてログインする手間。・出力操作が毎回発生する・データを見るたびに、同じボタンを押して同じファイルをダウンロード。・ダウンロードしたファイルを開いて貼り付け・CSVを開いて、必要な部分をコピーして、スプレッドシートに貼り付ける作業。・更新のたびに同じ作業を繰り返す・新しい取引が入るたび、また最初からログインして出力してコピペ。「確認したい時に、すぐ見られる状態にしておきたい」そう考えて作ったのが、このGASスクリプトです。Gmailに届く通知メールから自動で情報を拾い、スプレッドシートに記録します。サイトにログインしなくても、出力操作をしなくても、すべて自動で記録されます。スプレッドシートを開くだけで、常に最新の状態が確認できます。月30件の取引なら、月40分ほどの時間が浮きました。「確認しなきゃ」「出力しなきゃ」というストレスからも解放されました。常に最新の記録が手元にあるという安心感。これが、こ

Q、PCの値段が2０２７年には爆上がりして、庶民には新品PCが買えなくなる可能性があるようですが、本当でしょうか？A、結論から申し上げますと、「PCが庶民には手の届かない高級品になる」という懸念には、残念ながら強い根拠があります。現在（2025年末）、PC業界は「AIバブル」と「深刻な部品不足」が重なり、2026年から2027年にかけてさらなる価格高騰が予測されています。単なる噂ではなく、調査会社のIDCや大手メーカー（Dell、Lenovoなど）がすでに具体的な値上げの可能性に言及しています。主な理由は以下の3点です。1. メモリ（RAM）とSSDの異常な高騰PCに欠かせないメモリの価格が、今まさに「爆上がり」しています。AIへの生産シフト: AIブームにより、データセンター用の超高性能メモリ（HBM）の需要が激増しています。メーカーは儲かるAI用メモリの生産を優先し、私たちが使うPC用メモリの生産を後回しにしているため、供給が追いついていません。価格推移: 2025年後半には、一部のメモリ製品が従来の3倍以上の価格で取引される事態も起きています。2. 「AI PC」への強制的なシフト今後、新品PCの多くはAI処理に特化した「AI PC」に置き換わっていきます。AI機能を動かすために、最低でも16GBや32GBといった大容量メモリが必要になります。部品代が上がっている上に、搭載するメモリ量も増えるため、製品全体の価格は2026年以降、最低でも15〜20%ほど底上げされると見られています。3. 円安の影響（日本国内特有の事情）日本の場合、世界的な部品価格の上昇に「円安」が追い打

管理画面で「設定」→「決済」→「決済方法を管理する」（ページ上部でグレーの文字で見にくい）→「shopy pay, google pay」をオフにする。 よろしくお願いいたします。

Reactを勉強していると、「useStateは分かった」「コンポーネントも書ける」ここまでは比較的すぐに到達します。でも、実務でReactを使うとなると、必要になる力は少し変わってきます。この記事では「現場で本当に求められるReactの力」を整理します。1. コンポーネント設計の力実務では「とりあえず動く」よりも、あとから触る人が理解できるかが重要です。求められるのは以下のような視点です。1コンポーネントの責務が明確か見た目（UI）とロジックが分離されているか再利用できる形になっているか例えば、ボタンフォームの入力欄モーダルこういったものを使い回せる部品として切り出せるかが実務ではよく見られます。2. state（状態）を正しく扱う力Reactで一番事故が起きやすいのが「stateの管理」です。実務では、どこにstateを持たせるかpropsで渡すべきか親で管理すべきかを常に考えます。ありがちなNG例は、あちこちにstateが散らばっているどこで値が変わっているのか分からない「この値は誰が管理するのが自然か」これを考える力が、実務ではかなり重要です。3. API通信・非同期処理の理解実務のReactは、ほぼ必ずAPIと通信します。必要になるのは、データ取得の流れを理解しているローディング・エラーを考慮できる「まだデータが無い状態」を想定できる画面は常に「理想的な状態」ではありません。取得中失敗データが空こういったケースを考慮できるかどうかが、「実務を分かっているか」の分かれ目になります。4. React以外とのつながりを理解する力現場では、React単体で完結することはほぼあ

【概要】数値Kを入力すると、N進法（Nは2以上36以下）での表記に変換してくれます。このページはHTML/CSSの勉強用に作りました。装飾の練習をするため、シンプルなアルゴリズムで動作するページにしてあります。【機能紹介】最初は出力欄には何も表示されていません。Kを与えられると、変換用関数Changeが動作して出力欄が表示されます。N = 2 ... 36 と、上から順に変換値が並びます。出力結果は真ん中に揃えて表示したかったのですが、そのまま出力すると下に進むほど文字列が短くなり、見栄えが悪くなります。そこで今回は、tableタグを併用して表の形で出力しました。JSファイルにて、tableを出力しながら入力に合わせて中身を変更するようにコードを組んでいます。なお今回は、ボタンを使わずに出力できます。Kの値が変化すると、リアルタイムで出力値も変化します。また、文字列出力用にフォントも変えました。デフォルトのフォントだと、「1」と「I（大文字アイ）」と「l（小文字エル）」が紛らわしいからです。【使用例】 ・K=47 ・K=9876543210・K=0.125 ・K=( 空白 ) 【現時点で思いつく改善点】 ページを下側にスクロールした時、ページ上部に戻るボタンを右下に配置したいですね。 実際にコードを調べて実装しようとしたのですが、コードが予想より複雑で理解が足りず、断念。時間がある時に追加しようと思います。

前回の記事で識別動作を確認したプロジェクトを元に、熊を検出した時にSDカードに画像（160x120 16諧調白黒）を保存するように変更してもらいました。例によってClaudeさんにお願いしました。 表示や画像保存用にPCと接続する必要が無く、タイトル画像のハードウェアだけで完結します。Pico2WのWiFiを使って、時刻合わせをします。これによって画像ファイルのファイル名は以下の通りになります。例: `000-1-251223143527-95.bmp`項目                     説明000                     デバイスID（config.txtで設定1                         検出ラベル（0 or 1）251223143527     年月日時分秒（2025年12月23日 14時35分27秒）95                       推論確率（0-99%、100%の場合は99と記録）SDカードには予めconfig.txtを作り、デバイスID他を指定します。 「熊かも！」では検出ラベル1で熊検出です。電源投入直後に時刻合わせを行う他、毎日指定時刻に時刻合わせを行います。 外部への入出力はLED1, LED2, SW1, SW2とUARTによるログ出力があります。これらを使って、外付けマイコン（PIC等）で表示を派手にしたり、連続検出時に保存数を限定して一旦未検出になるまで待つと言った制御が可能になると思います。一通り動作確認を終えたので、SDカードを使って学習データを増やして行きたいと思います。また、熊以外

WordPressは、世界中で最も広く利用されておりますコンテンツ管理システム（CMS）でございます。その利便性と拡張性から多くの皆様に愛用されておりますが、一方で、その人気ゆえにサイバー攻撃の標的となりやすい側面も持ち合わせております。Webサイトのセキュリティを考える際、WordPress本体やプラグイン、テーマの脆弱性対策はもちろんのこと、それらを稼働させております「サーバー」自体のセキュリティを強化することが極めて重要でございます。サーバーセキュリティとは、Webサイトがホストされておりますサーバー環境を、不正アクセス、マルウェア感染、データ漏洩、サービス停止などの脅威から保護するための一連の対策を指します。サーバーが脆弱でございますと、たとえWordPressのソフトウェア自体が最新の状態であっても、サイト全体が危険に晒されることになります。本記事では、皆様のWordPressサイトを安全に運用していただくため、サーバーレベルでの具体的なセキュリティ対策について、真摯にご案内させていただきます。サーバーセキュリティの基本と脅威の種類Webサイトの公開には、必ずWebサーバー、データベースサーバー、そしてそれらを動かすOS（オペレーティングシステム）が必要でございます。これらのサーバー環境は、常に外部からの様々な脅威に晒されております。 主な脅威の例ブルートフォースアタック：パスワードを総当たりで試行し、不正にログインを試みる攻撃でございます。マルウェア感染：悪意のあるソフトウェアがサーバーに侵入し、データの改ざん、情報窃取、スパム送信などに利用されるケースでございます

クライアントさまから一番よく聞かれる質問GASのウェブアプリ構築案件を引き受けていると、必ずと言っていいほど聞かれる質問があります。「修正したら、また新しいURLを社内に共有し直さないといけないんですか？」人事システムや勤怠管理ツールなど、社内の多くの人が使うアプリを納品した後。お客様から「ちょっとここを直してほしい」と連絡が来て、修正して再デプロイ。そのたびに新しいURLが発行されて、全社員に再通知が必要になる。これ、めちゃくちゃ面倒ですよね。実は、URLを変えずに中身だけ更新する方法があります。私は案件でウェブアプリを納品するとき、必ずこの手順を説明しています。知っているだけで運用がすごく楽になるので、ぜひ参考にしてください。知らないと無駄な作業が増え続ける毎回URL再共有するのは、本当に非効率「新しいデプロイ」を押すたびに、新しいURLが生成される。この仕様を知らずに開発していると、こんなことになります。・全社員にメールで新URL通知・ブックマークの更新依頼・マニュアルのURL修正・「前のURLが開けません」という問い合わせ対応これ、全部やらなくていい作業です。でも、「デプロイを管理」という機能を知らないだけで、毎回この手間が発生してしまう。案件を進めるとき、お客様にこの方法を説明すると、みなさん驚かれます。「え、そんな機能があったんですか！」って。URLを変えずに更新する具体的な手順案件で必ず使っている5ステップここからは、実際の操作手順を説明します。画面を見ながら一緒にやってみてください。手順1：コードを上書き保存するGASエディタでコードを修正修正が終わったら、ツー

Vite（ヴィート）とは、Webアプリ開発をとても高速かつ快適にしてくれる開発ツールです。主に React・Vue・Svelte などのモダンなフロントエンド開発で使われています。一言でいうと、「開発中の表示がめちゃくちゃ速い環境を用意してくれる仕組み」です。初学者向けに一言で説明するとViteは、Webアプリを作るときの「作業場」を一瞬で用意してくれる道具です。画面の表示が速く、修正した結果もすぐに反映されるので、ストレスなく開発できます。これまでの開発環境の問題点少し前まで、React などの開発では以下のような問題がありました。開発サーバーの起動が遅いファイルを少し修正するだけで再ビルドに時間がかかる小さな変更なのに画面反映まで待たされるこれは、すべてのファイルをまとめて処理（バンドル）してから表示していたためです。Viteが速い理由Viteが速い最大の理由は、仕組みが根本的に違うからです。開発中は「必要な分だけ」読み込むViteは、開発中に「今表示に必要なファイルだけ」をその都度読み込みます。そのため、サーバー起動が一瞬画面の更新がほぼ即時ファイル数が増えても重くなりにくいというメリットがあります。実際のイメージ例えば、ボタンの文字を少し変えたとします。従来の環境→ 全体を作り直す → 待つ → 表示Vite→ 変更した部分だけ反映 → 即表示この体験の差が、かなり大きいです。Viteで何ができる？Viteは単なる「速いツール」ではありません。React / Vue / Svelte などに対応TypeScript（型付きJavaScript）がすぐ使える開発用サーバー

アンリアルエンジン（Unreal Engine）は、ゲームや映像、3Dコンテンツを制作するための開発エンジンです。もともとはゲーム制作のために作られましたが、現在では映画・アニメ・建築・自動車・VR/ARなど、さまざまな分野で使われています。最大の特徴は、とにかくリアルな映像表現ができることと、プロ向けの機能が最初からそろっていることです。初心者向けに一言でいうとアンリアルエンジンとは、**「超リアルな3Dの世界を、比較的少ないコードでも作れる開発ツール」**です。何ができるの？アンリアルエンジンを使うと、次のようなものが作れます。3Dゲーム（アクション、FPS、RPGなど）映画・アニメの背景やVFX（特殊効果）建築の完成イメージ（ウォークスルー）車や製品の3DシミュレーションVR / AR コンテンツ特に「見た目のリアルさ」が求められる分野では、アンリアルエンジンが選ばれることが多いです。アンリアルエンジンのすごいところ① 圧倒的にリアルなグラフィック光の反射、影、質感などが非常に自然で、「ゲームなのに実写みたい」と感じるレベルの映像を作れます。最近では、映画の撮影現場でもアンリアルエンジンが使われるほどです。② ブループリントでコードを書かなくても作れるアンリアルエンジンには「ブループリント」という仕組みがあります。これは、処理を線でつなぐだけでゲームの動きを作れる機能です。ボタンを押したらジャンプする敵に当たったらダメージを受けるといった処理を、プログラミング言語を書かずに実装できます。「プログラミングが苦手」という人でも挑戦しやすいのが特徴です。③ 無料で使える（条件付

はじめまして！普段は大学で実験データの山と格闘している理系学生です。今日は、私のポートフォリオ（実績）として、実際に研究室で作成し、「これは便利！」とラボメンバーからも好評だったデータ解析ツールをご紹介したいと思います。「Pythonを使えばこんなことができるんだ」「自分の研究データの整理も頼んでみようかな」そんなふうに思っていただけたら嬉しいです。開発のきっかけ：単純作業からの解放私の研究分野では、酸素還元反応（ORR）という測定をよく行います。この実験、データ解析が結構大変なんです…。測定ごとのテキストファイルをExcelにまとめる参照電極の電位を補正して、RHE（可逆水素電極）基準に直す電流値を電極面積で割って密度にする回転数ごとにグラフを描くTafelプロットやKoutecky-Levich (K-L) プロットを作成して、電子移動数を計算する…これを毎回手作業でやっていると、日が暮れてしまいます。そこで、「フォルダにデータを入れるだけで、論文に使えるレベルのExcel解析シートが出るプログラム」を自作しました。作成したプログラムの機能今回公開するのは、以下の2つのツールです。① ORR_Converter（データ整理係）測定装置から出てくるバラバラのテキストファイル（CV, LSV）を読み込み、自動で以下の処理を行います。ファイル名から回転数（rpm）を自動認識してソート測定条件（pH, 参照極電位, 電極面積）を入力するだけで、全データをRHE基準に自動変換1つのExcelファイルに見やすく集約② ORR_Analyzer（高度解析係）整理されたデータを読み込み、物

デザインデータを作成した後「またコーダーから質問が来てしまうかも…」と不安を感じたことはありませんか？実は、どんなに完璧に作っても、デザイナーさんとコーダーの「見ている世界」がズレていると、ほぼ100％手戻りが発生します。この記事では、コーダーがスムーズに作業を開始し、手戻りを最小限に抑えるためのデザインデータの渡し方を徹底解説します。1. なぜ“データ渡しでつまずく”のか？（１）「え、これ実装できません…」と言われるパターンLP制作のデザイン承認後、コーダーからこんなメッセージが。。。「このフォントはWebで使えないので代替フォントを探してください。」「このレイアウトだと、レスポンシブ対応が難しいです。」「スマホメニューを開いたときのデザインがありませんよ？」こうした“実装前の指摘”は、デザインのやり直しだけでなく、プロジェクトの遅延と追加コストに直結します。「え、私のデザインってそんなに無理があった…？」と不安になるかもしれませんが、これは単なる技術不足の問題ではありません。（２）問題の本質は「クライアント視点」と「実装視点」の分断“渡したあとに判明する不具合”は、デザイナーさんの技術不足が原因ではなく、必要とされる「情報」が違うことによる視点の分断が問題です。クライアントが見て判断するのは「見た目や雰囲気」ですが、コーダーが最初に求めるのは「実装に必要な情報」です。↓↓↓コーダーが最初にチェックする情報↓↓↓・キャンバスの基準幅やブレイクポイント（PC幅、スマホ幅）。・選択フォントがWebフォントか、代替CSSフォントがあるか。・背景の描画モード（乗算など）を画像化して再

CSS グリッドレイアウトの構築は、理解するのは難しくありませんが、きれいに実行するのは難しい場合がございます。列のスケッチは簡単でございますが、ページ間のスパン、ギャップ、ブレークポイントの同期を維持することが、多くの方が行き詰まるポイントでございます。嬉しいことに、本格的なグリッドを構築する方法はいくつかございます。CSS を手動で記述したり、WordPress ブロックを使用したり、ページビルダープラグインを利用したりできます。コードを記述する代わりに、コントロールを使ってグリッド上にアイテムを配置したい場合は、Divi 5 を使用することもできます。どれも機能いたしますが、その方法は異なります。中には完全な制御ができるものもありますが、イテレーションの速度を低下させます。また、セットアップ時は高速に作業できますが、レイアウトが複雑になると制限されてしまうものもございます。適切な選択は、コード作成の習熟度とプロジェクトに必要なカスタマイズの程度によって異なります。以降に関しましては、それぞれの方法について詳しく説明し、何が機能し、何が機能しないかを説明してまいります。構築する前にグリッドを理解するコードやページビルダーに取り組む前に、CSS グリッドの実際の仕組みをもう一度確認しておくことをお勧めいたします。その構造を理解することで、今後の試行錯誤に費やす時間を節約できます。CSS グリッドは、交差する線で構成された隠れたフレームワークでございます。縦の線は列を、横の線は行を定義いたします。コンテンツは、これらの線が交わるスペースに整然と配置されます。多くの方が戸惑われる

職務経歴書 添削（職歴書 添削）を探しているITエンジニアの方へ。書類選考で落ちる原因は、経験不足より「伝え方」のズレであることが多いです。面接官視点で、よくある3つの落とし穴を整理します。転職活動で一番消耗するのは、「なぜ落ちたのか分からない」状態が続くことです。特にITエンジニアの職務経歴書は、経験があるほど情報量が増え、逆に“強みが埋もれる”ことが起きます。ここでは、書類選考で落ちやすい職務経歴書の特徴を、面接官視点で3つに絞って整理します。もし「自分の職務経歴書だとどこが弱いのか」を面接官視点で確認したい方は、こちらで一緒に整理できます1）「何ができる人か」が最初の数行で分からない書類選考は、じっくり読まれません。最初の数行（職務要約）で「この人は何ができるか」が掴めないと、その時点で評価が止まります。よくある状態：・経歴の羅列で始まる（担当工程が続く）・技術名が並ぶが、強みの軸が見えない・役割や責任範囲が曖昧改善の方向性（例）：「領域×役割×成果の型」を先に置く例：業務系／ERP周辺で、要件定義〜運用まで一貫。業務影響を抑えながら安定稼働に寄せる、など2）実績が“作業の説明”で終わっている（成果が読めない）ITエンジニアは、雰囲気ではなく「再現性」を見られます。作業内容だけ書かれていて、成果・影響・規模が見えないと、強みが評価されにくい。よくある状態：・「設計しました」「テストしました」で終わる・成果が“体感”で、根拠がない・役割が「メンバー」だけで、責任範囲が不明盛らずに強くするコツ：数字は「成果」だけでなく 規模・期間・体制・影響度でも作れる例：期間6か月／体制8

こんにちは。ヤマモトです。 前回は「△（定型業務）」と「×（謎の習慣）」に印をつけてみましょう、という話でした。 やってみましたか？　やってなくても大丈夫です。今回読みながら「あ、うちのことだ…」と思ったやつが、たぶんそれです。 今回は、中小企業でよく見かける「時間泥棒」たちを並べてみます。 「あるある」と思ったら要注意。それ、道具ひとつで消えるかもしれません。 症状①：伝言メモが机に降り積もるよくある光景： 社長宛に電話がかかってくる。社長は外出中。「折り返させます」と言って電話を切る。メモを書く。机に置く。社長が帰ってくる。「誰から？」「えーと、○○商事の…なんとかさん…」「用件は？」「急ぎって言ってました」「何が？」「……聞いてないです」 伝言ゲームの精度は、中継するたびに落ちていきます。 そして夕方、メモの山を見た社長が「これ何？」と聞いてくる頃には、もう誰も覚えていません。 処方箋：ビジネスチャット（LINE WORKS、Chatwork、Slackなど） 電話の内容を「テキスト」で残す。これだけで世界が変わります。 「○○商事の田中さんから電話。見積もりの件で急ぎとのこと。03-XXXX-XXXX」 これをチャットに書けば、社長は外出先でも見られます。メモは消えません。「なんだっけ」もなくなります。 「でも社長、スマホ見ないんだよな…」という場合は、まず社長に「スマホを見る習慣」をつけるところからです。 LINEでお孫さんの写真は見てるはずなので、たぶんできます。症状②：ファイル名が「最終」のインフレを起こしているよくある光景： 共有フォルダを開く。並んでいるファイ

ココナラ様で霊感霊視のスキルアッププログラムを販売するのは 規約違反じゃなかったっけ…？？ サイトまだ使いこなせるようになってないって申し上げているのですが… 何ていうか… やりたい放題の人を他にも見つけた… 先生のいうとおりだ… 学校大好き… … … (^_^;)　おい嘘つき ( *´ω`*)　何ですかコーチ (^_^;)　少しはやる気出せ ( *´ω`*)　出ないですコーチ (^_^;)　じゃ何で御前こんなところにいるんだ ( *´ω`*) 誰かの助けにはなりたいなぁと思っています… 御客様全然増えなくてイラついているみたいだから 誰かサービス買ってあげて… 何がいいたいかよくわからないけど… この方リアルワールドでコンサル頼んだら 帯どころかブロッククラスのはずなんですよ… 何で御小遣い程度で占いサービス販売しているのかわからないですけど…

Web制作をしていると、必ずと言っていいほど出てくるwidth と max-width。どちらも「横幅」を指定するプロパティですが、実は使いどころと役割がまったく違います。この記事では、「結局どう違うの？」「どっちを使えばいいの？」という疑問を、初心者にもわかるように解説します。widthとは？width は、その要素の「横幅を固定で指定する」プロパティです。指定した数値は、基本的に画面サイズに関係なく常に適用されます。たとえば「widthを600pxにする」と決めた場合、PCでもスマホでも、その要素は600pxの幅を持とうとします。その結果どうなるかというと、画面が広いPCでは問題なし画面が狭いスマホでは横にはみ出す横スクロールが発生することがあるという状態になりやすいです。つまり widthは「固定サイズ」 だと考えるとわかりやすいです。max-widthとは？一方で max-width は「横幅の最大値だけを決める」プロパティです。重要なのは、最大はここまででも画面が狭ければ、それに合わせて縮むという点です。たとえば「max-widthを600pxにする」と指定した場合、画面が600px以上 → 最大600pxまで画面が600px未満 → 画面サイズに合わせて縮小します。つまり max-widthは「上限を決めるだけ」 の指定です。widthとmax-widthの決定的な違い一番大きな違いは、レスポンシブ対応かどうかです。width→ サイズを固定する→ スマホ対応には不向きmax-width→ 画面サイズに応じて柔軟に変わる→ レスポンシブと相性がいい現代のWebサイト

「お店の集客って、もうホームページ-SEOやSNSだけじゃダメなの？」そんな疑問を持っている方に、今いちばん大事な話をします。結論から言うと、👉 これからの店舗集客は「MEO（Googleマップ対策）」が最重要です。しかも、「そのうちやろう」では遅くなります。なぜ今、MEOがここまで重要なのか？最近、Googleが生成AI（Geminiなど）とGoogleマップを直接つなぐ仕組みを発表しました。これが何を意味するかというと…これからは👇「近くで評判のいい整体院は？」「今すぐ行けるおすすめの美容室は？」「この条件に合うお店を教えて」こういった質問を人が検索する前に、AIが代わりに答える時代になります。そして、そのときAIが参考にするのが「Googleマップの情報（Googleビジネスプロフィール）」です。ホームページやSNSより優先して情報を得るのが「Googleマップの情報（Googleビジネスプロフィール）」AIは感覚でお店を選びません。✔ 店舗情報がきちんと埋まっているか✔ 口コミはあるか、評価はどうか✔ 写真や投稿は更新されているかこうしたGoogleビジネスプロフィールの情報を見て、ユーザーへ「この店をおすすめするかどうか」を判断します。つまり…👉 MEOが弱いお店は、AIの候補にすら出てこなくなる👉 人にもAIにも「存在しない店」扱いされる可能性があるということです。「SEOよりMEO」が現実になりつつある理由正直に言うと…SEO（ブログ・検索対策）は→ 難しい・時間がかかる・競争が激しいMEO（Googleマップ対策）は→ 初心者でもできる・地域密着で結果が出やすい

初めてホームページ制作を検討する経営者の方にとって、最初の悩みは「誰に頼むべきか、それとも自分で作るべきか」という選択です。制作会社・フリーランス・自作、それぞれに費用やメリット・デメリットがあり、目的や予算によって最適な方法は異なります。ここでは、ホームページ制作の3つの方法を徹底比較し、初心者でも失敗しない選び方を解説します。制作会社に依頼する場合制作会社にホームページ制作を依頼すると、企画・デザイン・コーディング・SEO対策・運用サポートまで一括で任せられます。メリット・専門チームによる高品質なデザインと安定した制作進行・SEOやスマホ対応、セキュリティ対策まで一貫して対応・納品後の保守や運用も依頼可能デメリット・費用が高め（相場：30万円〜150万円以上）・スケジュールが会社都合になることがある・修正や追加が有料になる場合が多い制作会社は「ブランドイメージを重視したい」「高品質な企業サイトを作りたい」場合に向いています。フリーランスに依頼する場合フリーランスのWebデザイナーやコーダーにホームページ制作を依頼する方法です。メリット・制作会社より費用が抑えられる（相場：10万円〜50万円程度）・柔軟な対応や直接のコミュニケーションが可能・デザインや機能面での融通が利きやすいデメリット・品質や納期が依頼する相手によって大きく異なる・サポート体制が制作会社より弱い場合がある・依頼できる作業範囲が限られることもあるフリーランスは「予算を抑えつつオリジナルデザインがほしい」場合や「小規模サイトの制作」におすすめです。自作でホームページを作る場合WixやJimdo、WordPres

正規表現（せいきひょうげん）とは、文字列のパターンを表現するための書き方のことです。簡単に言うと、「このルールに当てはまる文字だけを探す・チェックする」ための仕組みです。プログラミングだけでなく、フォームの入力チェックや検索、データ整理など、さまざまな場面で使われています。正規表現が使われる身近な例正規表現は、実は私たちが普段使っているサービスの裏側でよく使われています。たとえば、メールアドレスの形式チェックパスワードが「英数字8文字以上」かどうかの判定電話番号が正しい形式かの確認特定の文字を含む文章を検索する不要な文字（記号や空白）をまとめて削除する「入力内容が正しいかどうか」を自動で判断したいときに、正規表現はほぼ必須です。なぜ正規表現が必要なの？もし正規表現がなかったら、「@ が含まれているか」「. があるか」「文字数はいくつか」といったチェックを、すべて一つひとつ if 文で書く必要があります。正規表現を使えば、これらを1行のルールでまとめて表現できるため、コードが短くなる判定が正確になる使い回しができるというメリットがあります。正規表現でできること正規表現を使うと、主に次のようなことができます。文字列が特定のルールに合っているか判定する条件に合う文字だけを検索・抽出する文字列を置き換える不要な文字を削除する特に「入力フォームのバリデーション（入力チェック）」では、ほぼ必ず登場します。正規表現のイメージ（ざっくり）正規表現は少し独特な記号を使います。例としてよくある考え方だけ紹介すると、「数字だけ」「英字だけ」「〇文字以上」「この記号を含む」といった条件を記号で組み合わ

ﾋﾛﾋﾟｰﾇのNoをYesにしてくれていた人は ヒロピンだ。 うらやましいのに練習しなかった。 音楽の仲間は練習すれば必ず見つかる。 才能があるのにバンドがいないなんてことはあり得ない。 何かの映画の影響で 初回からアドリブセッションしようとする人いるけど ２回目があるかどうかには気を配ったほうがいい。 目標ができると恥ずかしい思いをする だけど 恥をしることは美しいことだ。恥の何たるかをしる乙女は 必ず支配者の導きを得ることができる。 本当は泣きたいのに 泣いていい場所を見つけられない それが砂漠の国だ らくだに乗って進み 夜空の月だけが友達だ。 ヒロピンを🙊そうとするほど怒る人は 夢からさめてしまったじゃないかといって怒っている。 今何か聞こえたけど ダブルバインドばかりでハグしてあげなかったのは誰か という話もあるよ。 段々畑では泥水は上から下へと流れていく…

こんにちは、現場歴10年の業務改善エンジニア「ちょこすけ」です。 普段はCNC旋盤を回しながら、現場の「面倒くさい」をなくすツールを作っています。 今日は、製造業や建設業の現場で誰もが一度は感じる「スマホで見るExcel、使いにくすぎ問題」についてです。 現場でこんな「イライラ」、ありませんか？ 「在庫管理表をスマホで開いたら、文字が小さすぎて読めない」 「棚卸しの入力をしようとして、隣のセルをタップしてしまった」 「軍手やニトリル手袋をしていると、プルダウンが反応しない」 「間違えて大事な計算式を消してしまった…」 事務所のPCなら便利なExcelも、現場（スマホ）ではただのストレス要因に　なりがちですよね。 特に、「日報作成」「点検チェックリスト」「寸法の記録」「歩掛（ぶがかり）計算」など、現場でこそやりたい作業なのに、結局メモ帳に書いて事務所に戻って入力し直す…なんていう「二度手間」が　発生していませんか？ 解決策：「自分専用アプリ」に変えればいい そんな現場の悩みを解決するのが、私が作っている「業務効率化Webアプリ」です。 Excelやスプレッドシートの機能をそのままに、見た目だけを「現場仕様」に作り変えます。 【Webアプリ化のメリット】 ボタンがデカい： 手袋をしたままでも押し間違えません。 入力だけ： 必要な項目以外は表示しないので、誤操作ゼロ。 計算ミスなし： 裏側で自動計算するので、数値を入れるだけ。 インストール不要： URLを送るだけで、パートさんも職人さんも全員すぐ　使えます。 現場を知っているから、作れるものがある 私はプロのプログラマーではありませ

だけどヒロピンこんなに書いちゃって大丈夫なの？？ そもそも密教は支配者向けの宗教だから ある程度まで人間よりもお金が強いゾーンというのがある。 信用度０になってしまったとしてもしりたいことがあったから想定内といえば想定内。 まずひとつにはチャットでしか話したことのないある女性を探してる。 このひとからずるいことをするなといわれたのだけど ずるいといわれればﾋﾛﾋﾟﾝは何もかもずるいし ずるくないといえばずるくないし おまじない視点でこの女性がヒロピンに 言葉縛りをかけてきた理由がしりたいなと思って… あとはﾋﾛﾋﾟﾝは無限月読みたいな技が使えて 近くにいると周辺の視界がぐにゃぐにゃと歪んで見えるんだ。 ヒロピンもこの技が使えるみたいで 会社の同僚が こんな会社やめて小料理屋でも開けばいいでしょと。 (^_^;)　コリオリ力だね… (゜-゜)　やっぱりコンビニおでんだろうか… 他にも探し物があって ある霊能者の方がテレパシーくれたけど ﾋﾛﾋﾟﾝに怒られそうだから無視してたゴメン⤵⤵生活費が今の倍かかる国だからすぐにいけないので今度でいいか と思っていたら何か気持ち悪い音をテレパシーしてきたから返事してみた。 あとは蒸しパントラップコリオリ力の呪詛を掛けてくる人がいて… (^_^;)　… プラチナクラス波動がほしいとか… ﾋﾟﾋﾟｰﾋﾟﾋﾟｰ みっけ 🐯　みつかっちゃった次あんた鬼ね

またしゃべるなといわれた 確かに小学校時代のアダナは黴菌だった。 誰かとしゃべるどころか息をすることすら許されていなかった。 いつも下を向き 机に伏せておかなければ 後ろの席のやつに成績が下がったことの責任を押し付けられた。 短い休み時間は嘲笑とからかいと軽蔑に耐え 長い休み時間は孤独と暴力と緊張に耐えた。 同性にも異性にも味方はいなかった。多分小学校ってのは２年制なんだ。 大人になって久々に新しい友達ができたとき キミのその邪眼を貸してくれないか？？ とある人から頼まれた。 目何てどうせ使わないので その人にあげた 貸したつもりだったが なくしてしまったといわれた。 僕を助けてくれたのは箪笥の隙間から這い出てきたゴキブリだっただろう。 そしてそのとき誓ったはずだ 砂漠の国には川など流れないと。 怒りを我慢すると震える癖がでるようになった。 しかし何とかばれないように幼稚園を卒業した。 だから聞こえるのさ。 見ることだってできる。

個人事業主やフリーランス、小規模事業者として仕事をしていると、こんな瞬間はありませんか？これって人に聞くほどのことじゃない気がするでも一人で考えていると頭がぐるぐるする誰かに話せば整理できそうなのに、相手がいない同じ質問を何度も人にするのは気が引ける私自身も、「答えが欲しいわけじゃないけど、考えを整理したい」そんな場面が何度もありました。誰にも聞けない相談ほど、実は多い新しいサービス案、これで変じゃない？値段設定、高すぎないかな…この文章、伝わるかな？今のやり方、どこかズレてない？これらは正解・不正解がある相談ではありません。だからこそ、人に聞きづらい。でも実は、「一度言葉にして外に出す」だけで、答えが見えてくることも多いんですよね。そこで「壁打ち専用AI」という選択肢このAIチャットボットは、正解を押し付けない否定しない何度でも同じ相談をしてOKという “考えるための相手” として作っています。✔ まとまっていない話でも大丈夫✔ 愚痴っぽくなってもOK✔ 初歩的すぎる相談も歓迎人に話す前の 思考整理用の相手 だと思ってください。こんな方に向いています一人で仕事をしている頭の中が散らかりやすい誰かに相談する前に一度整理したい考えを言語化するのが苦手「相談＝解決」ではなく、「相談＝整理」 を求めている方に使ってほしいAIです。最後にこのAIは、「悩みを解決してくれる魔法のツール」ではありません。でも、一人で抱え込まないための相手考えを前に進めるための壁打ち相手にはなれると思っています。少しでも「これ、今の自分に必要かも」と感じたら、サービスページを覗いてみてください。

ホワイトハッカーとは、不正や犯罪目的ではなく、正当な目的でシステムの弱点（脆弱性）を見つけ、改善に役立てる技術者のことです。一言でいうと、「守るために攻めるエンジニア」 です。企業や個人が使っているWebサイトやシステムは、常にサイバー攻撃のリスクにさらされています。ホワイトハッカーは、実際の攻撃者と同じ視点・技術を使ってシステムをチェックし、被害が起きる前に問題を見つけてくれる存在です。なぜ「ハッカー＝悪い人」ではないのか？「ハッカー」と聞くと、・不正アクセス・情報漏えい・ウイルス作成といった、悪いイメージを持つ人も多いと思います。しかし本来のハッカーは、「コンピュータや技術に非常に詳しい人」という意味で、善悪は含まれていません。目的によって、次のように呼び分けられます。ホワイトハッカーとブラックハッカーの違いホワイトハッカー正規の許可を得て調査するセキュリティ向上が目的脆弱性を報告し、修正を支援する法律を守って活動するブラックハッカー無断で侵入する金銭目的や嫌がらせが目的情報を盗む・改ざんする違法行為同じ「ハッカー」でも、目的と立場が真逆です。ホワイトハッカーは何をしているの？ホワイトハッカーの主な仕事は、次のようなものです。Webサイトやアプリの脆弱性チェック不正ログインや情報漏えいのリスク調査パスワード管理や認証の安全性確認攻撃を想定したテスト（ペネトレーションテスト）セキュリティ対策の提案・改善「本当に攻撃されたらどうなるか？」を事前に検証し、事故が起きる前に防ぐのが大きな役割です。なぜ今、ホワイトハッカーが重要なのか近年、次のような問題が増えています。個人情報の大量

お問い合わせフォームの不具合って、クライアントから連絡が来た瞬間に少しドキッとしてしまいますよね。「どこが原因なんだろう…私が何か間違えたのかな？」と不安になるのは、デザイナーさんなら誰でも経験するものです。でも実は、フォームのトラブルは“制作側だけの問題”とは限りません。受信環境だったり、サーバー設定だったり、意外とデザイナーさんの手を離れる原因も多いんです。この記事では、フォームで起こりがちなトラブルを整理しながら、✅ まず何を確認すればいいか✅ どこからが自分の守備範囲なのかをやさしく解説していきます。1. フォームのトラブル連絡が来た瞬間の“あの焦り”（１）突然の「メールが届きません」お問い合わせフォームを設置した案件で、納品後しばらくしてクライアントから「問い合わせが届かないみたいです」とメッセージが来る。“どこが悪いんだろう…？” と頭が真っ白になってしまう、あの感覚は本当によくあります。↓↓↓焦る前に、まず深呼吸と自己テストを↓↓↓この知らせを受けた時にまずすべきことは、自分を責めることではなく、「すぐにできる初期テスト」です。深呼吸: 「これはよくあるトラブルだ」と心の中で唱える。自己送信テスト: クライアントと同じ環境を再現して、あなた自身がフォームからテスト送信してみましょう。もしあなたには届いたなら、問題はクライアント側の受信環境にあるとすぐに切り分けられます。（２）自分の作業に問題があったのではという不安デザインが中心の案件でも「フォームが動かない＝自分のせいかもしれない」と考えがちです。とくに、外部のフォームサービスや WordPress の Cont

脆弱性（ぜいじゃくせい）とは、**システムやソフトウェアに存在する「弱点」や「欠陥」**のことを指します。この弱点を悪意のある第三者に突かれると、不正アクセスや情報漏えい、システム停止などの被害につながる可能性があります。簡単に言うと、**「本来守られているはずの部分にできてしまったスキ」**が脆弱性です。脆弱性が問題になる理由脆弱性が放置されると、次のようなリスクがあります。個人情報や顧客情報が漏えいするWebサイトが改ざんされるサービスが停止し、業務に支障が出る信頼やブランドイメージが大きく損なわれる特に、予約システムやお問い合わせフォームなど、ユーザーが情報を入力する仕組みは狙われやすく、脆弱性対策がとても重要です。脆弱性が生まれる主な原因脆弱性は、次のような理由で発生します。プログラムの設計ミスや実装ミス入力チェック（バリデーション）が不十分古いソフトウェアやライブラリを使い続けているセキュリティ設定の不備「ちゃんと動いているから大丈夫」と思っていても、安全とは限らないのが脆弱性の怖いところです。よくある脆弱性の例代表的なものには、次のようなものがあります。不正な文字列を送り込まれてデータを盗まれるログイン制限がなく、総当たり攻撃を受ける本来見られない管理画面に誰でもアクセスできてしまうファイルのアップロード機能から不正なプログラムを置かれるこれらはすべて、「想定していない使われ方」をされた結果、問題になります。脆弱性への対策はどうすればいいか脆弱性を防ぐためには、次のような対策が重要です。入力内容を必ずチェックする（バリデーション）認証・認可を正しく実装するソフトウェ

じゃああんたは！！ 食物か恋人どっちかしか選べなかったらどっち選ぶのよ。 アタス？？ 食物… 恋人にあんた家に帰っていいから食物持ってきてっていう。 ｲﾗｲﾗｲﾗｲﾗ そういうことじゃなーい！！！！！！ ｺｺﾃﾞｷﾞﾀｰﾋｹﾙﾄｶﾘｽﾏﾘｮｸﾃﾞﾃｸﾙﾉﾖ　ｺｼｮｺｼｮ な、な、なるほど… 何そこ内緒話してるのよ！！！！！！ 旦那様～！！ ｱ､ﾆｹﾞﾀ… 恐らくこんな感じである。 アタスあんたのうちのメイドだったらよかったわね。 うるさいわね。 理想はこんな感じである。

【生息域移動】 昔インドネシアフローレス島に身長1m位の 凄く小さな人類が住んでた事がありました この人類はホモフローレシエンシスと言い 小説「指輪物語」のホビットの姿をしてて たぬかな氏の言うホビットよりも小柄です しかしこの種族は約5万年前に突然絶滅し その理由を研究した結果どうやら数千年も 続いた干ばつが大きな原因と解りこの時期 地球がどんな様子か判明してきました ホモ・フローレシエンシスとは身長約1mの 小柄な人類で石器を使い狩りをして生活し 遺跡はリアン・ブア洞窟でのみ発見されて 研究者達はその洞窟の中にある石筍を調べ 詳しい情報を得ました 石筍は洞窟の天井から落ちる水の中に含む ミネラルと言う石の元が積もり柱になって 天井からも水が落ち続け柱が出来お互いに くっついた物です その成分を調べると昔の気候は雨が多いか 少ないかが解りその結果約7万6000年前迄 今よりも湿度が高く雨が多い事が解り更に 7万6000〜6万1000年前では季節が変わると その温度差が今よりも大きかったのです これでも生物が多く暮らせる環境でしたが 6万1000〜5万年前から突然雨が減り始め 何千年も続く大干ばつに入りホビット達の 主な獲物のステゴドンと言う小型の像達が 水がなくなり生息域を変えました この時のホビット達の周辺地域は川が枯れ ステゴドンが滅び始めて食料確保できない ホビット達も困り始めてしまいそんな中で ステゴドンは生き残る為海岸を生息域にし 種族ごと大移動して行ったのです〓＝〓＝〓＝〓＝〓＝〓＝〓＝〓＝〓＝〓 【不運の連鎖】 ホビット達も食料確保でステゴドンを追い 暮らし慣れ

サーバーの話が出てくると「なんとなく苦手…」と感じるデザイナーさんは、とても多いんです。クライアントが送ってきた情報の仕分けに迷い、コーダーとの会話で用語が噛み合わず、気づけばプロジェクトが停滞してしまう──そんな場面を避けるために必要なのは、ほんの少しの“サーバーの基礎”。この章では、制作の流れをぐっとスムーズにするための最初の一歩を、やさしく整理していきます。1. デザイナーがサーバーでつまずく“典型的な現場シーン”クライアントから送られてくる情報が正しいのかどうか自信が持てないまま、とりあえずコーダーへ渡してしまう──。そして返ってくるのは「この情報は違います」「パスワードが合っていません」「それはFTPではなく管理画面のログインですね」という指摘の数々。分がミスをしたわけではないけれど、「私がちゃんと理解できていないから迷惑をかけているのかな…」と感じてしまう。でも実は、この“つまずき”は多くのデザイナーさんが経験している、ごく自然な現象です。（１）現場でよくある「サーバー情報が読めない」瞬間クライアントから届いたメールを開くと、サーバー情報らしき文字列が並んでいるのに、どれが何の情報なのか判断できないことがありますよね。「とりあえずコーダーさんに送れば分かるはず…」とそのまま転送すると、すぐに返信が返ってきます。「この情報は違います」「パスワードが合っていないようです」「これはFTPじゃなくて、WordPressのログイン情報ですね」こんな感じでコーダーとクライアントの間で連絡の繰り返しになるたび、「自分が正しく仕分けられていなかったんだ…」と不安が押し寄せてきます。

shadcn/ui（シャドシーエヌ・ユーアイ）とは、React（主にNext.js）向けのUIコンポーネント集です。ただし、一般的なUIライブラリとは少し考え方が違います。最大の特徴は、「コンポーネントをnpmで入れるのではなく、コードを自分のプロジェクトにコピーして使う」という点です。公式サイトでボタンやモーダルなどを選ぶと、そのまま使えるコードが表示され、それを自分のプロジェクトに追加して使います。一般的なUIライブラリとの違いよくあるUIライブラリ（MUI、Ant Design、Chakra UIなど）は、ライブラリをインストールする決められたデザイン・APIに従って使う内部の実装はブラックボックスという形が多いです。一方、shadcn/uiは、必要なコンポーネントだけを追加コードはすべて自分のプロジェクト内に存在デザインや挙動を自由に編集できるというスタイルです。つまり、「UIライブラリ」よりも「UIの設計図・テンプレート集」に近い存在です。shadcn/uiの特徴① コードを“所有”できるshadcn/uiで追加したコンポーネントは、すべて自分のプロジェクト内のファイルになります。そのため、クラス名を自由に変更できる処理を追加・削除できるデザインの微調整がしやすいといったメリットがあります。「ライブラリに振り回されないUI」を作れるのが大きな強みです。② Tailwind CSS前提の設計shadcn/uiは Tailwind CSS を前提に作られています。そのため、bg-backgroundtext-foregroundrounded-mdhover:bg-acc

「きれいにデザインしたのに、実装でつまずく…」その理由がわからず、モヤっとした経験はありませんか？実は、多くのトラブルは“複雑さに気づけなかったこと”が原因です。この記事では、負荷の高いデザインを早い段階で見抜き、実装トラブルを未然に防ぐための視点をわかりやすくまとめました。1. なぜ「実装負荷の高いデザイン」が生まれてしまうの？参考サイトを再現しようとこだわって作ったのに、公開後に「動きが違う」「崩れている」と指摘される…。そんな苦い経験はありませんか？原因は、デザイナーさんの“感覚”とコーダーが必要とする“仕様”が噛み合っていないことです。この章では、そのズレが生まれる理由と、実装負荷の高いデザインを未然に防ぐ視点を整理します。（１）共有した“つもり”の動きが、実装でズレてしまうデザインが完成し、クライアントと「この参考サイトみたいに動かしたいですね」と盛り上がった直後。あなたは参考サイトのURLをコーダーに渡し、必要な素材も揃えて、内心こう思っていたはずです。――「これだけ情報が揃っていれば、あとは実装してもらえるはず」ところが、納品直前になってクライアントから届く言葉は、どこか冷たいものです。「動きが参考サイトと違います」「イメージしていたより重いですね…」「画面幅を変えると途中で崩れてしまっています」デザイナーさんとしては「参考サイトの動きを共有したのだから大きくズレることはない」と信じていた。しかし、実際には“感覚的にわかっている動き”と“実装のための仕様”は、まったく別物なのです。（２）“参考サイトがあれば伝わる”という誤解参考サイトを提示すること自体は問題ではあ

1. 2026年に実施されたGmailのPOPサポート終了2026年1月、GoogleはGmailの「他アカウントのメールをPOP経由で受信する機能」のサポートを終了しました。この変更により、多くのユーザーがメール環境の見直しを迫られました。本記事では、この仕様変更を振り返りながら、メール受信の仕組みの違いと、Google Apps Script（GAS）を使ったメール管理の実践例を解説します。2. 何が変わったの影響を受けたのは「POP受信機能」終了したのは、Gmailで他のメールアドレス（独自ドメインや他社プロバイダ）をPOP方式で取り込む機能です。複数のメールアカウントをGmail画面で集約していたユーザーが影響を受けました。Googleの方針転換この変更は、Googleがメール接続の標準をサーバー同期型に統一する方針を明確にしたものです。3. POPとサーバー同期型の違いPOPとは：ローカル保存型メールをサーバーから端末に「ダウンロード」する仕組み。- メリット：オフラインで閲覧可能- デメリット：複数端末で同期できない、端末故障でデータ消失リスクサーバー同期型とは：クラウド管理型メールをサーバー上に保存し、各端末から「参照」する仕組み。- メリット：全端末で同期、端末変更してもデータ安全- デメリット：基本的にオンライン接続が必要なぜサーバー同期型が主流に？スマホ・PC・タブレットで同じメールを確認したいニーズが一般化したため、サーバー上で一元管理する方式が現代の働き方に適しています。4. サーバー同期型への移行方法ステップ1：Gmail側で有効化1. Gmail設定

「納品したあとに、細かい修正がどんどん届く…」そんなストレスを感じたことはありませんか？実は、多くのトラブルはスキル不足ではなく、“確認の型”がないことが原因です。この記事では、納品直後のクレームや手戻りをぐっと減らすための、再現性のあるチェック方法をわかりやすく紹介します。1. 納品直後のトラブルはなぜ起きるのかカンプ上ではぴったり揃っていたボタンの配置が、ブラウザで確認すると少しずれている、あるいは文字の改行が想定と違う、そんな細かいズレが積み重なってクレームにつながることがあります。また、画像やリンクの差し替え漏れもありがちなトラブルです。クライアントから提供された最新の画像がデザインには反映されていると思っていたのに、実際の納品データには古い画像が残っていたり、問い合わせフォームやサンクスページのリンクが最新情報になっていなかったり。これもまた、納品直後のトラブルの原因になります。さらに、レスポンシブ表示やブラウザ互換性の確認不足も問題です。スマホで確認したら文字がはみ出している、タブレットでボタンが重なってしまう、といった現象が起きることがあります。こうしたトラブルは、単純なミスというよりも、作業プロセス全体の情報共有不足や確認手順の欠如が表面化したものです。経験や勘だけに頼っていると、このような小さなズレは見落とされやすく、納品後に初めて問題が発覚することになります。つまり、納品直後のトラブルは「個別の失敗」ではなく、プロジェクト全体の構造的な問題が背景にあるのです。2.“チェックの型”を作るメリットでは、どうすればこのようなトラブルを減らせるのでしょうか。単に「注