Web系エンジニア最低限入れておくべき Chrome 拡張機能３選 - Qiita
概要 Web ブラウザではすっかりお馴染みの Google Chrome ですが、開発者ツール（DevTools）だけでなく、拡張機能にも導入すると非常に便利なものがたくさんあります。 その中でも、Web系の開発をするエンジニアなら、是非入れておきたいオススメの Google Chrome 拡張機能について紹介します。 尚、いずれも無料で利用可能です。 IT エンジニア界隈では、既にどれも有名なものばかりですが、これから Web 系の開発をする方は是非お試しください。 本当はもっとたくさんオススメしたい拡張機能がありますが、ひとまず今回は３つ紹介します。 Wappalyzer（ワッパライザー） 「Wappalyzer（ワッパライザー）」は、現在表示している Web ページで使われている技術（言語、フレームワーク、プラットフォーム、分析ツール、その他のサービス）を一覧表示してくれる拡張機能で
MVCをレストランに例えてみた - Qiita
はじめに 今回はRubyonRailsなどで用いられているMVCというものについて解説していきたいと思います。Railsをはじめ、MVCを採用しているフレームワークは多くあると思います。RailsにおいてはRailsチュートリアルやProgateでも初めの方で解説していることからこの構造を理解しておくことは非常に重要です。今まであまり考えずに使用してきたのであれば、この際詳しく知っておくと良いでしょう。 MVCとは ソースコードをそれぞれ ・モデル（Model） ・コントローラー（Controller） ・ビュー（View） の3つに分割して管理しようという考え方の1つです。それぞれの頭文字を取ってMVCとなっています。 モデル（Model） 例えば投稿した人の名前や投稿したテキストなどを保存する際などにデータベースとのやりとりをします。データの登録・更新・削除などの処理を行います。 コン
JavaScript Primerを読んだ - Qiita
はじめに 今回JavaScriptの学習するにあたりJavaScript Primerという教材を読みました。 本記事はJavaScript Primerを読んでの感想になります。 よかったところ 基本文法の使い方が一通り学べてボリューム的にも十分な量なため辞書的な使い方もできると思います。 文法の推奨される使い方や非推奨な使い方の解説もされているため実践的です。 JavaScriptは毎年のように新しいバージョンがリリースされますが、それに合わせて書籍もアップグレードしてくれるため最新の情報を解説してくれます。 古いバージョンの書き方の解説もあるため既存のシステムで古い書き方のものを見る際にも役に立ちます。 学んだこと JavaScriptにおける基本的な文法の使い方。 非同期処理 メインスレッドがJavaScriptの処理で占有されると処理の間スクロールができなくなるなど、ユーザーにと
【完全解説】エンジニアの複利を考えた投資戦略 - Qiita
はじめに 自分が何者なのかを示すことの重要性が高まっている こんにちは、Watanabe Jin (@Sicut_study)です。 最近フリーランスでは大きな問題が起きている フリーランスとして受け入れをしたが、いきなり「飛んで消えてしまう」などトラブルが相次いで発生している 最近はフリーランスをNGとする企業も増えてきている では、なぜフリーランスをNGとしているのか これには大きく2つあるように思える フリーランスのスキルが低いことが目立っている フリーランスを信じることが難しくなっている スキル不足のフリーランスが増えた背景には、フリーランス1000万円といった過大広告によって経験があまりない状態からフリーランスになってしまった人があふれていること フリーランスの信用をするための材料(例えば法人化している、知名度があるなど)がないことからいつ無責任になるかわからない このような理由
Windows標準の「ファイル名を指定して実行」「エクスプローラーのアドレスバー」を活用する話の記事を Web で探した時の記録 - Qiita
Windows標準の「ファイル名を指定して実行」「エクスプローラーのアドレスバー」を活用する話の記事を Web で探した時の記録Windowsコマンドファイル名を指定して実行アドレスバーエクスプローラー はじめに とある事情により、Windows標準の機能でできる便利なことを調べています。 ⇒ 「本来は、その便利なことを実現できるアプリを導入するほうが簡単」という内容もあったりするのですが、これをやっている背景は「自分が扱う複数の PC の中の一部（で、ある一定期間だけ使うことになった PC）」に「Windows標準の機能／アプリ以外や、標準機能・アプリの一部についても制限がかかっているもの」があり、それを便利にできないか調べてみているという状況があります それで、調査をしている中で「ファイル名を指定して実行」を色々活用する、という話題を見かけて、個人的にその話が気になったので、今回の内容
オンプレエンジニアがAWSを触って思ったのと違うと感じたこと - Qiita
はじめに この仕事を始めた当初(約20年前)はオンプレミスという言葉がありませんでした。いや厳密には私の周りではパブリッククラウドとオンプレミスを分けて話す人はおらず、インフラ構築といえば今でいうオンプレミスが中心でした(世の中的にはパブリッククラウドがサービスとして存在していました)。オンプレミスみたいに新しい概念が出てきた時にそれまでの概念を説明するためにできる言葉をレトロニムというそうです。 私が本格的にパブリッククラウドの仕事をし始めたのは約3年前でAWSでした。研修ではAzureを先に触れていたのと、この本を読んでいたという知識があった程度です。 ここではずっとオンプレミスのインフラ構築をしていた私がAWSに触れて最初に戸惑ったことを記事したいと思います。また、戸惑いましたということだけ書いても学びがないため対応したことも併せて記載します。AWSに慣れている人からすれば常識ですが
Pythonのセキュリティ関連ライブラリを試してみました。 - Qiita
今回は問題なしと判定されていますが、役に立ちそうなので常に利用し続けたいですね。 公式ページ 2. pylint PyLintはコードの品質とセキュリティを向上させるための静的解析ツール。スタイルガイドに従ったコードを書きやすくし、潜在的なバグを早期発見に役立つようです。 インストール・実行結果 # pip3 install pylint # pylint main.py ************* Module main main.py:10:0: C0301: Line too long (114/100) (line-too-long) main.py:97:0: C0305: Trailing newlines (trailing-newlines) main.py:1:0: C0114: Missing module docstring (missing-module-docst
テストを書く方針と原則の備忘録 - Qiita
こんにちは。サーバエンジニアのnsym-mです。普段はGoでバックエンドの開発などをしています。 最近テストに関する書籍や記事などを色々読み漁ったので、現時点での自分のテストについての考え方を備忘録として残しておきます。 今回の話はWebフロントエンドやiOS/Androidなどでも適用できる汎用的な考え方として記載していますが、ベースの文脈はバックエンド開発になりますのでそのつもりで読んでいただけますと幸いです なお、本記事では主にGoogle、『単体テストの考え方/使い方』、@t_wadaさんの発表されている考え方（いわゆる古典学派）に倣っています。 用語整理 よく使われるテストスコープ 単体テスト（ユニットテスト） 人によって定義に差がある 統合テスト（インテグレーションテスト） 結合テスト（E2Eテスト） 単体テストの定義がブレることから、スコープではなく実行時間で判断するテストサ
RAG入門: 精度改善のための手法28選 - Qiita
RAGの精度改善するために何があるかを学びました。基本系のNaive RAGを知っている人向けの記事です。 方法が多すぎるので、Youtubeの「RAG From Scratch」を中心に少し整理してみました。LangChainをよく使っているので、LangChain出典が多いです。 全体像 まずは、RAGの全体像。Indexingが同じ流れにあるのが少しわかりにくいのですが、実行タイミングとしてはRAGの前準備としてやっておきます。 画像出典: RAG from scratch: Overview もう少し粒度を細かくした図です。 画像出典: RAG from scratch: Overview 表形式で分類します。Generationだけ少し特殊です。 大分類 中分類 内容
スクリーンリーダーの操作にはTab以外のキーも必要です - Qiita
Webのアクセシビリティの確認としてスクリーンリーダーを使った動作確認もしてもらうと 「リンクとかボタンしか読まれず、見出しや説明文がスキップされてしまいました」 という報告をされることが時々あります。 これは大抵、スクリーンリーダーを起動して、Tabキーだけを繰り返し押してしまっていることによって起こります。スクリーンリーダーの操作方法を伝えると、読み飛ばしたと思っていたところもちゃんと読みあげてくれたということがほとんです。 アクセシビリティをかなり意識したページであっても、Tabキーだけでスクリーンリーダーを操作しているかぎり、ページの隅々まで読めることはほとんどありません。スクリーンリーダーにはTabキーを押す以外にもいろいろな操作が存在して、それを憶える必要があるわけです。私はアクセシビリティチェックのやり方を説明するときには、必ずその操作方法のうち最低限のものを紹介しているつも
Rustで勘違いしていたこと3選 🏄🌴 【100 Exercises To Learn Rust 🦀 完走記事 🏃】 - Qiita
100 Exercises To Learn Rust を題材に Qiita Engineer Festa 2024 投稿マラソン に参加していました！ 7月17日に仮置きを残しながら投稿したのち、 ようやく全記事完成しました！ ので、その記念として、色々話したいと思います！(え、7/17ってもう3週間前...？！) 目次 全記事一覧 100 Exercises To Learn Rustを完走した感想 100 Exercisesの魅力 1. そこそこの長さ 2. 無理のない学習順序 3. 各エクササイズ間に関連がある 4. 効率よく"ミソ"を摂取できる Rustで今まで勘違いしていたこと3選 1. Copy は Clone::clone を...呼び出さなかった！ 2. 不変参照は...実は不変ではなかった！ 3. 値がスレッドを跨ぐには 'static は...不要だった！ 所感 ※
【完全版】これ1本でTypeScriptの基本をマスターできる！ - Qiita
はじめに この記事はTypeScript初心者に向けて基本を一通りハンズオン形式で学べる教材となっています。 世の中にTypeScriptの教材は多くありますが、どれも文法ごとに文法紹介するためのコードを教えているだけで、学んだあと実際どのように自分のアプリに適応すべきなのかイメージがわきません。 これがTypeScriptの難しいところだと思っています。 このハンズオンではJavaScriptのアプリケーションをTypeScriptに移行しながら学んだことを活かしていくことで実践的に学ぶことが可能です。 ハンズオン動画と一緒に活用 こちらの記事をさらに活用できるハンズオン動画を用意していますのでご活用ください JavaScriptの怖い振る舞い JavaScriptはタイプセーフ機能が存在しません。 タイプセーフとは、コンパイラやランタイムがデータ型をチェックし、型が互換性のない操作に使
ついにClaude 3.5 SonnetがAWS東京リージョンのBedrockで利用可能に 🎉 - Qiita
ついに最新のClaudeが東京リージョンに来た！ Amazon Bedrockの生成AIモデルの一つ「Claude」シリーズの最新バージョンが、AWS東京リージョンで提供開始されました 🎉 先月のAWS Summit Japanで7月のローンチが予告されて以来、首を長くして待っていた方も多いのではないでしょうか。無事に7月37日に来ましたね！ 上記アナウンスではClaude 3という言及のみでしたが、実際には以下のモデルが利用可能となりました。 Claude 3.5 Sonnet Claude 3 Haiku 東京リージョンと併せて、以下の3リージョンでもリリースされています。 オレゴン（Claude 3.5追加） フランクフルト（Claude 3.5追加） シンガポール（Claude 3.5、Claude 3 Haiku追加） ※Gated（特別な利用申請が必要なリージョン） そもそも
Python並行・並列処理を整理する (入門) - Qiita
概要 大量データに関するワークロードを、モノリシックに解決する場合、並行・並列処理の知識は活用できます 但し、一般にPythonにはGILが存在するため、正しい挙動を抑えておきたい所です 内容 Pythonにおける並行処理・並列処理 プロセス = OSが管理する実行単位 (CPUコア毎) スレッド = プロセス内の軽量な実行単位 (1CPUコア内) 上記前提を踏まえると、以下となります 並行処理 = 1つのプロセスに複数のスレッドが存在します (PythonはGILにより基本1プロセス制約です) 並列処理 = 複数のプロセスを並行して進めます (複数プロセス活用できます) MMU (Memory Management Unit)に関して プロセスから参照するメモリはMMUにより制御された仮想メモリを参照します。MMUによりプロセス間ではメモリ競合は起きません (1プロセス ≒ 1CPUコア
知らないと後悔する最強のエンジニア勉強法 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに この方法を教えると誰もが早くに出会いたかったと口を揃えて言いました こんにちは。Watanabe Jin(@Sicut_study)です。 今回はエンジニアがすべき究極の勉強法について完全解説していきます。 世の中には多くの勉強法が存在したり、インプット中心、アウトプット中心など色々な考え方があります。 ここでは実際に私が運営しているプログラミングコーチングJISOUで実際に用いている科学的根拠のある最高の勉強方法について徹底的にご紹介します。 また勉強法についての一般的な理論を紹介している記事や本は多数存在しますが、エンジニ
資料作成で私が大事にしていることと、参考書籍のご紹介 - Qiita
こんにちは。Crane＆Iの藤島です。 本日は、「プレゼンテーション資料作成」に有益と感じた書籍のご紹介をしてみようと思います。 最初に 仕事柄、私は資料作成をすることが多くあります。 社内研修用の資料であったり、営業資料、採用資料、社内向けの説明資料、エグゼクティブ向けの提案資料等、様々なプレゼンテーション資料作成を行います。 たまに、社員の方に「なんでそんなに資料うまく作れるんですか」と聞いていただけることがあります。 とても嬉しいと思いますが、もっともっと上手な資料作りをされる方は山ほどいらっしゃるので、おこがましくも感じつつ、せっかくそのように言ってくださるのであればと。 少しだけ紐解いて言語化できないかなと考えてみた次第です。 そんなわけで、自分なりの持論ではありますが、参考になりそうな要素を纏めてみたいと思います。 結論から申し上げますと、私が資料作りの時に意識しているのは以下
「生成AIエージェント」の実装入門（LangChain版とLangGraph版を対比） - Qiita
本記事は、2024年7月発売の書籍「つくりながら学ぶ！生成AIアプリ & エージェント開発入門」をベースに、私なりにGoogle Colabで動作する「生成AIエージェント」を実装してみた内容の解説です 上記の書籍「つくりながら学ぶ！ 生成AIアプリ & エージェント開発入門」(発売日 2024/7/18) [link]、著者：ML_Bear（本名: 内田 直孝）さん を参考にしながら、自分なりにいろいろ変更を加えてみて実装してみました。 Google ColaboratoryのNotebookファイルは以下となります。 本記事では今回作成してみたプログラムについて解説します。 拙著である、「つくりながら学ぶ！PyTorchによる発展ディープラーニング」などと、装丁が似ているようにも感じる？のは、マイナビ出版の（私がとても信頼している）同じ編集者の方がこちらの書籍もご担当してくださっている
リーダブルコード備忘録 - Qiita
はじめに 今回は、リーダブルコードを読んで備忘録としてメモしておいた内容を共有します。 自分はエンジニア１年目の時に実装時のチートシートとして使用してました。 良いコードとは プログラミングにおいて、短い行で書かれた頭のいいコード＝いいコードではない。 理解しやすいコードこそが良いコード。 読みやすいコードを書くことによって、バグを減らし保守性を高めることができる 自分しか理解できないコードを書くとコードの内容を忘れた頃の自分も苦労する 名前について 汎用的な名前を避ける。 スコープが小さければ短い名前も可。 不要な単語を捨てる。例: convertTostring → ToString エンティティごとに異なるフォーマットを使用する。例: インターフェースはアッパーキャメル。 他の意味と間違えられない名前を付ける。 Booleanの意味を明確にする。 名前を複数検討し、機能を知らない人に
写真から自閉症を判定してみたい - Qiita
はじめに AidemyのAIアプリ開発コースを受講して早1か月とちょっと。 成果物の作成に取り掛かったところなので、アプリ開発後にスムーズにブログの執筆ができるように、練習がてら自己紹介でも書いてみようと思う。 1.ざっくり私のこと 都内で児童発達支援をしていたゴリゴリの文系保育士。 Excelで精いっぱいのプログラミング超初心者が、仕事は楽しいけどこのまま働き続けるのは私には厳しいぞと一念発起、Aidemyでプログラミングの勉強を開始。プログラマーとして働く道を模索し始めたところ。 2.今やっていること 成果物の作成。 これが終わらないと修了できない。 Aidemyの講座は雇用保険の教育訓練給付金の対象なので、修了すれば一定の金額が返ってくる。修了後にさらにもう一つ条件（端的に言えば職に就いていることだが、細かい要件があるので割愛）を満たすと計７割が返ってくるので、正直めちゃめちゃでかい
「住所は英数字もすべて全角で入力してください」はなぜそうなったのか - Qiita
Webサービスのフォームに住所を入力するとき、丁目や番地などを入れる欄について、数字やハイフンを全角で書かなければいけない「全角縛り」をやっているフォームをよく見ます。半角文字を入力してしまってエラーになったり、咄嗟に変換方法を思い出せなかったり、全角と半角の見分けが付きづらかったり、「全角縛り」であることが明示されていなかったり、「ハイフン」としてどの文字を使うべきかわからなかったり……と、鬱陶しさを感じることが多くあります。 「住所は全角のみ」（数字やハイフンも絶対に半角を受け付けない）という仕様がどういう経緯で生まれて、どう広まっていったのかが気になってる。いま存在しているのは過去の仕様や慣習の踏襲として理解できても、そもそもなぜそれらが生まれたのかが理解できない。 https://t.co/ZLz0Pw9GOK — ymrl (@ymrl) July 29, 2024 これについて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
