2023年度版フロントエンド開発環境構築徹底解説 - Qiita
この記事はNuco Advent Calendar 2023の1日目の記事です。 はじめに 2023年最新のフロントエンド開発環境についての紹介記事です。 分野別に、おすすめツール群と、その特徴などを紹介していきます。 デファクトスタンダードとみなせるようなツールや、最近盛り上がりを見せているものなどをラインナップしました。 これからフロントエンド開発を始めたい人はもちろん、長くご経験のある人にもプラスになる情報がきっとあるため、ぜひ参考にしてもらえると嬉しいです。 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 フロントエンド開発おすすめツール集 エディタ エディタやIDEは好みの問題も大きいので、メジャーなものを簡単
新たに学ぶ領域の技術書・専門書の知識定着力と実践力を上げる読書手法 - Qiita
タイトルにもあるように、本記事では以下A（学術書、ビジネス書、専門書や参考書）にフォーカスした内容を書きます。 ※他のタイプにも共通して生かせる部分もあるかとは思います 概要 技術書・専門書の中でも特に「新たに学ぶ領域」に関する場合と絞ります。エンジニアは様々なレイヤーや幅の知識や手法を継続的に学習する必要があると考えており、そこに合致するやり方を今回は書いてみます。 ※「今既にある知識を深める」という観点でも大きな違いはありませんが、異なる部分もあるので、上記記載をしました。 そして、そういったモチベーションで本を読み「仕事に具体的に活かすために、行っている工夫・手法」を書きます。 本題の構成 さて、ここから本題です。 以下のような構成で書いていきます。 目的とゴール 本の特徴を理解 具体的な読み方 その他TIPS 事例 整理しながら「当たり前のことの羅列」かもしれないですし、自身に特化
もはや別物…ChatGPTが半年前からメガ進化！自分専用「GPTs」が画期的すぎてビックリ
やなぎや・とものり/1972年12月生まれ。1998年からITライターとして活動しており、ガジェットからエンタープライズ向けのプロダクトまで幅広い領域で執筆する。2018年から、NPO法人デジタルリテラシー向上機構（DLIS）を設立し、ネット詐欺の被害をなくすために活動している。 https://prof.yanagiya.biz/ https://peraichi.com/landing_pages/view/dlis/ 仕事を256倍速くするツールを探せ！ ITの世界は日進月歩。一昔前ならとても無理だったことや、人間がやらなくてはならなかったことをどんどんコンピュータに任せられるようになっています。連載「仕事を256倍速くするツールを探せ！」では、最近出てきたサービスの中から、特にビジネスや勉強に役立つサービスやソフトウエア、ハードウエアをピックアップ。ライターが実際に使用し、使い方や
【実演あり】GPTsの力でブログ執筆を圧倒的に楽にする方法(プロンプトも公開)｜little_hands
株式会社ログラスの生成AI/LLMチームの松岡(@little_hand_s)です。 GPTs、話題ですね！！使ってますか？(GPTsとは、ChatGPTの機能をカスタマイズして、目的に合わせたツールを自由に作成できる機能です) そして、もうすぐアドベントカレンダーの時期ですね、ブログを書く予定はありますか？ ブログを書くのって、結構気合がいりますよね。 あれって、文字列を書くこと自体とよりも、 何を書くか どういう切り口の記事にするか どういう構成にするか といったことにに脳のエネルギーを使うんですよね。 逆にいうと、これらのステップをクリアすれば、ブログ執筆のハードルはぐっと下がります。 そこで今回、GPTが執筆者にインタビューをしてくれて、それに応じるだけでブログの構成がどんどん決まっていくような執筆アシスタントGPTを作ってみたのです。 そしてもちろん、この記事も執筆アシスタントG
ドラえも⚫︎で理解するCSRF - Qiita
ドラえも⚫︎で理解するCSRF はじめに ※コメントにて徳丸浩先生(@ockeghem)に間違いをいくつかご指摘頂き修正中です。 また、@rudorufu1981様よりブラウザの同一オリジンポリシーについての補足を頂いております。 ぜひ記事の下部、コメント欄までご覧頂きますようお願いいたします。 ご指摘や補足、本当に有難うございます。 【追記2023.12.2】 同一オリジンポリシーの補足についても徳丸先生のご見解コメントを頂いております。ぜひそちらもご確認下さい。 【追記2023.12.5】 ご指摘を受けて同一オリジンポリシーはCSRFと直接の関連はない事から、取り消し線にて削除致しました。 対象読者 ・HTTPの特性 ・セッション管理 ・ブラウザの同一オリジンポリシー ・CSRF(Cross-Site Request Forgeries) ⚫︎上記の言葉を聞いてイメージができない人 ⚫
俺が考える最強の「麻雀点数申告練習アプリケーション」を作ってみる ~ Pythonによる麻雀点数計算問題の自動生成と音声による点数申告 ~ - エムスリーテックブログ
こちらはエムスリー Advent Calendar 2023 1日目の記事です。 Overview エムスリーエンジニアリンググループ AI・機械学習チームでソフトウェアエンジニアをしている中村(po3rin) です。趣味は麻雀でフリー雀荘で毎年200半荘以上打ちます。好きな麻雀プロは園田賢さんです。 麻雀を始めるときに一番の障壁になるのは点数計算ではないでしょうか？ 特に符計算が初心者の関門のようです。一方私のような初中級者でも突然のレアな点数申告にまごつくことがあります。 そこで、今回はその人に合った麻雀の点数計算問題(主に符計算が焦点となる問題)を生成して、自分で点数計算&点数申告の練習をする方法を探求したのでその紹介をします。麻雀用語が少しだけ登場するので、対象読者は麻雀を少しでもかじったことのあるエンジニアの方です。 Overview 麻雀の点数計算の難しさ 現状の点数計算の練習
デジタルマーケの成果を最大化するWebライティングを読んで思ったことをつらつらと。
2023年もそろそろ終わろうとしているときに、今年2つ目のブログ記事を書こうかと思い立ったのは「デジタルマーケの成果を最大化するWebライティング」を読んだから。共感する部分も多いし、いや～ここはこうかな～と思いながら読めましたので、気になった部分を紹介していきます。 「いいライターがいません」がまさに 社内は忙しいと言われる→外注は金がかかる→いいライターいない？の流れ。書く独力と探す努力をせんかい！と思うわけなんですがが、そんなことを言うと多くの場合で「あなた書けるからそう言うんだよ」って流れになるわけです。なんで書けるようになったのかというプロセスはすっ飛ばして今だけを見られちゃうという。 じゃあ書けない人が言うとどうなるかというと「書けない人に言われても説得力がない」となる。 やりたくないだけだろうが。 …愚痴を言いたいわけではなくて、こういったどこにでもある問題を解消しようという
[第130話]ダンダダン - 龍幸伸 | 少年ジャンプ＋
JASRAC許諾第9009285055Y45038号 JASRAC許諾第9009285050Y45038号 JASRAC許諾第9009285049Y43128号 許諾番号 ID000002929 ABJマークは、この電子書店・電子書籍配信サービスが、著作権者からコンテンツ使用許諾を得た正規版配信サービスであることを示す登録商標(登録番号 第6091713号)です。
![[第130話]ダンダダン - 龍幸伸 | 少年ジャンプ＋](https://cdn-ak-scissors.b.st-hatena.com/image/square/286b9146c5168aded97e100872c26cc06de9cf6d/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak-img.shonenjumpplus.com%2Fpublic%2Fseries-thumbnail%2F3269632237310729745-71ec84f7aa04bbae831eb35784e27159%3F1723794302)
Kaggleで銅・銀・金メダルを取るプロセス｜カレーちゃん
Kaggleで銅メダル、銀メダル、金メダルを取るプロセスの違いや、具体的に何をすべきかについて質問がありました。 Twitterで回答を募集したところ、次の回答をもらいました。 過去に似たコンペ2,3コンペ漁って1~10位までの解法に目を通しつつ、現コンペのディスカッションを全部追って効くものを試すと銀メダルは取れるという肌感覚 https://t.co/si4GwbM4wD — 杏仁まぜそば (@an_nindouph) November 17, 2023 自分もこれと同じ感覚です。以下、少し説明します。 銀メダルを取るために必要なもの 銀メダルを獲得するために必要だと思ったのが、次の3つです。 最低限のデータ分析コンペの実力 データ分析について、最低限のみんなが知っていることを知っておくことが必要と言えます。「Kaggleで勝つデータ分析の技術」の知識があれば、十分に戦えると思います。
ドイツ人の料理マインドで興味深いのが、「美味しく作る」ではなく「いかに手順どおりレシピに忠実に作るか」というところ
マライ・メントライン＠職業はドイツ人 @marei_de_pon Marei Mentlein 職業はドイツ人。文芸レビュー、エッセイの執筆 onl.la/5Tf5QTR とか onl.la/PBhRRpj や、ノイエ銀英伝などのドイツ語監修をやったり。お仕事のご連絡はこちらまで：inoshishi_days-marei@yahoo.co.jp マライ・メントライン＠職業はドイツ人 @marei_de_pon ドイツ人の料理マインドで興味深いのが、 「いかに美味しく作るか」 ではなく、 「いかに手順どおりレシピに忠実に作るか」 を優先する点と言える。 twitter.com/dobrepivko/sta… 2023-11-22 20:41:13
「勇敢な戦士は善であり、天国に行けるよね？」との問いに、慈悲や平和を謳う宗教はどう答えているのか（仏教など） - INVISIBLE D. ーQUIET & COLORFUL PLACE-
川島耕司『仏教と暴力の容認』は面白い論文でした。日本においてよく「平和・非戦」の宗教と捉えられがちな仏教が、実はその歴史上、かなり血なまぐさい殺人肯定の論理を次々に生み出したことを論じる。著者はスリランカ史の研究者であり、特にスリランカ仏教の戦争遂行の論理は注目できる。— 岸本元 (@bowwowolf) November 22, 2023 スリランカの仏僧が記した王朝年代記『マハーワンサ』（5世紀ごろ成立）には、ドゥトゥギャムヌ王が護国の戦いとはいえ敵を虐殺したことを悔やみ、それによる仏罰の有無を僧侶に問うが、僧侶は「仏教徒でない者は人間ではないので殺しても往生に支障はない」との旨の、虐殺正当化の論理を述べる。— 岸本元 (@bowwowolf) November 22, 2023 現代スリランカにおいても非仏教徒の悪魔化が僧侶によりなされており、ある僧侶のFBでは《ムスリムたちは、人間
HTML: ログイン・ユーザー登録フォームの厳選ベストプラクティス11（翻訳）｜TechRacho by BPS株式会社
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: 11 HTML best practices for login & sign-up forms—Martian Chronicles, Evil Martians’ team blog 原文公開日: 2023/05/24 原著者: Andrey Sitnik（PostCSSとAutoprefixerの作者、首席フロントエンドエンジニア） サイト: Evil Martians -- ニューヨークやロシアを中心に拠点を構えるRuby on Rails開発会社です。良質のブログ記事を多数公開し、多くのgemのスポンサーでもあります。 日本語ブログ: 合同会社イービルマーシャンズ - Qiita 日本語タイトルは内容に即したものにしました。 はじめに ログインフォームやユーザー登録（サインアップ）フォームは、ほとんどのWebサイトで使
パワーポイントのデザインパターン大全 - 資料作成時に使える39のアイデア
資料作成代行サービス「c-slide」を運営する中で蓄積したナレッジから、デザインをパターン化しました。 資料作成時にパワーポイントと一緒に開いてアイデアの種にして役立ててもらえると嬉しいです。 詳しく解説している記事はこちら https://cone-c-slide.com/see-sla/…
管理画面を作るフレームワークrefineを使って、Next.jsで管理画面を作ってみた | DevelopersIO
管理画面って作るのめんどくさくないですか？そんなわけでrefineを使ってみました。 refineは、管理画面を作成するためのReactベースのフレームワークです。refineを使ってNext.jsな管理画面を作ってみました。 管理画面って作るのめんどくさくないですか？ 管理画面は一般的に、データのCRUD（Create, Read, Update, Delete）が行えるデータの管理画面として使われることが多いです。 そうすると、一覧画面があって、データの登録画面があって、データの編集画面があって、データの削除画面があって、データの詳細画面があって…、という感じで大体似たような画面を作ることになります。 そういった手間を軽減するために、refine を試してみました。 refine は、管理画面を作成するためのReactベースのフレームワークです。 refine | Open-sourc
インストール不要。ペライチHTMLでReact+TSX+Tailwind のフロントエンド一式を動かす
プロトタイピング向けにペライチで最低限のフロントエンドスタックを動かす方法について。 注意: 本番で使わないでください。tailwind は CDN モードで動かしているし、 esm.sh はスクリプトを動的にビルドするのでパフォーマンスは良くないです。 前提 jsconf.jp で色々なツールを使えばそれっぽいバンドルレス実現できる(けどパフォーマンスに難)という話を書きました。 具体的には NativeESM + importmaps + esm.sh 等の組み合わせます。 <script type="importmap"> - HTML: ハイパーテキストマークアップ言語 | MDN ESM>CDN これに、 esm.sh の v135 の新機能を使って tsx をバンドルするのを組み合わせる話です。 esm.sh/run 使い方は簡単。 <!-- esm.sh からランナーをロード
[第十二話]サチ録～サチの黙示録～ - 茶んた | 少年ジャンプ＋
サチ録～サチの黙示録～ 茶んた 次にくるマンガ大賞2024 Webマンガ部門第5位 記念して今だけ9話分無料！ <毎週金曜更新！最新3話無料>悪魔と天使がある人間を審査し、その結果で人類の命運を決める「人間神判」。対象に選ばれたのは、稀代のクソガキ小学生・上野サチ（6歳）だった…！人類の未来をかけた、悪魔と天使と人間のヘンテコ共同生活が今始まる！ [JC3巻9/4発売]
![[第十二話]サチ録～サチの黙示録～ - 茶んた | 少年ジャンプ＋](https://cdn-ak-scissors.b.st-hatena.com/image/square/51ecdba1f2344dccffac69eda7938a7a524af281/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak-img.shonenjumpplus.com%2Fpublic%2Frppp-thumbnail_image%2F23515-0d34d903a592f01d95859857280a296d%3F1724027283)
【令和最新版】何もわからない人向けのローカル LLM 入門
こんにちは、Saldraです。普段はPictoriaという会社でAIの美少女の錬成に励んでいるエンジニアです。この記事はローカルLLMの概要をつかむことを目的とします。対象読者は以下です。 なんとなく ChatGPT は使ったことある人 ローカル LLM を聞いたことあるけどやったことない人 ローカル LLM とは OpenAIがAPIを公開してから、大規模言語モデル（以降LLMとします）は大きく進化していきました。この進化はOpenAIのAPIだけでなく、ローカルLLMも進化をしています。 ローカルLLMとは「一般向けにファイルとして公開されたモデル」で推論させる遊びです。APIは便利ですが、インターネットの接続が必要であったり、API提供側に依存する問題があります。ローカルLLMは自前で運用ができるため、APIにはないメリットや魅力があります。一方で、環境構築やマシンスペック等、少し始
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ChatGPTの新機能「GPTs」「Assistants」を試す。特別なツール不要でカスタムChatGPTを開発可能に！【イニシャルB】
GPTsのまとめのまとめ
ChatGPT for Developer - Promptのチカラ
