16歳の高校生がIT企業のエンジニアになった話 - Qiita
はじめに 初めまして。Raioです🙌 学生をしながら、放課後や休日はIT企業のエンジニアとしてアルバイトしています。 僕がエンジニアになるまでの過程を書いてみました。 技術書を無料で読む方法 技術書って高いですよね。一冊あたり2~3000円ぐらいします。 KindleUnlimitedを使えば、3ヶ月無料で技術書を読むことが出来ます。 ↓画像をクリックすると、Amazonに画面遷移します↓ 技術書以外にも、ビジネス書や漫画も無料で読むことが可能です。 ご興味ある方は是非、一度使ってみてください🙌 プログラミングを始めたきっかけ スマホの仕組みが気になった 僕はシステム開発にハマる前までは、ガジェットに興味があった。 四六時中、ガジェットについて調べていた。 ある日、ふと「スマホの仕組みってどうなってるのだろう」という疑問が頭の中に浮かんだ。 気になることはすぐ調べる性格なので、スマホを
webサイトに演出を着せる際に個人的に気をつけたい事項 - Qiita
こんにちは。CSSやJSでwebサイトの演出デモやスニペットを作るのが趣味の者です。 自己紹介用自己満サイト↓ https://kobito.zombie.jp/ 筆者自身は、いわゆる動きのあるサイトが好きで、魅力的な演出を表現しているサイトを見て回ったり気に入った演出を再現するために朝までデモを作ったりしています。が、サイトの演出がうざいという感情を持つこともあります。 自分が作るモノに関しては、できるだけサイトの演出が与えるネガティブな印象を削りたいと思うものです。よって以下は、webサイトに演出を着せる際に筆者個人が心がけようとしている指標たちという主観的箇条書きになります。 そもそもwebサイトの演出は悪なのか？ いきなり否定から入りますが、個人的には「No」です。 webサイトを、演出込みで1コンテンツとして完成させている成果物は多く存在します。 ではなぜwebサイトの演出に対す
ゲーム感覚でプログラミング学べるサービス集 - Qiita
はじめに 今回はゲーム感覚でプログラミングを学べるサービスを紹介します。 ゲームを通して学んだ知識をアウトプットできるサービス集を厳選したので、ぜひ学んだ知識を「使える技術」として自分のものにしていただければと思います。 この記事の主な対象者 プログラミング初心者~中級者 基礎文法は学んだけどアウトプットができていない人 フロントエンジニアを目指してる人 楽しみながらプログラミングを学びたい人 ぷよぷよプログラミング まずはじめに紹介するのは、SNSでも話題になった、ぷよぷよを開発しながらプログラミングを学ぶことができる「ぷよぷよプログラミング」です。 ぷよぷよプログラミングでは、人気ゲームぷよぷよを開発しながらHTMLやCSSやJavaScriptといったプログラミングをしていく中で基礎となる技術を学ぶことができます。 実際にアプリ開発をしながら学べるので、インプットとアウトプットが同時
Bard に WordPress のプラグインを書いてもらってみた - Qiita
Google Bard が使えるようになったので、 ChatGPT にやってもらった同じ内容を投げてみた 前回 ChatGPT に WordPress のプラグインを作ってとお願いしてやってみました。 今回 Bard が使えるようになったので、まったく同じ質問でプラグインを作ってもらってみました。 以下、実際のやり取り WordPress のプラグインを新規作成する際のテンプレートのコードを書いてくれませんか。 はい、WordPress プラグインの新規作成のテンプレートコードは次のとおりです。 <?php /** * Plugin Name: Your Plugin Name * Description: A short description of your plugin. * Version: 1.0.0 * Author: Your Name * Author URI: https
コマンドラインでの作業効率が上がる！CLIツール20選 - Qiita
はじめに 開発者として働き始めてよく見るようになった黒い画面... コマンドライン... 使い方はなんとなくわかってきたけどもう少し便利に使いたいと思っている方も多いのではないでしょうか。 この記事では、コマンドラインでの作業効率を上げるCLIツールをたくさん紹介していきます。マスターすれば、作業効率が爆上がりすること間違いなしです。 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 そもそもCLIツールとは？ CLI(CUI) コマンドラインインターフェース（キャラクターユーザーインターフェース）の略です。 文字列（コマンド）を入力してコンピュータと指令を送る方法です。Macであればターミナル、Windowsであればコマ
ChatGPTで独自データを学習させて回答してもらう方法 - Qiita
ChatGPT,使っていますか？ ChatGPTは文章を要約したり、プログラム作ってくれたり、一緒にブレストしてくれたりして本当に便利なのですが、社内情報などの独自データに関する情報については回答してくれません。 プロンプトに情報を記述して、そこに書かれている情報から回答してもらう方法もありますが、最大トークン4000の壁がありますので、限界があるかと思います。 この課題についてなんとかならないかと考えて色々と調べて見たところ、解決する方法が見つかり、いろいろと検証をして見ましたのでその結果をシェアしたいと思います。 サンプルコード（GoogleColab） 百聞は一見にしかずということで、実際に試したサンプルは以下にありますので、まずは動かしてみることをお勧めします。 このコードを上から順番に動かすと、実際にインターネット上から取得したPDFファイルに関する内容をChatGPTが回答して
ググり力、それはエンジニアには必須の能力である - Qiita
ググり力、それはエンジニアにとっては 必須の能力 になりつつあると思います。 さて、皆さんは自分のググり力で欲しい情報にちゃんとたどり着けると言えますか？ @Yametaro さんからのお題です。 ある日、コードレビュー中ワイ ワイ「さぁ、今日も同僚のコードをレビューしていくでぇ」 ワイ「まずは新卒のT君のコードを読んでいこか」 ワイ「どれどれ…」 ワイ「ん？なんやこの??っていう書き方は…？」 ワイ「ググってみよか…」 ワイ「JavaScript ??と入力して、検索ボタンをポチッとな」 ワイ「…あれ？それらしい検索結果が出てこんな…」 ワイ「ぐぬぬ、記号関係はググりづらいこともあるんやな…」 ワイ「これじゃあ今日はもう、酒飲んで寝るしかないやないか…」 〜飲酒、そして就寝へ…〜 では JavaScript で ?? の検索方法はどうしたらいいのか？ ここに１つの解答を示しておきます！
初心者目線でAjaxの説明 - Qiita
Ajaxとは Ajaxとは「Asynchronous JavaScript + XML」の略 Asynchronousとは、非同時性の、非同期の つまり、「JavaScriptとXMLを使って非同期にサーバとの間の通信を行うこと。」 んん？ 詳しく内容を追っていきましょう。 そもそも非同期通信とはどんなものか？ このように画像の遷移のない通信を非同期通信と言います。 同期処理は一瞬画面が白くなって、画面を切り替わることを言います。 こういったことをするためにAjaxという仕組みが必要です。 どうしてこんなことができるのか？ 大枠をざっくり先に説明します。 同期通信の場合 webブラウザからサーバーにリクエストを通信し、レスポンスが戻ってくる。 この時に、すべての情報を通信しているので、一瞬画面が白くなる。 =>サーバーからレスポンスが返ってくるまでは他の作業はできない。 非同期通信の場合
【性能比較】日本語対応したBard(バード)とGPT-4の出力を比較してみた - Qiita
以下の要件に沿う、AWS Lambdaで利用できるコードを生成してください。 ## 要件 - Python 3.10で記載すること - 指定のS3バケットに格納されたファイル一覧と合計ファイルサイズを、Slackの特定のチャンネルに通知する - 前日の0:00から23:59までに格納されたものを、当日08:00に通知する import boto3 import datetime import json import logging import requests # 設定 S3_BUCKET_NAME = "your-s3-bucket-name" SLACK_CHANNEL_ID = "your-slack-channel-id" SLACK_WEBHOOK_URL = "https://hooks.slack.com/services/your-slack-webhook-url" #
【統計学】初めての「標準偏差」（統計学に挫折しないために） - Qiita
統計をこれから学ぼうという方にとって、非常に重要な概念ですが理解が難しいものに「標準偏差」があると思います。「平均」くらいまでは馴染みもあるし、「わかるわかるー」という感じと思いますが、突如現れる「標準偏差」 の壁。結構、この辺りで、「数学無理だー」って打ちのめされた方もいるのではないでしょうか。 先にグラフのイメージを掲載すると、下記の赤い線の長さが「標準偏差」です。なぜこの長さが標準偏差なのか、ということも解き明かしていきます。 (code is here) 本記事では数学が得意でない方にもわかるように１から標準偏差とはなにか、を説明してみようという記事です。 数式はわかるけど、イマイチ「標準偏差」の意味わからんという方にも直感的な理解がしてもらえるような説明もしていきますので、ぜひご覧ください。 （※ この記事では標準偏差の分母に $n$を使用しています。$n-1$を使用するケースも
JavaScript学習ロードマップ - Qiita
JavaScript苦手・・という状況からJavaScript好きになれるロードマップ（多分） 全編ほぼ動画なので、とっても見やすい。挫折しづらい。 全体的な流れとしては、動画見る ▶︎ コードを書いて学習の流れです 個人的に好きなエンジニア系Youtuberのお二人の動画がメインになります Yahoo!出身のエンジニア しまぶーのIT大学さん Web万屋エンジニアチャンネルさん LEVEL ☆ JavaScriptってなに？ そもそもJavaScriptって何？フロントエンドって何してるの？ってレベルを解消 フロントエンド基礎編 / 約40分 LEVEL ★ JavaScript入門編 JavaScriptをマスターするならHTMLを知っておかないかん by 弊社マネージャー HTMLの基礎から、JavaScriptの全体像を学習できます。 HTML入門編 / 約43分 JavaScri
初心者に学ぶ 脆弱なWebアプリケーションの作り方〜入社時研修で作ったWebアプリの脆弱性についてのコードレビュー３選 - Qiita
はじめに 実務未経験でWebエンジニアとして入社してからの2カ月で受けた社内研修についての振り返りです。 今回は「Webアプリケーション基礎」の課題について、 セキュリティ に関するレビュー内容に焦点を当てて、整理します（レビューで色々と指摘をいただいた、かつ、重要と感じたため）。 結論としては、 SQLインジェクション対策 や、 クロスサイトスクリプティング（XSS）対策 、 バリデーション がうまくできていなかった、という初歩的な内容です。 タイトルは、こちらの徳丸本を意識しています。（最近読了しましたが、今回の記事では直接的に触れていません） 記事の目的 同時期に実務未経験でWebエンジニアになって交流している方々（他社の）が、 「他の人が初期にどのような注意を受けているか聞いてみたい」 と言っていたため、私は自分が書いたコードをレビューしてもらった機会はまだ研修のみですが、どのよう
【GPT】プロンプトエンジニアリング手法まとめ - Qiita
はじめまして、sonesuke( https://twitter.com/sonesuke ) です。 LLMのニュースを追っかけ続けたので、これからキャッチアップする人用にまとめておきます。 単発のプロンプトテクニックについてはこちらご覧ください。 これだけは知っとけ用語 各手法の説明を読む前に、これらの用語を読んでおくと各手法がわかります。知っている人は飛ばしてください。 プロンプトエンジニアリング 入力(プロンプト)を工夫して性能をあげようというアプローチ。 機械学習系で精度アップといえば、追加学習させたりモデルを拡張するのですが、LLMではモデルが大き過ぎてコストが洒落になりません。 そのような事情からプロンプト側を工夫することで、回答に直接影響を与えるという手法が発達しています。 ファインチューニング モデルを新たな学習データで追加学習させ、モデルのパラメータを更新し、精度を高め
GPT-4時代のエンジニアの生存戦略 - Qiita
GPT-4時代のエンジニアの生存戦略 ※ この記事の内容の一部はこちらのイベントでお話したことと重複します。 はじめに 2023年3月1日にOpenAI社よりChatGPTのAPIが公開されました。 さらに14日にはGPT-4が登場し、その翌々日にはMicrosoft 365 CopilotでGPT-4をOffice製品に搭載することが発表されるなど、AI領域で大きな変化が起きています。 変化の速度の速さと変化量の大きさにより、私自身も追いつくのが精一杯な状態です。 個人的には、iPhoneの登場時以上の衝撃を受けています。 人類の歴史上、過去3回AIブームがありました。Generative AIが4回目のブームになります。 そして、特に日本においては顕著なのですが、AIへの過度な期待とそれへの失望の繰り返しがここ数十年にわたって繰り返されてきました。 直近だと数年前のDeep Learn
GitHub Copilot XがGPT-4ベースでドキュメント学習して回答したり機能盛り沢山でかなりやばそう - Qiita
GitHubが2023年3月22日に「GitHub Copilot X」の発表をしました。 ChatGTP-4をベースに、機能を大幅に強化して新機能も沢山あります。 今までのGitHub Copilotとの違い GPT-4がベース コードエディタ内でAIとテキストチャットもしくは音声で対話をしながらコーディングが可能になる「Copilot Chat」「Copilot Voice」が追加 プルリクエストの説明文を自動生成してくれる「Copilot for pull requests」が追加 ドキュメントを学ばせたAIにチャットで質問できる「Copilot for docs」 コマンドラインインターフェイスをAIで補完してくれる「Copilot for CLI」 「Copilot Chat」および「Copilot Voice」でコードの説明やバグを修正してくれる GitHub Copilotと
【完全保存版】GPT を特定の目的に特化させて扱う (Fine-tuning, Prompt, Index, etc.) - Qiita
【完全保存版】GPT を特定の目的に特化させて扱う (Fine-tuning, Prompt, Index, etc.)OpenAIChatGPTlangchainGPT-4LlamaIndex ChatGPT に代表される今日の AI ブームを牽引しているのは 大規模言語モデル（Large-scale Language Model, LLM） と言っても過言ではないでしょう。LLM とは大量のテキストデータを使ってトレーニングされた自然言語処理のモデルで、代表的なものに、GPT（OpenAI）、Llama（Meta）、PaLM（Google）があります。我々開発者は、事前学習されたこれらのモデルを使って簡単にアプリケーションを作ることができます。 LLM が遂行可能な言語的タスク LLM を使って行える言語的タスクには次のような種類があります： Classification: 感情やポジ
ChatGPTを最強の学習ツールにする方法 - Qiita
こちらの記事は随時追加更新していきます 記事の内容 何かと話題のChatGPTですが、今回はこのChatGPTをプログラミング学習として活用し、 「最強の学習ツール」にしてしまおうという記事になります。 内容を書き換えれば、英語学習などにも置き換えることができます。 筆者の関連記事 ChatGPTはそのチャット内で質問した内容を記憶しそれによって回答が異なるケースがあります。 もし、意図した回答が得られない場合などは「New chat」から新たに質問するなどの工夫が必要です。 そして、ChatGPTからの回答内容はあくまでも一つの例であるという認識で向き合いましょう。 アジェンダ 登録方法 質問のコツについて ロードマップ(カリキュラム)を提案してもらう ふんわりとした内容を具体的にしていく 更に深掘りして手順を教えてもらう 「何がわからないかわからない」状態をなくしていく 次のレベルアッ
すべての開発者へ。すごいGitHubリポジトリ10選 - Qiita
本記事は、Simon Holdorf氏による「10 Extraordinary GitHub Repos for All Developers」（2021年4月4日公開）の和訳を、著者の許可を得て掲載しているものです。 こちらもどうぞ すべてのウェブ開発者へ。人気GitHubリポジトリ9選 面接のリソース、build your own X、優れたパブリックAPIのリストなど Photo by Vishnu R Nair on Unsplash はじめに GitHubは、あらゆる種類の技術、フレームワーク、ライブラリ、コレクションなどを共有するためのNo.1プラットフォームです。しかし、その巨大さゆえに、最も有用なリポジトリを探すのが難しいという問題もあります。そこで私は、すべてのソフトウェアエンジニアに大きな価値のある、素晴らしいリポジトリ10選を作ることにしました。すべてに多くのGitH
【WordPress6.2】theme.json の変更点 - Qiita
更新履歴 2023.03.27: JSON スキーマの修正に合わせて、一部内容を更新しました。 2023.04.16: settings.position.sticky セクションに加筆しました。 はじめに この記事は、WordPress テーマの機能・レイアウト・スタイルなどの多くを一元的に管理出来る JSON ファイルである theme.json について、WordPress 6.2での変更点をまとめたものです。 theme.json 自体の全体図については、「【WordPress5.9 / 6.0版】theme.json 全解説」という記事にまとめていますので、そもそも theme.json とは何か分からない方、各セクション (プロパティ) の役割が分からない方は、ぜひ先にこちら記事を見ていただければ幸いです。また、WordPress6.1での変更点については、「【WordPres
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
4歳娘「パパ、懐かしいJavaScript書いてるね！」 - Qiita
