If not SPAs, What?
A few months ago, I wrote an article about how the SPA pattern has failed to simplify web development. The SPA pattern (Single-Page Apps), I tried to define, was about the React model, which also covers, to a large extent, the model of Vue, Angular, and other frontend frameworks. Like any critique, it begs for a prescription and I didn’t give one, other than gesturing toward server-side frameworks
「jQueryでもアプリは作れるのになぜjQueryではいけないのか？Vue.jsを学ぶ理由を知りたい」RUNTEQの生徒さんから出たこの疑問についてjQuery脱却の歴史的背景とVue.jsとの比較について説明します。サーバとクライアントの役割がどう変遷してきたか、それによってJavaScriptの役割がどう変遷してきたかなどメリット・デメリットをわかりやすく解説。 RUNTEQではVue.jsのカリキュラムを用意しています。先日生徒さんから『jQueryでもアプリは作れるのになぜjQueryではいけないのか？Vue.jsを学ぶ理由を知りたい』との声を頂いたのでこの記事を書くに至りました。 それを説明するには事前知識としてフロントエンドの歴史を知っておかなければいけないので、そこから簡単に解説します。 フロントエンドの歴史 ＊注）初心者向けの記事になるので、以下厳密性に欠ける部分はあると
Post-Spectre Web Development
Post-Spectre Web Development Editor’s Draft, 19 July 2021 This version: https://w3c.github.io/webappsec-post-spectre-webdev/ Latest published version: https://www.w3.org/TR/post-spectre-webdev/ Previous Versions: https://www.w3.org/TR/2021/WD-post-spectre-webdev-20210316/ Feedback: public-webappsec@w3.org with subject line “[post-spectre-webdev] … message topic …” (archives) Issue Tracking: GitHub
米陸軍は新たに採用する戦闘車輌を「M10 Booker」と命名したが、陸上戦闘システムの開発責任者を務めるグレン･ディーン少将は「どれだけ軽戦車（Light Tank）に見えてもM10は戦闘車（Combat Vehicle）だ」と強調した。 参考：US Army’s new combat vehicle named for soldiers killed in Iraq, WWII 参考：It’s Not a Light Tank: Army Unveils New Armored Combat Vehicle UAVの登場で戦場認識力が大幅に拡張されたため地上戦も視界外戦闘の割合が増えている米陸軍の歩兵旅団戦闘団（IBCT）向け火力支援車輌「Mobile Protected Firepower（MPF）」はAjaxの車体に105mm砲を搭載したGD製グリフィン（重量38トン）と、過去開発
# Implementing single-file Web Components Probably everyone who knows the Vue.js framework also heard about its single-file components. This super simple idea allows web developers to define the entire code of a component in one file. It is such a useful solution that an initiative to include this mechanism in browsers has already appeared. However, it seems quite dead as, unfortunately, no progre
Lazy-loading of <iframe> elements defers offscreen iframes from being loaded until the user scrolls near them. This saves data, speeds up the loading of other parts of the page, and reduces memory usage. As with lazy-loading for images, use the loading attribute to tell the browser you want to lazy-load an iframe. <iframe src="https://example.com" loading="lazy" width="600" height="400"></iframe>
【CSS実装予定】カスケードレイヤー「@layer」について - RAKUS Developers Blog | ラクス エンジニアブログ
注意 カスケードレイヤーは正式実装の機能ではないため、これから仕様変更の可能性があります。 目次 注意 目次 はじめに カスケードについて Origin and Importance Context Specificity Order of Appearance カスケードレイヤーについて The Style Attribute Layers 従来のCSS カスケードレイヤーの記述方法について 複数レイヤー 使用例（リファクタリング） 修正前のコード リファクタリングの準備 FLOCSS化 リファクタリング後 カスケードレイヤーをブラウザで使う方法 Windows Mac 注意 最後に 参考 はじめに こんにちは、フロントエンドチームのta_kameです。 今回は、今後実装されるかもしれないCSSの新機能カスケードレイヤー（Cascade Layers）について紹介します。 CSS設計では
jQuery Attack Hits NPM and GitHub; Can Extract Web Form Data
jQuery Attack Hits NPM and GitHub; Can Extract Web Form Data The trojanized jQuery attack has been spread on npm, GitHub and elsewhere since May. A trojanized version of jQuery has been spreading on the npm JavaScript package manager, GitHub and elsewhere, for use in a jQuery attack, security researchers have discovered. Phylum researchers said they have been monitoring the “persistent supply chai
iOS17.4の開発者向けベータから、AppleがChatGPTも活用しながら、iOS18に採用する人工知能（AI）モデルの開発に取り組んでいることが分かった、と米メディア9to5Macが報じています。Appleは現在、自社開発のAIモデルとChatGPTの結果を比較しながら開発に取り組んでいるようです。 ■3行で分かる、この記事のポイント 1. iOS17.4ベータから、Appleの自社開発AIモデルに関する記述が発見された。 2. OpenAIのChatGPTと自社開発AIの回答を比較し、開発に活用している模様。 3. Appleはユーザーのプライバシーを重視し、デバイス上で処理が完結することを重視。 iOS17.4からAppleの自社開発AIモデルに関する記述 2024年6月の発表が見込まれるiOS18では、Siriが大幅に進化すると噂されています。 9to5Macによると、iOS1
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割強程度のサ
p5.jsで動くゲーム風読み込み画面作ってみた
この記事は GMOアドマーケティング Advent Calendar 2021 24日目の記事です。 はじめに こんにちは、GMOアドマーケティングのR.Yです。 今回はp5.jsを使用して読み込みの長い画面でも退屈しないようなゲーム風読み込み画面を作成しましたのでその紹介です。 p5.jsとは p5.jsとはJavaをベースに作られた「Processing」と言う電子アートのプログラミング言語をJavaScriptで使用できるようにしたライブラリになります。p5.jsを使うことでブラウザ上で表示できるアニメーションを作成することができます。 サンプル 文字だけではわかりづらいと思うのでp5.jsによるアニメーションのサンプルを用意しました。以下が実際の表示とプログラムになります。※以降の動画は全て当社が作成したものになります。 sample.html <script src="https
初めてのVue.js「入門編」基礎から学ぼう！サンプルコードで丁寧に解説（郵便番号から住所の自動取得をやってみる） | 株式会社ウェブ企画パートナーズ
Vue、React、Angularの似ているところ 仮想DOMの活用 分割・再利用可能なコンポーネント リアクティブシステム 軽量なコアライブラリ まとめ Vueは後発なので、他のフレームワークのいいところを積極的に取り入れています。厳しくルールを決めすぎない方針があり、小〜中規模開発には向いています。そのぶん大規模開発では注意が必要です。 基本:Vueを使ってみよう さて、そろそろ実践にうつりましょう。Vueを導入するには、HTMLに下記のタグを追加するだけです。 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 読み込み完了！ ここからは、郵便番号を入力すると、それにマッチする住所が表示される、という仕組みを作ってみます。まずは完成形をお見せします。 See the Pen Vue & axios
【個人開発】まるでゲーム！？プレイするタスク管理サービス「TaskQuest」リリース！ - Qiita
はじめに この度「タスクを楽しくこなそう！ゲーム風タスク管理サービス【TaskQuest】」をリリースしました！！このサービスの使い方やポイントなど色々書きましたので良ければ最後までご覧ください！！ 【Twitterアカウント】 https://twitter.com/fishman_uokun 【githubアカウント】 https://github.com/namikawa07/Study_quest サービス概要 タスク管理をまるでゲームをプレイするように行い、楽しくタスクをこなすことができるサービスです！ 自分自身タスク管理が苦手で、タスクを作成しても「まぁ、いいか」と思いやらなかったことが何度もありました。そんな中タスク管理自体に楽しさや面白さを持たせたらもっとタスクをこなせるのではないか、タスク管理が続くのではないかと思ったのがサービスの始まりです。 使用技術 バックエンド ・
どうもTOM夫婦の旦那です！ ブログを始めて、HTMLやらCSSやらと触るようになって勉強になっているインフラ系エンジニアです笑 私の備忘録的にカスタマイズ記事投稿してきてますので、今回はブログを読むのにかかる想定時間と表示です！ 当ブログのものは下記！ 1.記事上記述用コード 2.CSSコード 3.はてなブログに設定（PCページ） 3-1.記事上用コードの記述 3-2.CSSコードの記述 4.はてなブログに設定（スマホページ） 4-1.コードの記述 5.最後に 今回参考にさせていただいたのは、下記の記事です。 滞在時間は本当に上がるの？読了までの所要時間を予測して表示するカスタマイズ | つばさのーと さっそくコード貼っていきます！ 1.記事上記述用コード JQueryとFont Awesomeは未設定の方は設定してください。 <!--JQuery--> <!--[if lt IE 9]
SEOの過去・現在・未来、そして心得 | Raccoon Tech Blog [株式会社ラクーンホールディングス 技術戦略部ブログ]
株式会社ラクーンホールディングスのエンジニア/デザイナーから技術情報をはじめ、世の中のためになることや社内のことなどを発信してます。 JavaScriptSEOWebGoogleGooglebotE-A-TYMYLSearch Consolerobots.txtクロールバジェットsitemap.xml こんにちは、羽山です。 ふと過去に執筆した記事を振り返ったのですが、フロントエンドのパフォーマンスの話・bashのプロセス置換・Androidアプリのパフォーマンス・DoS攻撃対策などなど、記事の方向性が毎回バラバラすぎて自分は何の専門なんだろう？と疑問に思えてきました。 まあそれは気にしないとして、今回もご多分に漏れず今までの記事とは全く異なる領域の話です。 話のベースはSEOについてですが、 心得 とか 考え方 のような話題が中心です。前半は歴史の振り返りから将来の動きなどを考えて、後半
![SEOの過去・現在・未来、そして心得 | Raccoon Tech Blog [株式会社ラクーンホールディングス 技術戦略部ブログ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/dd1e1cdddf5690924220df09211b7ac17329868d/height=288;version=1;width=512/https%3A%2F%2Ftechblog.raccoon.ne.jp%2Fwp-content%2Fuploads%2F2019%2F11%2Fsearch-engine-optimization-4111000_1280-e1573021754854.jpg)
この記事では、Webシステムがどのように発展してきたのか、最新のキーワードはどこに位置付けられるのか、いろいろ調べて、ざっくりと整理してみました。 シリーズ ざっくり、オープンソースビジネスの最新事例2021 ざっくり、フロントエンド開発のためのバックエンドサービスを整理する なにを説明するのか Webシステムの進化のスピードは速く、その開発・運用に関わっていると、次々に登場する新しい技術に目が回りそうです。 個々のキーワードを聞いたことがあっても、つながりとして理解していない人も、意外と多いようです。そうすると、技術がどのように発展してきて、どのような課題を解決してきたのか、ある程度把握していないため、新しい技術やキーワードが出てきたときに、その位置付けや効果がピンとこなかったり、枯れた技術に頼りすぎて、新しい解決策のポテンシャルを引き出せないなんてこともあるでしょう。 私はエンジニアと
Goが未使用のパッケージインポートの記述をエラーにするという挙動は多くの非難を浴びました。 「コンパイルエラーでなく警告にすべき」 または 「コンパイルオプションで選べる様にして欲しい」 というような意見はたくさん寄せられましたがGo開発コアメンバーはこれらの要望に応えることはありませんでした。その理由を解説します。 Goの依存解決のアプローチ Goの依存ツリーはコードの中に記述します。これはメジャーなパッケージマネージャとは異なる手法です。 多くの処理系では依存解決に必要な情報を言語仕様には含めず、別途ファイルに依存情報を列挙して記述しておき、それらの情報を辿ることで依存ツリーを構築しそのツリーに基づいて依存を解決するというアプローチを採用しているものがほとんどです。 Goは依存解決に必要な情報をコードの中に記述するというレアなアプローチを採りました。 ESモジュールのアイディアに近い考
CORSを絶対に理解する
対象者 「CORSがなんなのかわからない」 「とりあえず調べた記事でテキトーに解決したけど、根本的に何がダメだったのかがわからない」 みたいな方を対象に、CORSについて細かく解説しています。 記事を読み終えれば、CORSについて理解でき、どんな記述が必要なのかがわかるようになると思います。 また、フロントエンドしか触らない方も読んでいただけると、フロント側のエラーかと思っていたけれど実はバックエンドの方の設定が漏れていた...みたいなケースにも対応できるようになると思います。 今回サンプルコードを置いていますが、フロントはJavaScript、バックエンドはGolang（Echo）で記述しています。 まずはCORSとは何か CORSはオリジン間リソース共有という意味です。 追加のHTTPヘッダーを使用して、あるオリジンで動作しているウェブアプリケーションに、異なるオリジンに選択されたリソ
こんにちは、CTOの奥田です。 新年あけましておめでとうございます。 昨年もたくさんの方にブログをご覧いただき、ありがとうございました。 本年も気を引き締めてより一層良い制作ができるよう努めてまいります。 2020年もどうぞよろしくお願いいたします。 さて2020年1発目のブログはaxiosについてです。 昨今のWebサイトは非同期でアレコレするのが当たり前になっています。 axiosを使えば簡単に非同期処理を実装することができます。 今回はそんなaxiosについてご説明したいと思います。 Table of contentsaxiosとはインストールGET通信POST通信エラーハンドリングaxios APIを使用するさいごにaxiosとはaxiosとはブラウザやnode.js上で動くPromiseベースのHTTPクライアントです。 jQueryで言うところのjQuery.ajaxであり、非
Shopifyに様々な独自機能やデザインを組み込めるShopifyアプリとShopifyテーマ。この記事はそんなShopifyアプリとテーマの開発に必要な基本情報と役に立つTIPSを日本の開発者向けにまとめたものです。初心者の方からすでに開発に着手されている方にまで必要な情報を簡単に幅広く網羅してあります。全ての情報は公式サイト（英語）に記載されています。 アプリ開発 テーマ開発 カスタムストアフロント（旧ヘッドレスコマース） マーケットプレイス（モールなどの外部の販売場所の構築） APIドキュメント アプリ開発の流れ アプリ開発の基本的な流れは以下になります。 [パートナーアカウントの登録] > [開発ストアの追加] > [アプリの作成と資格情報の取得] > [開発ストアへのインストール] > [APIを使った処理の作成] > [Polarisを使ったUIの作成] >（埋め込みアプリにし
jQuery 3.6.0 has been released! In jQuery 3.5.0, the major change was a security fix for the html prefilter. This release does not include a security fix, but does have some good bug fixes and improvements. We still have our eyes on a jQuery 4.0 release, but until then we will continue to support the 3.x branch and address important issues. As usual, the release is available on our cdn and the npm
では、それぞれの方法について詳しく見ていきましょう。 1.iframeを使用する 別のHTMLファイルなどのコンテンツを挿入できるiframeで、インクルード化することができます。 最も簡単で、HTML初心者でも利用できる方法です。 【header.html】 <header>ヘッダー</header> 【footer.html】 <footer>フッター</footer> 【index.html】 <iframe src="header.html" frameborder="0"></iframe> <div class="content"> メインコンテンツ </div> <iframe src="footer.html" frameborder="0"></iframe> ▼ブラウザ表示▼ ただし、以下のようにHTMLファイルを記述した場合、高さの調整が効かない、上手く読み込めないな
N予備校の「プログラミング入門 Webアプリ」コースを履修することで学べる知識まとめ｜きりみんちゃんノート
こんばんみんみん！ バーチャル幼女プログラマのきりみんちゃんです！ きりみんちゃんはN予備校という学習サービスに登録していて、手始めに「プログラミング入門 Webアプリ」をチマチマと履修していたのですが、ようやく修了しました。 このコースはプログラミングを全く知らない人を対象にしているにも関わらずかなり本格的な内容になっていたので、このコースで身につけることが出来る知識をまとめてみたいと思います。 なお、授業内容には動画での講座も含まれますがきりみんちゃんは全てテキスト教材で履修しました。 コース概要全くプログラミングが分からない上体からnode.jsを使って簡単なWebアプリを作れるようになろう！というコースです。 ただしただフレームワークを見様見真似で写経するというような内容ではなく、実際のWeb系企業の新卒研修くらい本気の内容になっています。 第一章 はじめよう・Chromeのインス
Appleがついに、広く知られる生成人工知能（AI）ツールの開発競争に参戦し、多数の企業とともにこの分野の頂点に君臨するOpenAIに挑もうとしている。 BloombergのMark Gurman記者によると、同社は、エンジニアが「Apple GPT」と呼ぶツールをひそかに開発しているという。その名称は、「ChatGPT」を間接的に示唆している。ChatGPTは、最も有名なAIチャットボットで、つい最近「Threads」に抜かれるまでは、史上最速ペースで登録者数1億人を達成した「アプリ」だった。 記事によると、Appleは、「Ajax」というフレーワークによって作成した独自の基盤モデルに基づいて、AIチャットボットサービスを構築した。2022年に初めて構築された同サービスは、「Google Cloud」上で動作する。 この取り組みが始まったのは、OpenAIがChatGPTを公開した数カ月
GSAPでこんなこともできる！途中から横にスクロールするページを作る方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。フロントエンドエンジニアになりたてのぼこです。 この記事ではGSAPというアニメーションライブラリを使って、ページが途中から横にスクロールするような表現を実装してみたいと思います。 GSAPを知らない方にも読んでいただけるよう、導入方法から説明します。 技術系の記事を書くのは初めてなので至らない点が多いかとは思いますが、どなたかの助けになれば幸いです。 2022/1/28追記 画面リサイズに対応するためデモを修正、解説を追記しました。 今回作るデモ さっそくですが、今回紹介するデモがこちらです。 実際の操作はただ下へ下へスクロールしているだけですが、二つ目のセクションではスクロールに対して真横にページが動いているかと思います。 GSAPを使えばこんなことも簡単にできてしまうんですね。 ではでは解説に参ります。 GSAPってなに まずはGSAPとはそもそも何なのかについてです（デ
【要注目まとめ】Udemyでエンジニアの学びたい技術別にオススメ16コース - 仮想サーファーの日常
新しいプログラミング言語や技術を学習するときに、Progateでは物足りないときってありますよね。 そんなときに重宝するのが動画学習サイト Udemy 。 初心者向けのWebアプリケーションの基礎知識のコースから、機械学習を学びたい方向けの機械学習実践コース、業務自動化からスクレイピングまで、新しいプログラミング技術に関して学習したいと思ったらほぼなんでも揃っているのが嬉しい。 （画像：Web 開発入門完全攻略コース - プログラミング をはじめて学び創れる人へ！未経験から現場で使える開発スキルを習得！ | Udemy） ちなみに、Udemyは不定期でセールで買えるタイミングがあり、通常1~2万円のコースが1000円台で購入できるので、セールのタイミングで買いたいところ。 2020年5月5日（火）〜2020年5月14日（木）まで、年内最安値の1,200円〜の割引SALEが開催されています。
「iOS 18」で登場するとウワサされている新AI機能まとめ
Appleは生成AI機能の詳細を2024年後半に発表するとしており、2024年にリリース予定の「iOS 18」ではAI機能が盛りだくさんになると目されています。記事作成時点でウワサされているiOS 18のAI機能を、Apple関連メディアの9to5Macがまとめました。 iOS 18: Here are the new AI features in the works - 9to5Mac https://9to5mac.com/2024/02/19/ios-18-ai-features-rumors/ 9to5Macは「2024年はAppleにとってAIの年となり、iOS 18などの次期メジャーバージョンのOSでは大型アップデートが計画されている」と指摘しています。Bloombergも、AppleがiOS 18で複数のAI機能を目玉とした史上最大のアップデートを計画していると報じました。
どうも、三町哲平です。 Ruby on RailsでWebアプリを開発中なのですが、どんなプログラミング言語やフレームワークを使っていてもJavaScriptが絡んできます。 正直な話、HTMLやCSSは分からない部分はその都度調べていけば、よっぽど手の込んだアプリケーションではない限りは素人でもそれなりのクオリティに仕上げれるという感覚があるのですが、JavaScriptが予想以上の難敵なんですよね。 しかも調べていくうちにどうも、フロントエンドだけではなくバックエンドでも使えるらしいじゃないですか...てことは、JavaScriptが最強なのでは...!?という疑問から色々とJavaScriptに調べてみましたので、少しばかりお付き合い下さい...。 では、どうぞ！ 一番身近なのは、Webサイトを表示するブラウザ上で動くプログラム（クライアントサイド・スクリプト）です。無くてもWebサ
もっと気軽にアウトプットできる技術ブログサービス「Qrunch（クランチ）」をリリースした【個人開発】 - Qiita
**「もっと気軽にアウトプットできる」**を コンセプトにした **技術ブログサービス「Qrunch（クランチ）」**のβ版をリリースしました！ 6月頃から実装に取り掛かり、隙間時間を使いながらコツコツ開発してきたのですが、4ヵ月経った今、こうして無事リリースに辿り着けてほっとしています。 今回は、そのサービスの紹介と技術周りの話を軽くまとめてみます。 個人でWebサービスだったり、アプリ開発をしている人・したいと思っている人のモチベアップにでも繋がれば幸いです！ リリースしたサービス Qrunch（クランチ） - もっと気軽に技術ブログを書こう！ Qrunch専用のChrome拡張機能 - Qrunchをもっと身近に！ 先日行われた大幅リニューアルにより、QrunchのURLはqrunch.netに変更されました。 サービスTOP TOPページは「自分も参加したい！」と思わせるようなデザ
【ブログカスタマイズ】「はてなブログ」で記事の”更新日”をHTML,CSSで自動実装する方法 - redoブログ
こんにちは管理人のredoです。今日は「はてなブログ」で記事の更新日をHTML,CSSコードで自動表示する方法をご紹介したいと思います。 私も記事をリライトした際に”更新日”を記事内に表示させて、記事管理の記録をつけたいと思った際に色々調べたところ、意外にも簡単に実装できることが分かりました。 特に何か調べものをするときは新しい情報から検索をしますよね。内容やジャンルにもよりますが、私もタイムリーな最新情報を知りたい場合などは新しい記事から探しています。 そんな時に仮に少し古い記事でも更新日が記載されリライトされている場合は情報がしっかり更新されてるから読んでみようかなという気持ちにもなります。 今回ご紹介する”更新日実装”コードは「無料版」でも可能ですので、是非トライしてみましょう。数分で実装も可能です。 記事の”更新日”が載っていると読みたくなるよね♪ 記事の”更新日”表示ってどんな感
本エントリはiCARE Advent Calendar 2020の25日目です。 僕はiCARE社内で技術顧問としていろんなことをやっていますが、そのうちの一つとしてRailsアプリケーションのテスト改善があります。具体的には「たまに失敗するテスト」で難しいものがあったときに調査して解決をしています。この「たまに失敗するテスト」はiCAREに限らず、ほとんどの会社が苦しめられているのではないでしょうか。僕のお手伝いしている他の会社でも同様なので、複数社の社内ドキュメントツールに「こういうふうに調査するといいですよ」という文章を書いています。しかしこれらはどれも社内wikiどまりで、現時点で公開されている文章が存在していません。 そこで今回この場を借り「失敗したテストがあったときにどうしたらいいのか」の決定版を書いて、今後は「これ読んでおいてください」で済ませたいなと思っています。 前提 R
JSエコシステムぶらり探訪(目次) - Qiita
概要 webpackとかbabelとか、JSのすごいエコシステムを基本 (ブラウザ、Node.js, npm) から順番に調べていきます。 経緯 最近は npx create-react-app ... とやるといい感じに環境ができていいのですが、複雑なことをやろうとしたり、既に複雑になってしまったものを触るにはきちんと中身がわかってたほうがいいな……と思い始めたのでぼちぼち自分で調べ始めました。アウトプットしながら調べたほうが効率がいいので、このように記事として残します。 目次 (予定) とりあえず思いつくだけ書き出したもので、全ての内容を確約するものではありません。また、調査を進めるにつれて目次も変化します。 原初のJavaScript Node.jsとCommonJS modules npm, yarn, node_modules npmとコマンドライン CommonJSモジュールバ
弊社サービスである savanna.io はずっとTurbolinksとStimulusで開発してきたのですが、この度 Hotwireがリリースされた*1のでTurbolinks部分をTurboに置き換えてみました。その際のやったことやハマったことのメモを残しておきます。メモ書きなので雑なのはご容赦ください。 前提 webpackerを使ってます。assets pipeline派や素のwebpackを利用している人は適宜読み替えてください TurbolinksのアンインストールとTurboのインストール turbo-railsをGemfileに追加してbundle install ./bin/rails turbo:installをする で問題なくいけるのであればそれで。turbo:installが失敗したらturbo-rails/turbo_with_webpacker.rb と同等のこ
AWS MediaConvert と hls.js で動画配信サービスを構築しました | MEDLEY Developer Portal
2020-11-27AWS MediaConvert と hls.js で動画配信サービスを構築しましたこんにちは、第一開発グループの矢野です。ジョブメドレー開発エンジニアとして、主にバックエンドを担当しています。 直近では、ジョブメドレーが先月リリースした 「動画選考」 機能の開発プロジェクトに携わっており、動画ファイルのアップロード／配信環境の設計・実装を行っていました。 今回のブログでは、この「動画選考」機能の開発に利用した AWS Elemental MediaConvert サービスと、hls.js という OSS ライブラリについて紹介したいと思います。 ジョブメドレーの「動画選考」機能はじめに、今回リリースした「動画選考」機能について概要を紹介します。 新型コロナウイルス感染拡大によって、対面での面接に不安を感じたり、公共交通機関の利用が難しくなったりすることにより、満足な転
観客が投げた物が選手の頭直撃 オランダサッカー、政府が調査へ
サッカーオランダ杯準決勝、フェイエノールト対アヤックス。ライターが頭部を直撃し、負傷したアヤックスのデイヴィ・クラーセン（中央、2023年4月5日撮影）。(c)Koen van Weel / ANP / AFP 【4月7日 AFP】5日に行われたサッカーオランダ杯（KNVB Beker 2022-23）準決勝のフェイエノールト（Feyenoord）対アヤックス（Ajax）戦で、アヤックスのMFデイヴィ・クラーセン（Davy Klaassen）が観客席から投げ込まれたライターで負傷する事件があった。 オランダ政府は6日、ディラン・イェジルゲス（Dilan Yesilgoz）司法・安全相が「最高レベル」の調査を行うと表明し、マルク・ルッテ（Mark Rutte）首相も「容認できない」暴力だと事件を非難。オランダサッカー協会（KNVB）は同日、同様の事件が再び起きた場合は試合を即時中止すると発表
１．1990年～2000年初頭：カオス・黎明期 インターネットが流行り始めた頃は、HTMLに装飾を記述し、CSSに装飾を書くなどの分離はあまり見られなかった。 また、Javascript（以下、Js）の利用も限定的で、画面の要素をJsで作ったり、ましてや、コンポーネントの発想などほぼ見られなかったように記憶している。 見た目のデザインとコード構造もカオスだった時代。 ※@error_401さんのコメントにあるように、Javaでのシステム開発が多く、Java Appletによって動的な画面作成もあった。若い人は、Appletの存在はわからないかもしれないけど、少しの間、ブラウザにもその設定があった。 また、AdobeのFlashによる動的コンテンツの作成もあった。Appletよりは長く使われており、Jsでの動的なコンテンツ作成の前には、AdobeのFlashでの開発が多かったと思う。 １－１
週刊Railsウォッチ: Evil Martiansが使っているgem、JavaScriptガイドが更新ほか（20230131前編）｜TechRacho by BPS株式会社
こんにちは、hachi8833です。RubyKaigi 2023のCFPは今夜1/31いっぱいが締め切りです。 “about 15 hours left to submit your proposal” 🏯🏔️📝👀💨 #rubykaigi https://t.co/n4CUDDLf6X pic.twitter.com/klXhtyZqpY — Kakutani Shintaro (@kakutani) January 31, 2023 週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hachi8833までメンションをいただければ確認・対応いたします🙏 Tech
急に寒くなりましたね！！ 少し前までは連日30℃だったのに、昨日なんて20℃あるかないかくらい。 寒くなると朝起きるのがつらくなります…。 それでは今日の記事のもくじです。 今日は何の日？？ アラスカの日 お題「好きな◯◯10選」 今日は何の日？？ 10月18日は「アラスカの日」です！ アラスカの日 1867年10月18日、ロシア帝国領だったアラスカが720万ドルでアメリカ合衆国に売却されアメリカ領になりました。 720万ドルはいまの日本円で約140億円くらいです。 お題「好きな◯◯10選」 こんなお題があったので、今日はこれについて書いてみます。 好きなことはいろいろあるんですが、サッカーが一番最初に思い浮かんだので、私が好きなサッカークラブのエンブレムを10個選んでみました！ 世界各地に存在するサッカークラブにはそれぞれエンブレムがあります。 そのエンブレムにはいろいろな思いが込められ
JavaScriptやNoCodeからリンクのプレビュー機能を開発できる「LinkPreview」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、任意のリンクからサムネイル付きのプレビュー表示ができる機能を開発できるWebサービスをご紹介します。 プレビューに必要なデータを手軽に取得できるAPIが提供されており、わずかなJavaScriptコードを書くだけで好きなように自作できるのが特徴です。また、NoCode（ノーコード）でも利用できるため、合わせて使い方を解説していきますので参考にしてみてください！ なお、JavaScriptの基本はpaizaラーニングの「JavaScript入門編」で学ぶことができますので合わせてチェックしてみてください。 【 LinkPreview 】 ■「LinkPreview」の使い方 それでは、まず最初に「LinkPreview」をどのように使えばいいのか詳しく見ていきましょう。 サイトのトップページにある【Sign up】ボタンをクリックしてくだ
週刊Railsウォッチ（20200413前編）最近macOSでRailsが遅い、トランザクションでのreturnやbreakなどが非推奨化、Rails監視ツールリスト2020年度版ほか｜TechRacho by BPS株式会社
2020.04.13 週刊Railsウォッチ（20200413前編）最近macOSでRailsが遅い、トランザクションでのreturnやbreakなどが非推奨化、Rails監視ツールリスト2020年度版ほか こんにちは、hachi8833です。カレンダーのリマインダーで気づきましたが、本当なら今日（注: つっつきが行われた4/10木曜日）からRubyKaigi 2020だったんですね。 末娘の入学式に出れたのはRubyKaigi中止されたたった一つの良いことだなあ。 — Yukihiro Matzmotto (@yukihiro_matz) April 9, 2020 つっつきボイス:「そうかRubyKaigiのはずか〜」「もう入学式のシーズン🎓」「子どもの入学式とRubyKaigiとどっち取る問題ってありそうですね」 ⚓Rails: 先週の改修（Rails公式ニュースより） 今回もコミ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vue.jsとjQueryの違いは メリット・デメリットを歴史的に比較 | RUNTEQ - 公式ブログ｜未経験からWebエンジニアへ RUNTEQ BLOG
軽戦車ではなく火力支援車輌、米陸軍がM10 Bookerを披露
Implementing single-file Web Components | CKEditor
It's time to lazy-load offscreen iframes! | Articles | web.dev
iOS17.4ベータから判明！Apple、Siri進化にChatGPTを活用 - iPhone Mania
【はてなブログ 所要時間】HTML ／CSSコピペで簡単設定 - はてなブログ - TOM夫婦の世界の窓
ざっくり、Webシステムの発展と最新状況 2021 - Qiita
Goが未使用のパッケージインポートをエラーとする理由
【Ajax】axiosを使って簡単にHTTP通信 | Will Style Inc.｜神戸にあるウェブ制作会社
Shopifyアプリとテーマの開発方法 - Shopify 日本
jQuery 3.6.0 Released! | Official jQuery Blog
何度も同じコードを記述するのは非効率！HTMLの共通部分はインクルード化しよう！ - WEBCAMP MEDIA
アップル、「Apple GPT」でAIチャットボット競争に参戦か
【JavaScript】分からない部分まとめてみたら最強だった件 - Qiita
Railsアプリケーションのテストが失敗したときにどうしたらいいのか - おもしろwebサービス開発日記
TurbolinksからTurboへの移行 - おもしろwebサービス開発日記
Webシステムの設計の変遷（2000年から2021年までの概観）ー 技術選定の指標 - Qiita
お題「好きな◯◯10選」 - SHIPS OF THE PORT