Webフロントエンド入門
まずはじめに HTML、CSS、JSを学んだ後にモダンなweb制作を行う上でこれから何を学べばいいだろうと手探り状態だった過去があるので、今同じ悩みを抱えている方に向けてこの記事を書こうと思いました。また、自分自身が2023年に多くのことを学んだのでそれの整理になればという思いもあります。 あと、いいね、コメントいただけると記事作成の励みになります😇 この記事の対象者 HTML, CSS, JSはある程度理解した モダンなWeb制作を行いたい これから学ぶべき技術 React, Next.js 一度は聞いたことある人も多いと思います。これは、Webサイトを効率的に開発することを目的に作られたJSのフレームワーク(正確にいうとReactはライブラリ)です。 ReactはFacebook社が開発したもので、それをVercel社がより使いやすくしたものがNext.jsです。 作成するものによっ
2025: The year in LLMs
31st December 2025 This is the third in my annual series reviewing everything that happened in the LLM space over the past 12 months. For previous years see Stuff we figured out about AI in 2023 and Things we learned about LLMs in 2024. It’s been a year filled with a lot of different trends. The year of “reasoning” The year of agents The year of coding agents and Claude Code The year of LLMs on th
Inazuma Search
Inazuma Searchとは あなたのPCやネットワークの共有フォルダ上にある、Officeなどの文書ファイル (Word, Excel, PowerPoint, OpenDocument, PDF, 一太郎, html, テキストファイルなど) を高速に全文検索することができる、Windows用のフリーソフトです。 あらかじめ「クロール」処理を行って文書情報を集めておくことで、数千件の文書ファイルを1秒程度で検索することが可能です。 かつて存在した「Googleデスクトップ」に近い使い心地のアプリケーションを目指して制作しました。 スクリーンショット 特徴 大量の文書ファイルを高速に検索 (数千件の文書ファイルを1秒程度で検索可能) Googleライクで見やすい検索結果画面 タスクバーに常駐して、PC内のファイルが変更されたら自動的に登録し、検索可能にする「常駐クロールモード」搭載
弊社では社内システムが多く運用されています。そのうちの一つに私が開発・運用している「Nicole」というシステムがあります。 これは、いわゆるニコカレ(ニコニコカレンダー)をWebベースで入力・閲覧できるシステムで、今では社内SNS的な位置付けにもなりつつあります。 今回、このシステムをNext.jsとRuby on Rails(以降、Railsと表記)でリニューアルしました。リニューアルによりフロントエンドとバックエンドの分離に成功し、より速く・安全に開発が進められるようになり、UI/UXも洗練されたものになりました。今回はリニューアルの裏側を解説します。 目次 背景 システム構成 フロントエンドとバックエンドを分離 Dockerコンテナも分離 フレームワーク フロントエンド: Next.js バックエンド: Ruby on Rails API OpenAPIのスキーマ記述にStopli
フレームワークの種別 汎用型フレームワーク 超軽量型フレームワーク ユーティリティ特化系 おまかせ系 様々なフレームワーク Bootstrap Foundation Pure.CSS Primer CSS Tailwind CSS MVP.css Skeleton CSS Bulma SkyBlue Materialize UIkit Ant Design new.css Semantic UI Milligram Tachyons Spectre.css tacit Schema INK フレームワークの種別 汎用型フレームワーク Bootstrap に代表されるように、コンテナ、グリッドなどのレイアウト、テーブル、フォームなど様々なコンポーネントや、マージン、パディング、色付けなどのユーティリティを兼ね備えるものです。 Bootstrap Foundation Primer CSS B
Exactly ten years ago today, we published "Why We Created Julia", introducing the Julia project to the world. At this point, we have moved well past the ambitious goals set out in the original blog post. Julia is now used by hundreds of thousands of people. It is taught at hundreds of universities and entire companies are being formed that build their software stacks on Julia. From personalized me
State of Text Rendering 2024
Preface In 2009 I wrote State of Text Rendering, as a high-level review of the Free Software text rendering stack, with a focus on shaping, and mostly in the context of the GNOME Desktop. Since then, I have spent around twelve years working on various Google products to improve fonts and text rendering: all Open Source work. When I wrote that text in 2009, my main assignment was to finish HarfBuzz
週刊Railsウォッチ: Bundler自身のバージョンロック機能、gem署名メカニズムの提案ほか（20220216後編）｜TechRacho by BPS株式会社
週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hachi8833までメンションをいただければ確認・対応いたします🙏 TechRachoではRubyやRailsなどの最新情報記事を平日に公開しています。TechRacho記事をいち早くお読みになりたい方はTwitterにて@techrachoのフォローをお願いします。また、タグやカテゴリごとにRSSフィードを購読することもできます（例:週刊Railsウォッチタグ） 🔗Ruby 🔗 提案: gemに署名するメカニズム（Ruby Weeklyより） 元記事: rfcs/0000-introduce-a-new-signi
Vibe coding MenuGen
Very often, I sit down at a restaurant, look through their menu, and feel... kind of stuck. What is Pâté again? What is a Tagine? Cavatappi... that's a pasta right? Sweetbread sounds delicious (I have a huge sweet tooth). It can get really out of hand sometimes. "Confit tubers folded with matured curd and finished with a beurre noisette infusion." okay so... what is this exactly? I've spent so muc
【2025年版】作業が捗るおすすめウェブ開発ツール62選
テキストエディットやメモ帳を開いて「<HTML>」と入力し、プロジェクトが幕を開ける。そんな手法には、何とも言えない哀愁と魅力があります。多くの人が、そうやってプログラミングの世界に没頭してきました。そして今、ウェブ開発ツールはもはや、テキストを記録するだけにとどまらず、プロジェクトの運営を支援し、そのプロセス全体を加速させるものに。HTMLやCSSだけでなく、さまざまな要素が網羅されています。 例えば、企画段階でもツールが重要な意味を持ちます。ワイヤーフレーム、デザインの選択、共同作業のワークフローなどを検討する必要があります。さらに、JavaScriptフレームワークの選定、統合開発環境（IDE）の使用などについても考慮が欠かせません。 この記事では、2025年に知っておきたい62のウェブ開発ツールをご紹介します。まずは、本題に入る前に、私たちが考える「ウェブ開発ツールとは」という基本
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Next.js + Railsでリニューアルした社内ニコカレシステムの技術スタックを公開します
とほほのCSSフレームワーク入門 - とほほのWWW入門
Why We Use Julia, 10 Years Later