もうjsなんていらない！世界で流行っているHTMXについてまとめてみた - Qiita
HTMXとは HTMXは、JavaScript を記述せずに、Ajax通信や高度なUXを実現できるライブラリ。 軽量 で 高速 で、既存のサーバーサイドのフレームワークとシームレスなやり取りができる。また、AJAX通信の発火、フォームの送信処理、DOMの更新などを既存のHTML要素を拡張するだけで可能とする。WebSocketやSSEにも対応しているので、チャットアプリなどにも適している。 2023 JavaScript Rising Starsでは、 フロントエンド・フレームワーク部門で見事2位に輝いた！(一位はReact、全部門だとshadcn/ui) 似たような機能として、Ruby on RailsのHotWireがあるらしい。 2024年はHTMXがくると言われているぐらい世界で騒がれているのだが、あまり日本では流行っていない。以下はGoogleトレンドで調べた結果である。 アメリ
Ajaxから始まった一つの時代の終わり
最近の流れを見ていての感想文なので、ideaとして投稿します。筆者のバックグラウンドとしては、Remixの商業記事を書いたり、App Routerの商業記事を書いたりしている人です。 さて、筆者は2022年の秋から、社内システムではありますがRemixをプロダクション運用しています。また、Next.jsのApp Routerについても、パラダイムとしてはRemixにインスパイアされた部分が多い[1]おかげで、順調にキャッチアップできています。 RemixとApp Routerは、ルーティングとデータフェッチを高度に統合しており、Progressively Enhanced SPA（PESPA）と呼ばれることもあるそうです。PESPAについては、次の記事が話題になりましたね。 このPESPAであるRemixを実運用する中で、フレームワークの手触りが近年触ってきたものと大きく違っている点があっ
Google Libraries API
Google Hosted Libraries は、最も人気のあるオープンソース JavaScript ライブラリを対象とした、安定性と信頼性を兼ね備えた高速でグローバルに利用可能なコンテンツ配信ネットワークです。 Google は、各ライブラリの取り組みにおける主要な関係者と直接連携し、最新バージョンがリリースされるたびに承認します。 ライブラリ ホストされているライブラリを読み込むには、そのライブラリの HTML スニペット（下を参照）をコピーしてウェブページに貼り付けます。たとえば、jQuery を読み込むには、<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> スニペットをウェブページに埋め込みます。 ウェブサイトで HTTP のみを使用している場合でも、C
スナック「jQuery」 - Qiita
……あら、いらっしゃい。 若いお客さんなんて珍しいわねえ。昔は、この街一番の人気店でね、若いお客さんもたくさんいたんだけどさ。最近はめっきり減っちゃってね。 何飲む？ ……水割り？ わかったわ。 じゃあさ、ちょっとだけ、あたしの昔話に付き合ってもらってもいいかしら。 What is jQuery? この店――『jQuery』がオープンしたのって、2006年なんだけどさ。その頃の、この街の様子って覚えてる？ ……知らないか。あなた、まだ若いもんね。その頃って、そりゃあヒドイもんだったのよ。 その頃、シェア率トップだったブラウザって、もちろんInternet Explorerだったんだけど。当時はバージョン7が登場したばかりで、あの悪名高きIE6もまだまだ主流だったの。 他のブラウザは、Safariがバージョン3がMacとWindowsに公開されていた頃で、Firefoxはまだバージョン2.0
ざっくりFuelPHPの使い方 - Qiita
書いてる人 プログラミング学習サービスやら、ペットサロン予約サービス、風俗検索サービスなど色々とやっている「かずきち」です。 ■運営サービス一部 http://crazy-wp.com/ http://webukatu.com/ 新宿のホストから不動産・保険の営業を経て、HTMLって何？という状態から３ヶ月独学でプログラミングやデザインを学び、IT業界で１年間実務経験を積んで年収は１本超え。現在は起業家としてサービス運営やら不動産運営をしています。 Qiita内にそれ系の記事も書いてます。 エンジニアで稼ぐために大切な１３のコト WEBサービスで起業したい人に読んで欲しい１８のコト fuelPHPまとめ 環境はMac＆MAMPを使ってる前提でまとめてます。 FuelPHPは1.7.2を使用。 インストール １．クイックインストーラをインストールする
プロダクトに 1 から Vue.js を導入した話
プロダクトに 1 から Vue.js を導入した話1. プロダクトに 1 から Vue.js を取り入れた話 マーケティング事業の開発現場でリアルに使われるJS事情 2. 岡田 正平（おかだ しょうへい）@okashoi • 開発グループ ソリューションユニット所属 • 2015年にウィルゲートに新卒入社（3年目） • サーバサイドエンジニア • PHP / Laravel • Vue.js をチームに導入した立場のお話をします 2 自己紹介 3. 宮西 由貴（みやにし ゆうき） • 開発グループ ソリューションユニット所属 • 2016年にウィルゲートに新卒入社（2年目） • フロントエンド勉強中 • Vue.js の導入を受けたメンバーの立場から お話をします 3 自己紹介 4. 4 ウィルゲートの事業 5. • 前半パート「チームに導入した話」@岡田 • 後半パート「実際に使った話」
高井たかし（民進党）公式サイト | 地方創生特別委員会にて、「国家戦略特区」について、石破大臣に質問しました。 「世界で一番ビジネスがしやすい国をめざす」が目的だった特区です��
高井たかし（民進党）公式サイト | 地方創生特別委員会にて、「国家戦略特区」について、石破大臣に質問しました。 「世界で一番ビジネスがしやすい国をめざす」が目的だった特区ですが、「地方創生特区」という考えが出てきてから、特区の意味が変わってしまいました。「お試しで規制緩和をやってみる」という特区ではあまり意味が無く（規制緩和は特区でなく、全国ですぐにやればよい）、世界と競争するために大胆な「規制緩和」と「金融・税制・財政の優遇措置」を集中して支援する特区が必要です。 ロンドン、パリ、ニューヨークと戦うためには、やはり「東京」しかありません。外資系の某フィンテック企業の方がこんなことを言っていました。 「東京ほどあらゆるものが集まっている都市は無い。あとは国の支援があれば、東京は間違いなく世界の金融センターになれる。」 東京都は、大手町に「金融特区」、竹芝に「コンテンツ特区」など10の特区を
もう迷わない！HTML5のもっとも基本的なテンプレートはこれだ！（2016年版）
HTMLを書くときのベースとなる「書き出し」。いまどきはエディターにプリセットされていますし、ネットにも山ほど転がっていますが、どうせならきちんと意味を理解して、自分だけのテンプレートを作っておくとカッコいい。 HTML5を習得していくうちに、HTML5のテクニックをまとめて使ったひな型を作っておきたいと考えることでしょう。もちろんお勧めしますし、開始点として便利な、オンラインソースの使用も検討してみるもいいでしょう（もっと詳しく知りたい場合は、html5boilerplate.comやhttps://github.com/murtaugh/HTML5-Resetも参照してください）。 ただし今回は、構築内容も含め、コードを一から説明していきます。なぜならHTML5とCSS3を使ったサイトやWebアプリを作る際、使えるオプションに詳しくなれるし、この記事をテクニックの手引きとして参照しやす
【はてなブログ】スクロールするとヘッダーに固定されるグローバルメニューの作り方｜1mm
回遊率をあげるために、グローバルメニューを固定させたい ヘッダー部分にメニューつけてるブログをよく読むんですが、本文が長文になって下にスクロールしていくと、ヘッダーが隠れてグローバルメニューが表示されなくなるんですよね…。 トップ戻るボタンで戻るのも良いんだけど、出来るだけ無駄なクリック数減らしつつ、沢山のページを見てもらえる仕様にしたい…。 という事で、試行錯誤しながら普通のグローバルメニューを「固定グローバルメニュー」に変えてみましたー！ ちなみに今のメニューは、ゆきひーさんが作ったお洒落メニューをベースとして使用させていただいてます！ いつもありがとうございます〜 www.yukihy.com 固定グローバルメニュー設置 まずは、新たに固定メニューを設置する場合からです。 この場合は以下のサイト通りにコピーしていくと簡単に固定されるメニューが出来上がります。 ※カスタマイズを行う際は
Re: MySQL + PHP + Google Maps API 復習 - Seis Pesos
MySQL データベースに php でアクセスして Google マップを作る方法を書き直し再録します。ただし、以下の例はレンタルサーバーがロリポップのケースです。お使いの環境によって多少変わるかもしれないことをご了承下さい。 今回は、例として次のような地図を作ります。 （新しいウィンドウで開く） ・まず、phpMyAdmin で MySQL にアクセス。 ・ひとつテーブルを設けます。 ・このフィールドに、以下を記述。例として、テーブル名を「MLB」とします。 CREATE TABLE MLB ( id int(11) NOT NULL auto_increment, stadium varchar(255) NOT NULL default '', lat decimal(10,6) NOT NULL default '0.000000', lng decimal(10,6) NOT N
jQuery 関連記事まとめ - Cyokodog::Diary
はてブだと埋もれるのでこちらに書き足してきます。 jQuery 基本機能 本家 jQuery.com リファレンス jQuery 日本語リファレンス jQuery 開発者向けメモ jQuery リファレンス- openspc2 jQuery 1.2.6 リファレンス - StackTrace チートシート HTML/CSS, jQuery, WordPressなどウェブ制作者のためのチートシート集 - coliss スライド・関連情報 はじめての jQuery jQueryのプレゼンVIDEO - JAM LOG 第1回 Silverlight vs. jQuery＋ASP.NET AJAX - @IT チュートリアル jQuery 入門 - openspc2 jQuery を使って Ajax 開発を単純化する - IBM jQueryの魔法 - All About jQuery ではじめ
Ajax - Amazonと楽天に二股かけてみる : 404 Blog Not Found
2010年07月09日05:00 カテゴリLightweight Languages Ajax - Amazonと楽天に二股かけてみる えーっ!? 勝間和代公式ブログ: 私的なことがらを記録しよう!!: 楽天ブックスに感動→ブログのリンクをamazonから楽天ブックスに切り替えます 私のブログのメインの画面のリンクはだいたい楽天ブックスに張り替えてみましたので、まだ体験していない方がいらっしゃったら、試してみてください。 っても 楽天ブックスに感動→ブログのリンクをamazonから楽天ブックスに切り替えます (勝間和代公式ブログ: 私的なことがらを記録しよう!!) - ヲハニュース 結局、アフィリの報酬（料率）なんですよね。 ですよねー ん、まてよ? 二股かけられんか? かけられるじゃん。 ASIN: Status: Title: Author: itemPrice:円 Amazonで購入
Tutorial: Tic-Tac-Toe – React
You will build a small tic-tac-toe game during this tutorial. This tutorial does not assume any existing React knowledge. The techniques you’ll learn in the tutorial are fundamental to building any React app, and fully understanding it will give you a deep understanding of React. This tutorial is designed for people who prefer to learn by doing and want to quickly try making something tangible. If
Strutsを使い続けることの問題点＆現在有力なJava EE、Spring、Play Frameworkの基礎知識とアーキテクチャ
エンタープライズJava開発に従事している方であれば、一度はStruts 1を扱ったことがあるでしょう。Struts 1はJavaのWebアプリケーションフレームワークとして2001年ごろに誕生しました。 MVCモデルに基づいたアーキテクチャと高い生産性から、数年後にはデファクトスタンダードとなるほどの人気を獲得。当時、多くの企業がこぞってStruts 1を使った企業システムを構築しました。筆者自身が業界に入ったのは2004年のこと。最初に参加したプロジェクトがStruts 1を使った企業システムの構築だったことをよく覚えています。 当時に作られたシステムの多くは、今でも現役で稼働しています。最近でもStruts 1ベースの企業システムを改修する話はよく聞きます。しかし、2013年にサポート終了を迎えたため、今後Struts 1を使い続けることは大きなリスクになりました（参考）。つまり、新
ぱくたそというWebサービスの開発と改善 #ぱくダー｜フリー素材のぱくたそ
こんにちは、気がつけばブログリリースしてから2回目の記事というぱくたそブログ実装担当のYuuです。 この記事は、「ぱくたそ Advent Calendar 2015」の14日目の記事です。 「ぱくたその裏側で何をやってきたか」についてご紹介します。ぱくたそで何をやっているのか 「テクニカル・ディレクター」という役割で、主にサイト開発実装や運用時のトラブル・技術相談などやっています。 具体的なものとしては、 デザインの改修 フロントエンドのコーディング改修・実装 バックエンドのMovable Typeとnginxに関わる実装 コラボ企画のディレクション といったところです。 ぱくたそとの出会い（2012年3月） ぱくたそがリリースされて半年くらいの時に、すしぱくさんと知り合いました。 Movable Typeのイベントに参加して、たまたま近くにいたのがすしぱくさんで、実装で困っているところが
zuzara.com » 日本で公開されているAPI一覧（下書き）
追記：清書としてusing API;でAPIに関するブログをはじめました。 「ProgrammableWeb: Web 2.0 Mashup Matrix」には海外のAPIがずらりと並んでいますが、日本語圏のAPIの最新のリストは見当たらなかったので集めてみました。 Nakamura-KU ADDICT <>invGeocoder のREST 緯度経度を引数に住所を返す写真共有「フォト蔵」Geocoding API – 住所から緯度経度を検索RSSナビ –開発者の方 (RSSナビ RSET API)Simple API – ウェブサイト・サムネイル化ツールlivedoor PICS WebService – livedoor PICS サービスのお知らせ – livedoor Wiki（ウィキ）ヨコナビ – livedoor ReaderのAPI一覧Weather Hacks – live
Ajaxの特徴に潜むリスクをサンプルアプリで確認しよう ― ＠IT
第1回 Ajax技術の目に見えない通信内容をのぞいてみようでは、Ajaxの技術背景を解説しました。今回は、「セキュリティ」という観点でAjaxを見ていきたいと思います。 2回目の今回は、非常に幅広く、奥が深い「Ajaxの特徴に潜むセキュリティリスク」を、実際のサンプルアプリケーションの通信や、マウスの動きを動画で見ながら、理解しましょう。スパイウェアやキーロガーへの基本的な対策も解説します。 通常のWebアプリと異なるAjaxの特徴に潜むリスク 「Ajaxのセキュリティ」といきなりいっても、『Ajaxとはいえ、単なるWebブラウザで動作するアプリケーションなのだから、これまでのWebアプリケーションのセキュリティとあまり変わらないのでは？』と予想される方も多いでしょう。確かに、Webアプリケーションとして注意すべきセキュリティのポイントは、Ajaxにおいても共通して当てはまると考えて問題あ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【翻訳】 2016年にJavaScriptを学んでどう感じたか - Endo Tech Blog
http://japan.internet.com/developer/20090807/26.html?rss
Page Not Found - NxWorld
