もう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トレンドで調べた結果である。 アメリ
僕の自作ツールが大学のサーバーをダウンさせてしまった日の話｜くりきん
2021年10月25日、この日は僕がただの大学生から、大学のサーバーをダウンさせた"犯人"へと変わった日です。 小説みたいな書き出しをしてみましたが、これは嘘みたいな本当の話で、ふと思い出して懐かしくなったので回想録として note に残すことにしました。 出来事の概要2年前の2021年10月、何が起きたかを簡単に書くと以下の通りです。 ・大学の授業や課題を管理するためのシステムを拡張するツールを作った ・ツールが予想以上の人数に使われ、結果として大学のサーバーに負荷がかかりサーバーが落ちる事態になった ・大学から呼び出しを受けることになった 時系列を追って、この note で出来事の全容を書きたいと思います。 使いづらい LMSまず前提として、私の大学では毎日の授業や課題は授業支援システム、通称 LMS と呼ばれるオンラインのシステムで管理されています。 実際のLMSの画面しかし、この
IT技術系Q＆Aコミュニティ「Stack Overflow」のトラフィックがわずか1年半で半減、チャットAIによる影響か？
コンピューターやプログラミングに関するナレッジコミュニティ「Stack Overflow」のトラフィックが、2022年4月から2023年6月末までの約1年強で半減したことが報告されています。 The Fall of Stack Overflow / Ayhan Fuat Çelik | Observable https://observablehq.com/@ayhanfuat/the-fall-of-stack-overflow The Fall of Stack Overflow | Hacker News https://news.ycombinator.com/item?id=36855516 エンジニアのアイハン・フアト・セリク氏の報告によると、Stack Overflowのトラフィックは2022年4月を境に急激に減少を始め、2021年2月のピーク時にはページ閲覧数が1日当たり約
ファイルダウンロード完全マスター | フューチャー技術ブログ
Real World HTTPでも紹介したネタですが、お仕事で受けている技術コンサル中に質問をいただいた時に、微妙に本で紹介した内容では少し足りなかったので、改めて整理のためにブログ記事にしてみました。次回、本が改訂されることがあればこのブログエントリーの内容も入れて加筆したいと思います。 Real World HTTPだとGoを使っていましたが、フロントとサーバーを同時にいじるので、本エントリーではNext.jsをサンプルに使います。Next.jsでプロジェクトを作って（npx create-next-app@latest –ts)、適当なプロジェクト名を入れてアプリケーションの雛形を作っておいてください。 Next.jsでは、1つのスクリプトファイルを作成すると、それがサーバーAPI(/pages/api以下)と、フロントの画面(/pages/以下のapi以外)になります。Next.j
[ヅ] Java で Twitter のツイートに含まれる短縮URLを展開する (2012-01-11)
[ヅ] JavaでテキストからURLを抽出する正規表現 を使ってツイート文字列からURLを抜きだして、 短縮URLサービスは90個以上あるそうで、個別のAPIを使ってたら埒があかない。以下のコードは、bit.ly, t.co, goo.gl などでテスト済みだけど、あらゆる短縮URLサービスで利用可能だと思います。 Javaでbit.ly等の短縮URLを展開する方法 « 来栖川電算 という素晴らしいコードがあったので、これを一部改造して使わせていただく。 ソースコード。 import java.io.*; import java.net.*; import java.util.*; import java.util.regex.*; public class UrlExpander { public static void main(String[] args) throws Except
PR TIMESにおけるフロントエンド開発基盤の構築 | PR TIMES 開発者ブログ
prtimes ├── config ├── file-cache ├── frontend <-- 旧フロントエンドのコード(JS,jQuery,Vue.js,SCSS,etc...） ├── htdocs ├── replace <-- 新しいフロントエンドのコード（React） ├── scss ├── serviceworkers ├── tests ├── tmp ├── upload_files ├── uploads └── vendor この構成にすることで、PR TIMESの既存のフロントエンドコード（JavaScript,jQuery,SCSSなど）のデプロイフローをそのまま利用できるため、インフラや CI/CD を新しく構築せずにReactを導入することができました。 旧デプロイフロー しかし、この構成には以下の課題がありました。 フロントエンドの実装が一つのリポジト
JavaScriptで「Unexpected token」というエラーが出る原因と対処法を現役エンジニアが解説【初心者向け】
「Unexpected token」とは JavaScriptを実装していると、以下のようなエラーに遭遇することが時々あります。 以下は日本語訳です。 Uncaught Syntax Error = 文法に誤りがある Unexpected token = 予期しない記号 つまり、コードを実行する上で正しくない箇所に記号が書かれていたりする場合に発生するエラーです。 [PR] フロントエンドで副業する学習方法を動画で公開中 Unexpected tokenエラーが出る原因と解決方法 エラーの原因 多くの場合、このエラーが発生する原因は、「カッコの対応関係が正しくない」ことにあります。 次のコードをみてください。 const test = () => { console.log('test'); }) 一ヶ所、カッコの対応関係がおかしくなっているのですが、見つけられましたか？ 最後の丸いカッコ
【javascriptライブラリ】Lityの使い方（画像ポップアップ）
Lityは画像や動画などをポップアップ表示してくれる、javascriptライブラリです。 githubを見るとファイルが3kbと軽いところを推しているようです。 本記事では、Lityの使い方と実際に使った場合のデモページを用意しています。 lity githubはこちら lity公式はこちら Lityを使う準備 ダウンロードして読み込む 公式のサイトにアクセスして、ダウンロードボタンからダウンロードします。 ダウンロードしたら展開して、distに入っている下記のファイルを使いましょう。 jqueryもしくはZeptoも必要になります。 lity.cssとlity.jsをpublic配下に配置すると、下記のようになります。 jqueryもcdnもしくはダウンロードして読み込みます。 <head> <script src="https://code.jquery.com/jquery-3.5
Redmine - Wikipedia
Redmine（レッドマイン）はWebベースのプロジェクト管理ソフトウェアである。 課題管理、ガントチャート、リポジトリブラウザ、Wiki、フォーラムなど、プロジェクトの運営を支援するためのさまざまな機能を備えている。Ruby on Railsで開発されている。設計はTracに影響を受けている。 Redmineはプログラミング言語Ruby本体の開発を始めとして、さまざまな企業・団体やプロジェクトでの導入が報告されている[1][2][3]。 機能[編集] WEBベースでの管理・設定が可能 複数プロジェクトを作成することができ、さらにそれぞれが複数サブプロジェクトを持つことが可能 ロールベースの柔軟なアクセスコントロール 柔軟なバグ管理システム ガントチャート カレンダー ロードマップ ニュース 文書管理 ファイル管理 RSSフィード メール通知 プロジェクトごとのwiki プロジェクトごとの
スクレイピング・ハッキング・ラボ サポートページ
このページについて このページは、インプレスR&D『スクレイピング・ハッキング・ラボ』のサポートページです。『スクレイピング・ハッキング・ラボ』の疑問点や難しい点、正誤表、新しいHTMLへの対応などを記載していきます。 『スクレイピング・ハッキング・ラボ』についてわからない点がありましたら、Twitterなどで #スクレイピング・ハッキング・ラボ で投稿して頂けたら、対処法を調査していきます。是非ご活用ください。 第4章 文字列結合の誤記 「第4章 Python基礎」の「文字列を結合する」（紙版45ページ）で、出力結果を以下のように記述している箇所があります。 # Hellow World 正しくは以下となります。 # Hello World 第5章 スクレイピング結果に連番を採番する際にエラーが出る場合 「第5章 Beautiful Soupでスクレイピングする」の「スクレイピング結果に
ノーコードでWebサイト・アプリ構築！手軽に使える無料サービスまとめ - paiza times
Gerd AltmannによるPixabayからの画像 こんにちは。倉内です。 ノーコード（No Code）開発、最近よく話題になりますよね。その名の通りコードを書かずに、用意されたテンプレートや機能パーツを組み合わせてアプリケーションやWebサイトを作ることを言います。 プロトタイプをサッと作りたい、コードは書けないけど作りたいアプリがある…といった場合にスピーディーに実現できるので非常に便利です。 ただ、国内外たくさんサービスがあるので「気になってるけど調べるのはちょっと手間だな…」という方もいるかもしれません。 そこで今回は、ノーコードでアプリケーションなどを作成できるサービスを紹介した記事をまとめました。登録方法や基本的な使い方、活用の仕方まで分かりやすく図解しています。 なお、一部のサービスではローコード（Low Code）といって、少しのプログラミングでカスタマイズできるものも
サービス間通信のための新技術「gRPC」入門 | さくらのナレッジ
たとえば次のような「user.proto」というプロトコル定義ファイルを用意し、これを変換する例を見てみよう。 syntax = "proto3"; message Picture { uint32 id = 1; uint32 width = 2; uint32 height = 3; enum PictureType { PNG = 0; JPEG = 1; GIF = 2; } PictureType type = 4; } message User { uint32 id = 1; string nickname = 2; string mail_address = 3; enum UserType { NORMAL = 0; ADMINISTRATOR = 1; GUEST = 2; DISABLED = 3; } UserType user_type = 4; repeated
【スクレイピングと法律】スクレイピングって法律的に何がOKで何がOUTなのかを弁護士が解説。【２０２２年１２月加筆】 | IT法務・AI・暗号資産ブロックチェーンNFT・web3の法律に詳しい弁護士｜中野秀俊
【スクレイピングと法律】スクレイピングって法律的に何がOKで何がOUTなのかを弁護士が解説。【２０２２年１２月加筆】 スクレイピングによってデータベースを作りたい！はいいのか？ スクレイピングとは、ウェブサイトから、ウェブページのＨＴＭＬデータを取得して、取得したデータの中から、特定のトピックに関わるデータを抽出、整形しなおすことをいいます。 スクレイピングは、ウェブ上にあるデータを取得する際に、クローラを用いて、自動的に取得することによって、短時間で膨大な情報を収集することができることに特徴があります。 このような技術を用いて、政府公開情報や他企業の情報、ニュース記事などの中から、自社に必要な情報を抜き出して、分析し、自社のデータベースを作成することが行われています。 一般的に、スクレイピングによって、データベースを作成する手段をまとめると以下のようになります。 クローリングによってウェ
Vue.js - Wikipedia
Vue.js（ヴュー・ジェイエス）またはVueは、Webアプリケーションにおけるユーザーインターフェイスを構築するための、オープンソースのJavaScriptフレームワークである[4]。他のJavaScriptライブラリを使用するプロジェクトへの導入において、容易になるように設計されている。一方で高機能なシングルページアプリケーション（SPA）を構築することも可能である。 概要[編集] このプロジェクトは、Web UI開発（コンポーネント、宣言的UI、ホットリロード、タイムトラベルデバッグなど）において、アイデアをより実現させることに焦点を当てている。独断的ではなく開発者がピックアップしやすい。 部分的に採用可能なアーキテクチャ（プログレッシブフレームワーク）を採用している。 コアライブラリは、宣言的なレンダリングとコンポーネントの構成に焦点を合わせ、既存のページに埋め込むことができる。
昔、作ったWebサービスをTypeScriptとVue.jsで作り直した話 - Qiita
はじめに Vue.jsとTypeScriptでWebサービスを作ってみたいけどアイデア浮かばなかったので昔作ったアプリを作り直しました。 作ったもの Qnow Qiitaで新規投稿された記事のみを取得して表示するサービスです。 タグ名でフィルタリングして表示します。 表示した記事のタグ名をクリックすることでクリックしたタグ名で再検索することができます。 ただ、今の仕様だと日付が変わってすぐだと記事が取得できないので後々変更しようと思います。 使用した技術 Vue.js TypeScript Github ソースコードの管理 CircleCi masterにプッシュされたらビルドとデプロイを実行 Firebase 静的ファイルの配信 Vue Cli3を使用しました。 Vue Cli3ではTypeScriptが正式採用されているのでTypeScriptを使用しました。 でも、TypeScrip
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
最近の日本の中高生はWebブラウザーやOSを開発しちゃうのね／オープンソースで様々なプロダクトを生み出すコミュニティ「Ablaze」がすごい！【やじうまの杜】
たった256文字のJavaScriptコードで描かれた街の風景アニメがスゴ過ぎて訳がわからない／解説ページを見てもわからないorz【やじうまの杜】
ちいさな Web ブラウザを作ってみよう
研修でWebサービス作らせたら「嘘の進捗」「終盤でPMがインフル」「サビ残」「メールでソースをやり取り」など引くほど崩壊した→聞いてるだけで胃痛が…あなたならどうする
Web標準でつくるガラケーサイト
