並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 23475件

新着順 人気順

JavaScriptの検索結果1 - 40 件 / 23475件

  • The Powerful Conversational AI JavaScript Library | NLUX

    import { AiChat, useAsStreamAdapter } from '@nlux/react'; import '@nlux/themes/nova.css'; import { send } from './send'; import { user, assistantAvatar } from './personas'; export default () => { const adapter = useAsStreamAdapter(send, []); return ( <AiChat adapter={ adapter } personaOptions={{ assistant: { name: "EinAssistant", tagline: "Your Genius AI Assistant", avatar: assistantAvatar }, user

      The Powerful Conversational AI JavaScript Library | NLUX
    • Phoenix | Phoenix

      A lightweight macOS window and app manager scriptable with JavaScript. You can also easily use languages which compile to JavaScript such as TypeScript. Phoenix aims for efficiency and a very small footprint. If you like the idea of scripting your own window or app management toolkit with JavaScript, Phoenix is probably going to give you the things you want. With Phoenix you can bind keyboard shor

      • 2024-06-22のJS: Nuxt 2 EOL、TypeScript 5.5、State of JavaScript 2023の結果

        JSer.info #697 - Nuxt 2は2024年6月30日でEnd-of-Life (EOL)となることが発表されました。 Nuxt 2 End-of-Life (EOL) · Nuxt Blog Nuxt 2.xの最終版となる2.18.0が6月末にリリースされる予定となっていて、それ以降はセキュリティアップデートも公式には提供されなくなります。 TypeScript 5.5がリリースされました。 Announcing TypeScript 5.5 - TypeScript TypeScript 5.5では、関数からtype predicatesを推論できるようになり、Array.prototype.filterなどでの絞り込みが簡潔に書けるようになっています。 また、Stage 3のSet Methodsをサポート、JSDocで@import {foo} from "foo"を

          2024-06-22のJS: Nuxt 2 EOL、TypeScript 5.5、State of JavaScript 2023の結果
        • Vite ってよく聞くけど何なんですか? あれは

          初めに Vue.js の学習をしているとよく「Vite」という単語を目にすると思います。 一体全体あれはなんなのでしょうか?? なんだかよく分からないコマンドを打つと、いつの間にかプロジェクトが作成されていたり、 ファイルを編集するだけでブラウザで動くようになっていたりします。 そもそも読み方も良くわかりません 😵‍💫 (ヴィテ...? ヴァイト...?) この記事では、Vite についての基本的な情報をまとめてみます。 発音? 発音の仕方は「ヴィート」です。こちらは公式ドキュメントにも書かれています。 Vite(フランス語で「素早い」という意味の単語で /vit/ ヴィートのように発音)は、 しかし、実はこれにはやや表記揺れがあって、「ヴィット」と表記されているところもあります。 例えば、話題になった Kawaii ロゴではそのように表記されています。 まぁこれらはカタカナ表記の限界

            Vite ってよく聞くけど何なんですか? あれは
          • 【2024年6月】フリーランス案件の単価における市場動向【フリーランスボード】

            【2024年6月】フリーランス案件の単価における市場動向【フリーランスボード】フリーランスエンジニア案件の月額平均単価は71.5万円 INSTANTROOM株式会社(本社:東京都渋谷区、代表取締役:曽根弘介)が運営する、フリーランスエンジニア・ITフリーランスの案件検索サイト「フリーランスボード(https://freelance-board.com)」は2024年6月のフリーランス案件の単価における市場動向の調査結果を発表いたします。 ◆数字で見る「フリーランス市場動向」 フリーランスボードでは2024年6月6日時点の141,500件の掲載案件を対象に開発言語・フレームワーク・職種別の月額平均単価を調査いたしました。 ■フリーランス案件の月額平均単価 2024年6月のフリーランス案件の月額平均単価は71.5万円、最高単価は320万円です。 ▼掲載中のフリーランス案件はコチラから http

              【2024年6月】フリーランス案件の単価における市場動向【フリーランスボード】
            • How We Made the Deno Language Server Ten Times Faster

              Programming should be simple, which is why we built Deno to be “batteries included” with all-in-one tooling, native TypeScript support, and web standards APIs. (You can get started with TypeScript just by naming a file with a .ts extension.) One major way Deno boosts productivity is through our language server, which offers auto-completion, tooltips, linting, code formatting, and more. Recently, a

                How We Made the Deno Language Server Ten Times Faster
              • TypeScript 5.5 で追加された正規表現構文チェックを理解する


                TypeScript 5.5@graphemecluster🎉 TypeScript 調    JavaScriptTypeScript ESLint   TypeScript 5.540 5.5 //  var re = /a/b; // 
                  TypeScript 5.5 で追加された正規表現構文チェックを理解する
                • Anthropic、無料で使える「GPT-4o」超えのAIモデル「Claude 3.5 Sonnet」

                  Anthropicは6月21日、同社の開発する大規模言語モデル「Claude」シリーズの最新版となる「Claude 3.5 Sonnet」を発表。旧来の上位モデル「Claude 3 Opus」やOpenAIの「GPT-4o」を上回る性能でありながら、中位モデルである「Claude 3 Sonnet」と同等のスピードとコストを実現するという。 「Claude.ai」で無料で使える 「Claude 3.5 Sonnet」は同社が提供するAIチャットサービス「Claude.ai」およびiOS版「Claude」アプリで無料(利用制限あり)で利用できる。有料プランのユーザーは無料ユーザーと比べて利用制限が大幅に緩和される。 また、「Anthropic API」「Amazon Bedrock」「Google CloudのVertex AI」などの環境でも利用可能。価格は、入力トークン100万件あたり3

                    Anthropic、無料で使える「GPT-4o」超えのAIモデル「Claude 3.5 Sonnet」
                  • togetterの謎動画が邪魔

                    JavaScriptのブロック対象サイトに https://player.gliacloud.com/ を追加すると消えるのは秘密。

                      togetterの謎動画が邪魔
                    • Atkinson Dithering

                      Atkinson Dithering When the Macintosh was released in 1984, it featured a square-pixeled black-and-white display at a crisp 72 dots per inch. The 512x342 resolution might seem less than impressive today, but for the time it was a pleasantly high-resolution consumer-grade computer. Among other things, the monospaced Monaco 9pt bitmap font featured characters that were 6 pixels wide, allowing the Ma

                      • State of JavaScript 2023

                        It should be clear by now that, for better or for worse, JavaScript is not slowing down. Between server components, server actions, signals, compilers, and more, we're seeing new innovations pop up faster than most of us can handle. The trick to avoiding the dreaded JavaScript fatigue is remembering that you can pick your lane: sure, you can live life on the cutting edge with the early adopters; b

                          State of JavaScript 2023
                        • Claude3.5の新機能!Artifacts:Claudeとの新しい対話方法 – 完全ガイド - Sun wood AI labs.2

                          はじめに みなさん、こんにちは!今日は、AI技術の世界に革命を起こす新機能「Artifacts(アーティファクツ)」について、わかりやすくお話ししていきます。Claudeという人工知能と、より効果的に協力して作業ができるようになる、とてもワクワクする機能なんです。 Artifactsとは何か? 簡単な説明 Artifactsは、Claude.aiで導入された新機能です。ユーザーがClaudeに何かを作ってもらう時、その成果物を会話とは別の専用ウィンドウで見ることができます。つまり、会話しながら同時に作品を見て編集できる、そんな魔法のようなツールなんです。 Artifactsの主な特徴 リアルタイムの表示: Claudeが作った内容をすぐに見ることができます。 編集可能: 表示された内容を自由に編集できます。 作業の継続性: 一度作ったものを基に、さらに改良を加えていけます。 Artifac

                            Claude3.5の新機能!Artifacts:Claudeとの新しい対話方法 – 完全ガイド - Sun wood AI labs.2
                          • Announcing TypeScript 5.5 - TypeScript

                            Today we’re excited to announce the release of TypeScript 5.5! If you’re not familiar with TypeScript, it’s a language that builds on top of JavaScript by making it possible to declare and describe types. Writing types in our code allows us to explain intent and have other tools check our code to catch mistakes like typos, issues with null and undefined, and more. Types also power TypeScript’s edi

                              Announcing TypeScript 5.5 - TypeScript
                            • State of JavaScript 2023

                              It should be clear by now that, for better or for worse, JavaScript is not slowing down. Between server components, server actions, signals, compilers, and more, we're seeing new innovations pop up faster than most of us can handle. The trick to avoiding the dreaded JavaScript fatigue is remembering that you can pick your lane: sure, you can live life on the cutting edge with the early adopters; b

                                State of JavaScript 2023
                              • State of JavaScript 2023

                                It should be clear by now that, for better or for worse, JavaScript is not slowing down. Between server components, server actions, signals, compilers, and more, we're seeing new innovations pop up faster than most of us can handle. The trick to avoiding the dreaded JavaScript fatigue is remembering that you can pick your lane: sure, you can live life on the cutting edge with the early adopters; b

                                  State of JavaScript 2023
                                • React 19 で変わるアクセシビリティ周りの技術 - SmartHR Tech Blog

                                  こんにちは。アクセシビリティ本部のアクセシビリティエンジニアの五十嵐です。SmartHRでは主にアクセシビリティテスターが見つけた課題を技術的な観点から改善したり、根本的な問題を解決するための仕組みづくりを担当しています。 さて、Meta が開発する UI ライブラリとして長い間人気を博している React ですが、2024年4月に最新版であるバージョン 19 のRC版が公開されており、注目を集めています。 バージョン 19 では "use client" や "use server" でも知られる Server Components を含む様々な機能が含まれる予定ですが、この記事では、そんな React バージョン 19 をアクセシビリティの観点からキャッチアップし、特に便利になりそうな点や、注意が必要になりそうな点などを見ていきます。 forwardRef が不要になった 仮想 DOM

                                    React 19 で変わるアクセシビリティ周りの技術 - SmartHR Tech Blog
                                  • 週刊Railsウォッチ: Ruby on Jets 6.0がRailsをサポートほか(20240620後編)|TechRacho by BPS株式会社

                                    週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やX.comでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを(鍋のように)社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hachi8833までメンションをいただければ確認・対応いたします🙏 TechRachoではRubyやRailsなどの最新情報記事を平日に公開しています。TechRacho記事をいち早くお読みになりたい方はTwitterにて@techrachoのフォローをお願いします。また、タグやカテゴリごとにRSSフィードを購読することもできます(例:週刊Railsウォッチタグ) 🔗Rails: 先週の改修(Rails公式ニュースより) 公式更新情報: Ruby on Rails — Better error message, opt-i

                                      週刊Railsウォッチ: Ruby on Jets 6.0がRailsをサポートほか(20240620後編)|TechRacho by BPS株式会社
                                    • 【海外記事紹介】2024年に使うべきJavaScriptライブラリ10選

                                      6月19日、The New Stackに「Top 10 JavaScript Libraries To Use in 2024」と題した記事が公開された。この記事では、2024年に利用すべきJavaScriptライブラリのトップ10について紹介されている。 以下に、その内容を簡潔に紹介する。 React 強力なコンポーネントベースのアーキテクチャにより、複雑なユーザーインターフェースの開発が容易。 仮想DOMの実装により、パフォーマンスが向上。 豊富なエコシステムとコミュニティのサポートがあり、継続的な改善が期待できる。 Redux 予測可能な状態コンテナで、アプリケーションの一貫性を確保。 一方向のデータフローにより、状態管理がシンプルになり、デバッグが容易。 大規模なアプリケーションでのスケーラビリティとメンテナンス性を向上。 D3.js データをDOMにバインドし、データ駆動の変換を

                                        【海外記事紹介】2024年に使うべきJavaScriptライブラリ10選
                                      • JavaScript記述なしでモダンUIを作成できる「htmx」、最新版「htmx 2.0」で何が変わったか

                                        htmxチームは2024年6月17日(米国時間)、JavaScriptライブラリ「htmx」の最新版となる「htmx 2.0」を公開した。htmxは、JavaScriptコードを記述せずに、HTMLからモダンブラウザの機能に直接アクセスできるライブラリだ。 htmxはHTML内の属性を通じて、Ajax、CSS トランジション、WebSocket、Server Sent Events(SSE:サーバ送信イベント)へのアクセスを直接提供する。開発者がハイパーテキストのシンプルさとパワーを生かして、モダンなユーザーインタフェース(UI)を構築できるようにすることを目的としている。 htmxはサイズが小さく、依存関係がなく、拡張可能だ。htmx 1.xは「Internet Explorer(IE)11」と互換性があり、フロントエンドJavaScriptライブラリである「React」の3割強程度のサ

                                          JavaScript記述なしでモダンUIを作成できる「htmx」、最新版「htmx 2.0」で何が変わったか
                                        • 大規模サービスのローンチに向け、パフォーマンスチューニングした話 #go #aws

                                          背景 こんにちは!Hanoi Dev Centerでバックエンドエンジニアをしているminhquangです。この記事では、私がAI事業本部のある新規プロダクト開発に参画した際に経験したパフォーマンスチューニングについて話したいと思います。 皆さんはサービスのローンチ(サービスを世の中に初めて出すリリース)をやったことがありますか。サービスローンチするときに、リクエストのスパイクや、ユーザー数の増加によるサーバー負荷増加など、様々な未知な課題が存在します。 私のチームでは数百万人の利用が見込まれるサービスにおいて、18000RPSを実現するべく負荷試験とパフォーマンスチューニングを実施しました。 本記事では、上記のサービス要件を満たすために私たちが取り組んだ負荷試験やパフォーマンスチューニングについて説明しつつ、これらの経験から得られた学びを共有したいと思います。 前提 技術スタック サーバ

                                            大規模サービスのローンチに向け、パフォーマンスチューニングした話 #go #aws
                                          • 【入門】Reactとは?特徴やインストール方法をわかりやすく解説 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作


                                            TechnologyWebReact React ReactWebJavaScriptFacebook2013 ReactJavaScriptSPA React3  
                                              【入門】Reactとは?特徴やインストール方法をわかりやすく解説 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                            • 【図解】Next.jsで理解するSSRとクライアントルーティングの通信の仕組み

                                              「Next.jsで理解するSSRとクライアントルーティングの違い」という名目で社内にて簡単に勉強会を行いました。本記事は、その内容を適宜編集して公開するものです。 TL;DR 以下の要約を読んで、「なんだその話か」って思った方は引き返していただいて大丈夫です。逆に「えっそうなの・・・?」と思った方は、ぜひ読んでください! Next.jsアプリケーションにおいて、/hogeと/fugaというページがあり、それぞれgetServerSideProps()が定義されているとします 最初ブラウザで/hogeを開いたとき、Next.jsアプリケーションはブラウザから/hogeへのGETリクエストを受け取り、getServerSideProps()を実行します 次に/hogeから/fugaへrouter.pushで遷移すると、Next.jsアプリケーションはブラウザから/fugaへのGETリクエストを

                                                【図解】Next.jsで理解するSSRとクライアントルーティングの通信の仕組み
                                              • プログラミング言語ごとのコミュニティの最大規模はJavaScriptの約2520万人、続いてPythonが1820万人、Javaが1770万人など。SlashDataの調査

                                                プログラミング言語ごとのコミュニティの最大規模はJavaScriptの約2520万人、続いてPythonが1820万人、Javaが1770万人など。SlashDataの調査 ソフトウェアデベロッパーを中心とした調査会社のSlashDataは6月15日、2024年第1四半期時点のプログラミング言語ごとのコミュニティの大きさについてのレポートを発表しました。 これは同社が行った世界135カ国から1万人以上の回答者を集めたアンケート結果などを基に同社が推測しレポートとして発表する予定の内容の一部を公開したものです。 下記は同社が発表したプログラミング言語別のコミュニティを大きさ順に示した図の一部を切り取ったものです。 これによると、最大のコミュニティを持つプログラミング言語はJavaScriptで2520万人。もっともポピュラーな用途はWeb開発となっています。ただしこの人数にはTypeScri

                                                  プログラミング言語ごとのコミュニティの最大規模はJavaScriptの約2520万人、続いてPythonが1820万人、Javaが1770万人など。SlashDataの調査
                                                • LLMの価値を享受できないのは「全従業員向け」だから 95パーセントがニッチ業務だからこそ必要なチューニング


                                                    LayerXAILLM LLMDX  LLMLLM
                                                    LLMの価値を享受できないのは「全従業員向け」だから 95パーセントがニッチ業務だからこそ必要なチューニング
                                                  • JavaScriptの活躍の場を広げる「ランタイム」の今

                                                    執筆 山内 直 有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ(代表 山田祥寛)に所属するテクニカルライター。出版社を経てフリーランスとして独立。ライター、エディター、デベロッパー、講師業に従事。屋号は「たまデジ。」。著書に『Bootstrap 5 フロントエンド開発の教科書』、『作って学べるHTML+JavaScriptの基本』など。 監修 山田 祥寛 静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。 主な著書に「独習」シリーズ、「これからはじめるReact実践入門」、「改訂3版 JavaScript本格入門」他、

                                                      JavaScriptの活躍の場を広げる「ランタイム」の今
                                                    • GA4でお問い合わせフォームがどこまで入力されているかを分析する方法 | Pivot-Form(ピボットフォーム)

                                                      GA4でお問い合わせフォームがどこまで入力されているかを分析する方法 【寄稿】連 久実子さん ブログ:https://shuhu-marketing.com/ X:https://twitter.com/shuhu_marketing/ 広告代理店を経て、メーカーEC運用部門にてサイト構築運用・カスタマーオペレーション・ロジスティクスと広く経験した後、ブランディング及び販促戦略企画に携わり、現在は、フリーランスのWebアナリストをしています。「レンさん」と呼ばれるのを密かに気にしています(連と書いてムラジと読みます)。 こんにちは、Webアナリストをしている連久実子です。 はじめに伝えておきます・・・この方法だいぶ面倒くさいです。フォームがどこまで入力されているかをざっくり把握したいだけであれば、Microsoft Clarityを使った方がめちゃくちゃ楽です。 じゃあ何故今回ご紹介する分

                                                        GA4でお問い合わせフォームがどこまで入力されているかを分析する方法 | Pivot-Form(ピボットフォーム)
                                                      • リファクタリングの道標:リファクタリングを通じて組織を改善していく - トレタ開発者ブログ

                                                        こんにちは。トレタ技術顧問の奥野 (@okunokentaro) です。先日のブログ記事『奥野さんと社員のリファクタリング部屋 -リポジトリ層のディレクトリをどう作る?-』に対して多くの反響をいただき、ありがとうございます。いただいたご意見やご質問の一つひとつが非常に貴重であり、大変感謝しています。 いくつか個別に質問をいただくことがあったのですが、それらの質問を要約すると「リファクタリング後のコードもまだツッコミどころだらけでは?」や「リポジトリ層という名前がまずおかしいのでは?」という二つの点に集約されました。これらの質問はとても理解できます。今回の記事では、具体的な個別の質問への個別の回答は控えさせていただきますが、全体的な方針とテーマについてお伝えした上で、トレタが取り組んでいるリファクタリングは何を目指しているのかというお話をします。 前提と目的 今回のブログ記事『リファクタリン

                                                          リファクタリングの道標:リファクタリングを通じて組織を改善していく - トレタ開発者ブログ
                                                        • Why People are Angry over Go 1.23 Iterators

                                                          NOTE: This is based on, but completely rewritten, from a Twitter post: https://x.com/TheGingerBill/status/1802645945642799423 TL;DR It makes Go feel too “functional” rather than being an unabashed imperative language. I recently saw a post on Twitter showing the upcoming Go iterator design for Go 1.23 (August 2024). From what I can gather, many people seem to dislike the design. I wanted to give m

                                                          • いかにして動的型付けのRubyに静的な型検査を持ち込むか? SteepとRBSが目指すもの - Findy Engineer Lab

                                                            Rubyをはじめとする「動的型付け」のプログラミング言語は、ソースコード中に型に関する記述が陽に出てこないことが特徴で、プログラムの実行前に(静的に)型検査をすることはありません。しかし、このようなプログラミング言語においても、大規模な開発における品質の向上や開発体験の改善、実行の高速化のために、静的な解析を活用しようという試みは多くなされてきました。この記事では、動的型付けの言語のための型検査の歴史を簡単に振り返って、現在私が開発しているRuby向けの型検査器Steepとその基盤となっている型記述言語RBSについて説明し、今後の展望を議論します。 著者:松本宗太郎さん(@soutaro) Rubyコミッター。大学院でRubyプログラムの型検査の研究に取り組み、修了後はスタートアップでWebアプリケーションの開発に従事。2017年から型検査ツールSteepの開発を始め、2019年からはRu

                                                              いかにして動的型付けのRubyに静的な型検査を持ち込むか? SteepとRBSが目指すもの - Findy Engineer Lab
                                                            • </> htmx ~ htmx 2.0.0 has been released!

                                                              htmx 2.0.0 Release I’m very happy to announce the release of htmx 2.0. This release ends support for Internet Explorer and tightens up some defaults, but does not change most of the core functionality or the core API of the library. Note that we are not marking 2.0 as latest in NPM because we do not want to force-upgrade users who are relying on non-versioned CDN URLs for htmx. Instead, 1.x will r

                                                              • 【JS体操】第2問「画像の横長具合を比較しよう」〜正攻法&ハック部門の解説〜 - KAYAC engineers' blog

                                                                こんにちは! カヤック面白プロデュース事業部のおばらです。 普段は受託案件のデザイン・フロントエンド開発などを担当しています。 さて、『JS体操』第2問 いかがでしたか? 今回初めての方々 第1問に引き続きの方々 複数のアプローチで何通りも回答してくださった方々 普段業務で JavaScript をバリバリ書いているであろう方々 JavaScript を学んでいる学生の方々 などたくさんの方々が挑戦してくださいました。 とても嬉しいです。ありがとうございます! 『JS体操』とは? 『JS体操』とはカヤックが主催する JavaScript のコードゴルフ大会です。 もともとは社内の勉強会として始めた施策です。 その詳細は以下のブログ記事を御覧ください! techblog.kayac.com 第2問の詳細はこちら https://hubspot.kayac.com/js-taiso-002 も

                                                                  【JS体操】第2問「画像の横長具合を比較しよう」〜正攻法&ハック部門の解説〜 - KAYAC engineers' blog
                                                                • UUIDv7 in 31 languages

                                                                  UUIDv7 is a 128-bit unique identifier like it's older siblings, such as the widely used UUIDv4. But unlike v4, UUIDv7 is time-sortable with 1 ms precision. By combining the timestamp and the random parts, UUIDv7 becomes an excellent choice for record identifiers in databases, including distributed ones. Let's briefly explore the UUIDv7 structure and move on to the zero-dependency implementations i

                                                                    UUIDv7 in 31 languages
                                                                  • Mistral AI、80以上のプログラミング言語に精通したコーディング向け生成AIモデル「Codestral」を発表

                                                                    このニュースのポイント Mistral AIがコーディング向け生成AIモデル「Codestral」を発表 Python、Javaなど人気の言語を含む80以上のプログラミング言語に精通 CodestralはHuggingFaceからダウンロード可能で、APIエンドポイントを通じて利用可能。8週間のベータ期間中は無料で利用できる 米Microsoftが支援するプランス企業のMistral AIは、Python、Java、C、C++、JavaScript、Bashなど、人気の言語を含む80以上のプログラミング言語に精通したコーディング向け生成AIモデル「Codestral」を発表しました。 Codestralは、コード生成タスク専用に設計された220億パラメーターのオープンウェイト生成AIモデルで、コード生成から完成までのタスクに特化しており、非商用ライセンスのもとで利用可能です。 Codest

                                                                    • 7月1日に「フロントエンドエンジニアコース」をオープンします

                                                                      現在ある「Railsエンジニアコース」に加えて、7月1日から「フロントエンドエンジニアコース」をオープンする予定です。 Railsエンジニアコースでもフロントエンドには触れていますが、あくまでRailsエンジニアとして必要な程度に留まっています。フロントエンドエンジニアコースでは[TypeScript](https://www.typescriptlang.org/)や[React](https://ja.react.dev/)を中心として、フロントエンド専門で就職できる様にしっかり学べるコースです。 チーム開発も[Next.js](https://nextjs.org/)を使った実際に稼働しているサービスを開発するので仕事同様の経験を積むことができます。 「Railsエンジニアコース」では、バックエンド・フロントエンドに加えてインフラにも触れているなど、学習範囲が広く、卒業まで1年以上か

                                                                        7月1日に「フロントエンドエンジニアコース」をオープンします
                                                                      • Aceでテキストエリアをエディタ化する


                                                                          GMO NIKKOKONCE JSAce調 使   GMOSSP GMOSSP  HTML/CSS/JavaScript /使    
                                                                          Aceでテキストエリアをエディタ化する
                                                                        • 一瞬で理解するHydration


                                                                            Hydration Hydration  HTML  JavaScript  React  SSR  SSR JavaScript HTML  HTML   HTML  ""  Web 
                                                                            一瞬で理解するHydration
                                                                          • 読まないと後悔する技術書30選 - Qiita

                                                                            はじめに 現代の人に名著以外の本を読むような時間はない こんにちは、Watanabe Jin (@Sicut_study)です みなさんは何か新しい技術を学ぶときにどんなコンテンツを利用するでしょうか? 最近ではUdemyなどの動画講座を利用する人が多いと思いますが、本を読んで学ぶという人もまだまだ多いのではないかと思います 今回は私がこれまで5年間読んできた150冊以上の中から厳選した30冊の本を紹介します。広く多くの人に役立つものから、特定の技術の書籍までどれを読んでもあなたの大切な一冊になるのでぜひ読んでみてください 現代人には時間がない なぜ働いていると本が読めなくなるのかという本が話題になりました 現代人は本を読む時間がなくなっています。 仕事に追われてしまい、プライベートで本を読む暇などなくなっているのです。 しかし、エンジニアは「技術職」なのでプライベートの時間でも学習をして

                                                                              読まないと後悔する技術書30選 - Qiita
                                                                            • 2024年版「基本的なウェブアプリケーションを構築する」のチュートリアル手順まとめてみた[Amplify Gen2対応] | DevelopersIO

                                                                              初めてAWSのサーバレスサービスを学習するときに利用できる「基本的なェブアプリケーションを構築する」の内容を2024年現在でも実行できる手順にしてみました こんにちは、臼田です。 みなさん、AWSのチュートリアル活用してますか?(挨拶 今回はAWSの初心者向けハンズオンコンテンツである基本的なウェブアプリケーションを構築するを2024年の現在版の手順としてまとめてみました。 このコンテンツはAWSのサーバレスなサービスを利用して、簡単にウェブアプリケーションを作成する体験ができるチュートリアルとなっており、登場するAWSの各サービスを理解するのにちょうどよい内容でした。しかし、リリースされてしばらく経っているのもあり、特に今回のAmplify Gen2リリースもあってだいぶ画面や操作方法などが変わってしまいました。 実現できる事自体は変わらないので、現時点でこのチュートリアルを初心者でも完

                                                                                2024年版「基本的なウェブアプリケーションを構築する」のチュートリアル手順まとめてみた[Amplify Gen2対応] | DevelopersIO
                                                                              • TypeScriptユーザーに贈るGleam入門

                                                                                最近v1に到達したGleamという静的型付けな関数型言語があります。 GleamはErlangとJavaScriptをターゲットに実行できるため、今TypeScriptを使っている領域でも使うことができます。 この記事ではTypeScriptユーザー向けにGleamの文法を解説していきます。 記事を通してGleamの良さを感じていただければ幸いです。 Gleamの公式サイトでは以下の言語のユーザー向けのチートシートもあるため、この中に知っている言語があるのならそちらを読んでみるのがオススメです。 Elixir Elm Erlang PHP Python Rust また、個人的にGleamの情報をCosense(Scrapbox)にまとめているので、リファレンスがてら覗いてみてください。 organizationとして管理していきたいと考えているので、編集のリクエスト等も歓迎です。 編集した

                                                                                  TypeScriptユーザーに贈るGleam入門
                                                                                • 新しい HTML <permission>> 要素のオリジン トライアル  |  Blog  |  Chrome for Developers

                                                                                  ウェブアプリでの位置情報アクセスなどの強力な機能を使用するための権限をリクエストする命令型の方法はいくつかあります。これらの方法にはいくつかの課題が伴うため、Chrome の権限チームは新しい宣言型方式である専用の HTML <permission> 要素をテストしています。この要素は Chrome 126 のオリジン トライアルであり、最終的には標準化したいと考えています。 権限をリクエストするための命令型メソッド ウェブアプリが強力な機能にアクセスする必要がある場合は、権限をリクエストする必要があります。たとえば、Google マップが Geolocation API を使用してユーザーの位置情報を必要とする場合、ブラウザはユーザーにプロンプトを表示し、多くの場合、その決定内容を保存するオプションが表示されます。これは、権限の仕様において明確に定義された概念です。 事前リクエストではな

                                                                                    新しい HTML <permission>> 要素のオリジン トライアル  |  Blog  |  Chrome for Developers