Webフロントエンド入門
まずはじめに HTML、CSS、JSを学んだ後にモダンなweb制作を行う上でこれから何を学べばいいだろうと手探り状態だった過去があるので、今同じ悩みを抱えている方に向けてこの記事を書こうと思いました。また、自分自身が2023年に多くのことを学んだのでそれの整理になればという思いもあります。 あと、いいね、コメントいただけると記事作成の励みになります😇 この記事の対象者 HTML, CSS, JSはある程度理解した モダンなWeb制作を行いたい これから学ぶべき技術 React, Next.js 一度は聞いたことある人も多いと思います。これは、Webサイトを効率的に開発することを目的に作られたJSのフレームワーク(正確にいうとReactはライブラリ)です。 ReactはFacebook社が開発したもので、それをVercel社がより使いやすくしたものがNext.jsです。 作成するものによっ
ブラウザでリロードしながらキャッシュの挙動を確認してる全ての開発者へ | blog.jxck.io
Intro こういうタイトルを付けるのはあまり好きではないが、あえてこのようにした。 「ブラウザでキャッシュがヒットしない」 以下は、 Web における Caching の FAQ だ。 サーバで Cache-Control を付与したのにキャッシュがヒットしない サーバで ETag を付与したのに If-None-Match が送られない サーバで Last-Modified-Since を付与したのに If-Modified-Since が送られない 先日も、筆者が書いた MDN の Cache セクションで「記述が間違っているのでは?」と同様の質問を受けた。 Issue about the Age response header and the term "Reload" · Issue #29294 · mdn/content https://github.com/mdn/cont
二十一世紀の日本の首都に於ける超高層ビルの林立はその国の凋落を予言しているように思えてならない｜些事にこだわり｜蓮實 重彦｜webちくま
蓮實重彥さんの連載時評「些事にこだわり」第15回を「ちくま」9月号より転載します。延々とつづく渋谷駅周辺の再開発。東横線の地下化はじめ誰も便利になったとは思っていないはずの一連の大工事は都市再開発法によると「公共の福祉に寄与することを目的とする」そうなのだが、本当に？ との疑問についてお話しさせていただきます。 避けようもない暑い日ざしを顔一面に受けとめながら、タワーレコードの渋谷店で購入した海外の雑誌を手にしてスクランブル交差点にさしかかると、すんでの所で信号が赤となってしまう。階段を降りて地下の通路に向かう方法もあるにはあったが、年齢故の足元のおぼつかなさから灼熱の地上に立ったまま青信号を待つことにしていると、いきなり、かたわらから、女性の声がフランス語で響いてくる。ふと視線を向けると、「そう、シブーヤは素晴らしい」と「ウ」の部分をアクセントで強調しながら、スマホを顎のあたりにあてた外
[解説]「Windowsの設定がフランス語だとゲームが起動しない」開発者がXで公開した小数点表記に関するバグの詳細をレポート
[解説]「Windowsの設定がフランス語だとゲームが起動しない」開発者がXで公開した小数点表記に関するバグの詳細をレポート by せきやdn · 公開済み 2023年8月12日 · 更新済み 2023年8月17日 [UPDATE 2023/08/17] TryParse()系の例外をキャッチして処理するコードを省略していましたが、表記があったほうがいいというコメントをいただいたため、追記を行いました。 ゲーム開発を含むプログラミングにおいては、意外なところに落とし穴がたくさんあります。今回紹介するのは「フランス語のローカライズ対応における小数点問題」です。 発端となったポスト 今回の記事は、筆者（せきやdn）がX（旧Twitter）にポストした次のツイートが発端です。 今回の「ファミレスを享受せよ」 Windowsがフランス語だと立ち上がらない不具合。 お恥ずかしい話なのですが、 同じミ
![[解説]「Windowsの設定がフランス語だとゲームが起動しない」開発者がXで公開した小数点表記に関するバグの詳細をレポート](https://cdn-ak-scissors.b.st-hatena.com/image/square/ed4f603f189fc2193777337a58cb12924a39580e/height=288;version=1;width=512/https%3A%2F%2Findiegamesjp.dev%2Fwp-content%2Fuploads%2F2023%2F08%2FfloatParse.png)
ChatGPT開発元のOpenAIが推奨！期待通りの回答を得るプロンプトのコツ10選
チャットGPTから期待する回答結果を引き出すには、質問となるプロンプトの内容や入力方法に工夫が必要です。この記事では、チャットGPTを開発しているOpenAIが推奨する質問のテクニックから、重要なものを「10選」としてまとめて紹介します。 OpenAIが推奨する質問方法を参考にしよう ChatGPTに質問したところ「期待していた回答ではない」と思ったことはありませんか？質問の仕方を変えることで、求めていた回答を得られやすくなります。 この記事では、ChatGPTの開発元であるOpenAIが推奨する質問方法「GPT best practice」（GPTベストプラクティス）に基づき、期待通りの回答を得るために重要な質問のテクニックを「10選」としてまとめて紹介します。 GPT best practices（英文） 1．明確な指示を含めて質問する 求めた回答の精度を高めるには、プロンプトに詳細情
コンピュータ基礎講座 第1回
第1世代は真空管、第2世代はトランジスタ、第3世代はIC、第4世代はLSIとなります。ちなみに第5世代プロジェクトは並列推論マシンの開発を目指しました。 世界初のコンピュータ（電子計算機）は1942（昭和17）年、アメリカ・アイオワ州立大学で開発されたABCですが、これは実用機ではありませんでした。続いて1943（昭和18）年、イギリスで開発された暗号解読用のコロッサス。実用第1号として有名なのは1946（昭和21）年に弾道計算用として開発されたエニアックです。1万8800本の真空管を使用し、重さ30トン、面積は165平方メートル（50坪）あり、これまでの計算機で24時間かかっていた計算を30秒でできるというものでした。 日本では1956（昭和31）年にレンズ設計用として富士写真フィルムの「FUJIC」が開発されていますが、電子計算機の先駆けともいえる国産初のリレー式計算機を1953（昭和
『奇跡のフォント 教科書が読めない子どもを知って ーUDデジタル教科書体 開発物語』書体デザイナー、渾身のドキュメント！ - HONZ
『奇跡のフォント 教科書が読めない子どもを知って ーUDデジタル教科書体 開発物語』書体デザイナー、渾身のドキュメント！ 「ディスレクシア（発達性読み書き障害）」という障害があることを知ったのは、ほんの数年前のことだ。トム・クルーズがこの学習障害で、台本を読むことが出来ず、マネージャーに読んでもらって暗記する、と聞いたときには、そんなことがあるのかと驚いた。 文字をすばやく、正しく、疲れずに読むことに困難のある人を言い、そのメカニズムは完全に解明されていないという。 この障害は日本人にも多く、日本語話者の5～８％存在するという報告がされているという。知能レベルや知識の欠如に問題はなくても、会話を文字にすることや文字を読み上げることに大きな苦労を強いられるため、「やる気のない子」「読書が嫌いな子」などのレッテルを貼られがちだ。 さらに文字を読むことが困難な人には、発達障害やダウン症、色覚異
自社開発メガベンチャーをわずか半年で鬱退職した雑魚エンジニアの話｜JoanOfArc
はじめに 当記事を開いてくださりありがとうございます。私は表題の通り、私は一般にメガベンチャーと呼ばれる自社開発企業で機械学習エンジニアとして勤務しはじめてからわずか半年で、鬱を発症し退職することになったものです。この会社は待遇も良く、社風としても労働者思いのとても素晴らしい会社であったと私自身振り返って思います。 そんな会社に運よく入社することができた私ですが、わずか半年で「鬱状態」と心療内科から診断を受け休職し、会社制度により退職することになりました。「え？そんなに素晴らしい環境なのにメンタル弱すぎでは？」と思われる方もいらっしゃることでしょう。返す言葉が全くありません。おっしゃる通りです。 しかし同時に、「何故鬱になったの？」と思われる方もいらっしゃるのではないでしょうか。本記事ではこの点について鬱を発症した本人の目線から「どうしてそんなことが起きてしまったのか」という点について考察
文章からマインドマップを自動生成「マインドマップAI」 ChatGPTで構築
テーマや文章を入力するだけで、マインドマップを自動生成できるサービス「マインドマップAI」を、個人開発者の矢野さとるさんが4月11日に公開した。ChatGPTを活用したサービスだ。 マインドマップは、情報やアイデアを視覚的にまとめる手法。中心になるキーワードから枝分かれさせながら、キーワードを整理していく。 「マインドマップAI」にテーマと文章を入力すると、AIが内容を要約し、キーワードをピックアップしてマインドマップ化する。また、テーマだけ入力してマインドマップを自動生成することも可能。 生成したマインドマップは、画像（PNG）またはfreemind形式（.mm）でダウンロードできる。 関連記事 指定したテーマで、ChatGPTが自動作文「AI作文くん」 学生から社会人に対応 テーマや文字数を指定するだけで、それに合った作文をChatGPTで自動生成できるサービス「AI作文くん」が登場。
ソシャゲ運営を8年やって感じた、良いところと悪いところ - 音速きなこおはぎ
ポエムです。筆者はプランナーおよびプログラマーとして、いわゆるソシャゲの運営を8年ほど務めてきました。過去を振り返って、ぶっちゃけ話をつらつらと書いていきます。 現実はこんなに若くないけど TL; DR 「運営」の良いところは何よりも「失敗できること」。ゲームづくりは試行回数が命。 一方、「ソシャゲ」に目を向けると、今後はゆるく滅びていくしかないだろうなあと思ってしまう。法外な課金体系についても思うところがないといえば嘘になる。 AI の出現やらでビジネスモデルもクリエイティブも大きく変化が予想される中で、今までの成功論からは離れて、もっと危機感を抱いて次の時代を作らなければ生き残れないだろう。 おことわり 内容はすべて筆者の個人的意見であり、責任はすべて筆者に帰属し、所属する組織団体の意向とは一切関係がありません。 それと、一部経営層への批判と捉えられる文章があるかもしれませんが、それら
【ChatGPT】個人的お気に入りプロンプトまとめ
あなたは、プロの【その分野の専門家】です。 以下の制約条件と入力文をもとに、【出力内容】を出力してください。 # 制約条件： 【前提条件や決まりごと】 # 入力文： 【期待する出力結果や大まかな指示】 あなたは、プロのエンジニアです。 以下の制約条件と入力文をもとに、ブログ記事の内容を出力してください。 # 制約条件： ・重要なキーワードを取り残さない。 ・文字数は30000文字程度 # 入力文： Swaggerについて技術ブログに投稿する文章を書いてください。 構成は、Swaggerとは？、Swaggerのユースケース、Swaggerのメリットとデメリット、Swaggerの書き方（YAMLファイル）、Swaggerの実行方法、まとめです。 構成間で重複した説明は省くようにしてください。 読者がブログを読みながらSwaggerを触れるようにハンズオン形式などを取り入れて文章を作ってください
「自動ムービー編集」「ゲーム開発」「文章校正」「論文要約」などGPT-4がわずか3週間で生み出した14の画期的ツール
OpenAIが2023年3月14日に正式発表した「GPT-4」は、ChatGPTなどに用いられたGPT-3.5の性能をさらに超え、「初代iPhone登場時と同等の衝撃を与える存在」と評されています。すさまじい性能を有するGPT-4がどのような影響を生み出しているのか、AIに関するマーケティングの専門家であるサム・ウッズ氏が「生後わずか3週間のGPT-4が作成した14の素晴らしいもの」としてまとめています。 GPT-4 is barely 3 weeks old. It has already made significant contributions to various fields. Here are the 14 incredible things created with GPT-4.— Sam Woods (@samuelwoods_) GPT-4では、テキストだけでなく画像を
GPT-4以降，英語が最強のプログラミング言語になりつつある状況をまじめに考えてみる．｜落合陽一
落合陽一が下記のように述べていました．step-by-stepで文章の意味を解釈し，足りない言葉を文脈から保管し，わかりやすく具体的な言葉で説明した後，日本語の研究者にわかりやすいように，語順を入れ替えたり，単語を具体的なものや抽象的なもの，専門用語や非専門用語で置き換え，ブレインストーミングし，段落を並び替えて，わかりやすい文章を作成してください．文章は１０００字で出力してください．最終結果だけ出力してください． タイトル：GPT-4以降、英語が最強のプログラミング言語になりつつある状況を真剣に考えてみるこれからの時代、英語がプログラミング言語としての地位を確立し、最強のプログラミング言語となる可能性があるということを真剣に考えるべきだ。その理由として、以下の点から説明していく。 https://cdn.openai.com/papers/gpt-4.pdfまず、GPT-4の登場によって
VSCodeにChatGPTの拡張機能を入れてコードレビューやバグを発見してもらう - Qiita
ChatGPTとは？ OpenAIが開発するGPT-3という言語モデルをベースとした(執筆当時)チャットアプリです。 こちらの質問に対して、AIが色々な質問に答えてくれて、一般的な内容だけではなく、コードレビューやバグなども発見してくれるめっちゃ凄いやつです。 細かい内容は以下の記事がとても参考となります。 筆者の関連記事 VSCodeと連携して、ブラウザを開かなくてもChatGPTを使用できるようにする 通常はブラウザを開いて使用するのですが、コーディング中にサクッとレビューしてもらったり、バグを見つけてもらえるような拡張機能があったので、そちらの設定方法について記述してみます。 今回インストールする拡張機能 使用までの手順 環境 PC: MacBook Pro (Apple M2) OS: macOS Ventura 13.1 VSCode: v1.74.3 OpenAIの価格について
「VSCode」での開発をよりスムーズに！基本的で役に立つ拡張機能を解説
はじめに Microsoftの提供するVisual Studio Code（VSCode）は、2015年の最初のリリースから、今では開発用エディタの定番の座を占めるまでになりました。これには、無償で使えることも大きいですが、何よりエディタとしての使いやすさ、そしてさまざまな拡張機能によっていくらでも使い勝手を向上させたり、利用の領域を拡げられるということも大きいでしょう。本連載では、このVSCodeにフォーカスし、基本的な使い方から拡張機能の活用、そして本格的な開発現場での利用を想定した高度な機能までを紹介していくことで、読者がVSCodeマスターになるお手伝いをします。 対象読者 テキストエディタメインで開発してきた方 Visual Studioより軽い環境が欲しいと考えている方 Visual Sudio Codeをもっと使いこなしたい方 必要な環境 本記事の内容は、以下の環境で動作を確
技術顧問との1on1で見積もりには3種類あることを教えてもらった - Qiita
はじめに 本記事はモチベーションクラウドシリーズ Advent Calendar 2022の17日目になります。 自分は外部の技術顧問の方に月に一回のペースで1on1する機会をもらっています。 今回はその中で話したことを共有します。 ※公開するにあたって分かりやすさを重視して脚色しています。 見積もりに対する課題感 ぼく「約束は開発を遅らせるという記事を最近読んだのですが、その通りだと思ったのですよね。」 さて、チームの外に対して約束するために「この機能1ヶ月で出せるよね？」とプロダクトの人やマネージャーに聞かれたら。これは返事に悩む。「ラフで構わないから」って言われて伝えたら、それがコミットメントになってしまったのを過去に何度も見たことがある 約束してはいけないと言いたいわけではない。約束が必要な場合がほとんどだと思う。ただ、その約束は開発を遅くするんだなぁ。だから、約束せずに気楽に開発
DeepMindのAI｢AlphaCode｣が人間のプログラマーと互角になってきた
DeepMindのAI｢AlphaCode｣が人間のプログラマーと互角になってきた2022.12.23 20:0020,014 Mack DeGeurin - Gizmodo US ［原文］ （ 禿頭帽子屋/Word Connection JAPAN ） 人工知能（AI）に秘められた能力の段階的な発達をたどるという話になると、なぜかチェスや囲碁といった昔ながらのボードゲームが持ち出されがちです。その例は挙げればきりがないほどで、つい最近にも、戦略ゲーム｢ディプロマシー｣をプレイできるAIが話題になりました。しかし、こうした事例で示されるのは、あくまでもAIが現実世界の問題を解く能力の範囲に限られます。 これよりずっといい｢力試し｣になりそうなのが、AIと人間をプログラミングのコンテストで競わせることです。Alphabet傘下のDeepMindが保有するAIモデルAlphaCodeが、実際に
受託開発企業で一年働いてみて感じたこと - Qiita
はじめに 都内でWEBエンジニアとして働いているまさきちといいます。 受託開発企業に勤める中で経験したこと感じた事を語りたいと思います。 目次 この記事の対象読者 受託開発企業で働く中で感じたこと 複数案件を掛け持つのが当たり前 フロント、バック、インフラ全てこなせる必要あり ハードワークのため、体調やメンタルを壊してしまう人も クライアントワークが主なのでお客様の対応で消耗しがち 商流が深くなると厳しい環境になりがち テストコードや設計にかける時間が少なくなりがち 夜遅くまで残って仕事をしている人が多く、人生について考えさせられる。 技術力や知識よりも顧客折衷や、マネジメント力が評価されがち 効率重視なので技術が固定化されやすい 終わりに この記事の対象読者 WEB系エンジニアを目指そうと思っている方 受託開発企業の働き方について知りたい方 同じ受託開発企業に勤めていらっしゃる方 受託開
簿記3級の独学と復習に！簿記3級を無料で勉強できるサイト5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
簿記検定を受験した皆さん、お疲れ様でした。しどうです。 私は事務と経理の人であるにもかかわらず、経理の経験はゼロ、知識もゼロです。こりゃ大変！ ということで安直ながらとりあえず勉強して簿記検定をとってみようと思いました。 「教科書・参考書は1冊をやり込め！」 とは勉強の世界でよく言われることではありますが、そうは言っても肌に合わないことがあったり、別角度からみたらストンと腹落ちしたりすることってありますよね。 私が使っていた教材以外に、独学のために参考にしたサイトをご紹介します。簿記3級の勉強には、無料学習サイトが充実してます！ 使うっきゃない。 サイトではきゅきゅっとまとめて記載がされているので、最終確認や直前の見直しにも最適です。 ただ、私みたいな完全ゼロベースな方は最初はまとまった教材を使って、ある程度分かってきてからサイトを使うのが良いかと思います。 それではさっそく見て行きましょ
【初心者向け】ChatGPTとは何か アカウント作成から使い方まで解説！
ChatGPT とは ChatGPT とは、OpenAIが開発したGPT-3という大規模な言語モデルを組み込んだチャットアプリケーション、サービスです。ChatGPTのモデルは、日本語や英語などの文章を入力として受け取り、人間が生成するような自然な文章が生成されるようにトレーニングされています。 2022年12月3日現在は、無料でChatGPTを利用できます。 ※OpenAIとは、人工知能の研究開発を行う非営利団体。OpenAIは本記事で紹介している「ChatGPT」以外にも「GPT-3」や「DALL-E 2」などのAIモデルも開発しています。 参考記事：【初心者向け】GPT-3（Generative Pre-trained Transformer 3）とは ChatGPT で何ができるのか ChatGPTでは、人間が入力した自然言語を理解し、それに応じた回答ができます。 例えば、「AIと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
