「Firefox 122」正式版リリース、ウェブ開発関連の検索時にMDNのページがサジェストされるように

2024/01/24 8 users MdN ウェブブラウザ www.mozilla.org ほか

ウェブブラウザ「Firefox 122」の正式版が公開されました。検索時のサジェスト候補に画像と説明が表示されるようになったほか、ウェブ開発関連の検索時にウェブ開発の情報がまとめてあるMDNをサジェストするようになりました。 Firefox 122.0, See All New Features, Updates and Fixes https://www.mozilla.org/en-US/f... 続きを読む

JSでブラウザの戻るボタンを止める方法。 - Qiita

2023/09/13 105 users Qiita ウェブアプリケーション インタラクティブ 要件

ウェブ開発の世界では、JavaScriptは開発者がインタラクティブでダイナミックなウェブアプリケーションを作成できる強力なツールです。ウェブ開発における一般的な要件の1つに、ブラウザの戻るボタンの動作を制御することがあります。 このブログ記事では、ブラウザの戻るボタンを無効にするJavaScriptのコード・スニペ... 続きを読む

「Firefox 107」正式版リリース、DevToolsによるWebExtensions開発がより便利に

2022/11/16 6 users DevTools WebExtensions 正式版 存在

ウェブブラウザ「Firefox 107」の正式版が公開されました。フロントエンドのウェブ開発を行う上でなくてはならない存在であるDevToolsが強化され、Firefoxなどで使用可能なアドオンであるWebExtensionsを開発する上で、より便利になりました。 Firefox 107.0, See All New Features, Updates and Fixes https://www.mozi... 続きを読む

モダンウェブフロントエンド勉強会を開催しました - クックパッド開発者ブログ

2022/06/21 29 users クックパッド開発者ブログ ISR SSG React SSR

こんにちは、クックパッドで最近はモバイルアプリを離れもっぱらウェブアプリを作っている @morishin です。 先日、社内で「モダンウェブフロントエンド勉強会」と題して React, Next.js, Core Web Vitals, SSR, CSR, SSG, ISR, SSR Streaming, React Server Component といったキーワードに触れつつ、昨今のウェブ開発... 続きを読む

技術選定の際には絶対に知っておきたいウェブ開発・機械学習・科学計算に役立つ便利な技術を動画でサクッと学び始められる「Udemy」新生活応援セール【Julia・GraphQL・BERTなど】 - GIGAZINE

2021/03/22 6 users 独学 ムービー GIGAZINE Udemy 形式

何かと生活が変わることが多い春という季節は、新たな技術を学び始めるタイミングにピッタリと言えます。しかし、独学というのは少し分からない点が出てくるだけで挫折してしまいがちなもの。そこで活用できるのが書籍よりも圧倒的な情報量をもつ「ムービー」という形式で学習を進められ、分からない点は講師に直接質問... 続きを読む

Understanding client-side JavaScript frameworks - ウェブ開発を学ぶ | MDN

2021/01/25 5 users MdN

JavaScriptフレームワークは、最新のフロントエンドWeb開発に欠かせないものであり、開発者にスケーラブルでインタラクティブなWebアプリケーションを構築するための試行錯誤されたツールを提供しています。現代の多くの企業では、フレームワークをツールの標準的な一部として使用しているため、多くのフロントエンド開... 続きを読む

Googleのエンジニアが「ウェブサイトの画像読み込み」を最適化する方法を解説 - GIGAZINE

2021/01/09 730 users パフォーマンス 遅い 要素 多いはず GIGAZINE

ウェブサイトを閲覧していると「画像の読み込みが遅い」という場面に遭遇したことがある人は多いはず。画像はウェブサイトのパフォーマンスを左右する要素のひとつであり、ウェブ開発において取り扱いに注意すべきものです。そんな画像をウェブサイトで扱う際の最適化方法について、GoogleのエンジニアであるMalte Ubl氏... 続きを読む

React Server Components はウェブ開発を変えるゲームチェンジングな技術である

2021/01/03 291 users React Server Components 激震 界隈

去年末に Facebook の人達が出した React Server Components というものが、React 界隈に激震を及ぼしていますが、速報以外でこの技術について言及している国内のブログが見当たらないため、この記事で解説してみます。間違いや分かりづらい部分があればぜひツッコミをお願いします。 React Server Components は、ただ... 続きを読む

Prettier 2.0 の主要な変更 - Qiita

2020/03/21 24 users ＩＳＳ Qiita Prettier コードフォーマッター

ウェブ開発でよく使われているコードフォーマッターである Prettier の 2.0 がリリースされました。実装が間に合わず遅れている間に TypeScript 3.8 のリリースがあったりといろいろあり、当初の予定より 2 ヶ月ほど遅れてしまいました。 主要な変更について紹介します。詳細が知りたい方は、リリースブログや PR や Iss... 続きを読む

PHP 8のアップデートで加わる新機能一覧 - GIGAZINE

2020/02/04 6 users GIGAZINE PHP HTML プログラミング言語 言語

プログラミング言語の一つであるPHPは、ウェブ開発でよく使用される言語であり、HTMLに埋め込むことができるのが特徴です。PHPは記事作成時点で7.4が最新バージョンですが、2020年末にPHP 8の公開が予定されており、PHP 8で実装される予定の機能をBrentさんが解説しています。 New in PHP 8 - stitcher.io https://stitc... 続きを読む

宣言的UIはReact Hooksで完成に至り、現代的設計論が必須の時代になる - Qiita

2019/09/06 383 users Qiita React angular パラダイムシフト 現代

現代のGUI開発において、必須となった宣言的UIというパラダイムシフトがあります。宣言的UIは、Facebook社が開発したReactに端を発するものです。 宣言的UIは既にウェブ開発のライバルであるVue.jsやAngularなどでも当たり前のように使われていますし、Android開発などにも使われています。 2019年6月はじめに開催された... 続きを読む

Google Developers Japan: AMP でウェブ開発を学ぼう！

2019/07/17 32 users AMP Google Developers Japan

.app 1 .dev 1 #DevFest16 1 #DevFest17 1 #DevFest18 1 #hack4jp 3 A/B Testing 1 A4A 4 Actions on Google 15 Activation Atlas 1 Addy Osmani 1 ADK 2 AdMob 31 Ads 39 Ads API 32 AdWords API 10 Agency 1 AI 10 AIY 3 AIY Vision Kit 2 ALPN 1 AMP 75 AMP Cache 5 AMP for Email 2 AMP Story 2 amp-bind 1 AMPHTML ... 続きを読む

SPA が、ウェブ開発のベストプラクティスになる時代 - mizchi's blog

2019/03/05 985 users ベストプラクティス SPA JSON サーバーサイド 台頭

最近のフロントエンドに関するお気持ち。正直まとまってはない。 最近、こんな感じのツイートや記事が増えた。 web 技術をキャリアの中心にしない シングルページアプリケーション (以下SPA) の台頭により、私の観測範囲ではモダンな Web サイトは SPA で作られるようになった。サーバーサイドは JSON を返す API サーバ... 続きを読む

Sassのモダンなコンパイル環境が3分で作れるParcel入門 - 独自設定ファイルは不要 - ICS MEDIA

2018/12/21 42 users Sass ローカルサーバー Webpack Babel 起動

ウェブ開発ではSass、Babel、TypeScriptなどの言語のコンパイルや、出力ファイルの最適化、ローカルサーバーの起動などさまざまな作業が求められます。現在は、それらの作業を自動化するwebpackやGulp.jsがよく使われています webpackにはwebpack.config.js、Gulp.jsにはgulpfile.jsという設定ファイルがそれぞれ必要で... 続きを読む

iOSDC Japan 2018 に laisoから 1名 が登壇いたします - laiso

2018/08/08 14 users iOSエンジニア laiso iPhoneアプリ開発 関心

iOSDC Japan 2018 「iOSエンジニアが知るべきProgressive Web Apps開発のエッセンス」と題しまして、PWAムーブメント以降のWebアプリ開発のお話しをさせていただきます。 10年ビジネスとしてiPhoneアプリ開発を、個人の楽しみとしてウェブ開発とクロスプラットフォームのフレームワーク研究を嗜んできた私が現在関心を持... 続きを読む

ウェブ開発を爆速に！人気オススメCSSフレームワーク厳選38個まとめ【2018年最新版】 - PhotoshopVIP

2018/05/18 148 users PhotoshopVIP 爆速 2018年最新版

短時間で手軽にウェブサイトを作成できるCSSフレームワークは、数多く公開されています。CSSフレームワークを使用することで、 開発速度をスピードアップさせる だけでなく、 クリーンで規則性のあるレイアウトを時間をかけずに作成 できます。 今回はたくさんあCSSフレームワークの中から、特に人気の高いものを中心に、高機能で使い勝手の良いものから、無駄を一切省いた超軽量なものまで、 最新CSSフレームワ... 続きを読む

プログラムやウェブ開発の知識なしでもブラウザだけでアプリが作成できるサービス「KickAppBuild」でショップアプリを作ってみた - GIGAZINE

2017/12/17 82 users GIGAZINE CSS jQuery Mobile 感覚

ネットショップアプリなどのスマートフォン用アプリの作成が可能な「 KickAppBuild 」は、クラウド上に用意された48種類以上のテンプレート使う事により、まるでパズルピースをはめるような感覚で短時間にスマートフォン用アプリの作成が可能です。さらに、テンプレートを使うだけではなくHTML、CSS、JavaScript、そして jQuery Mobile の知識があれば個性的なアプリを作る事もで... 続きを読む

プログラムやウェブ開発の知識なしでもブラウザだけでアプリが作成できるサービス「KickAppBuild」でショップアプリを作ってみた - GIGAZINE

2017/12/16 82 users GIGAZINE CSS jQuery Mobile 感覚

ネットショップアプリなどのスマートフォン用アプリの作成が可能な「 KickAppBuild 」は、クラウド上に用意された48種類以上のテンプレート使う事により、まるでパズルピースをはめるような感覚で短時間にスマートフォン用アプリの作成が可能です。さらに、テンプレートを使うだけではなくHTML、CSS、JavaScript、そして jQuery Mobile の知識があれば個性的なアプリを作る事もで... 続きを読む

Golang で Web アプリケーションを作る際のメモ - Memo

2015/04/05 145 users memo golang サブコマンド CLI config

自分用メモ。ここら辺を参考にした。Golang でのウェブ開発を考えてみる - Qiita clicodegangsta/cli ? GitHubここら辺が鉄板。ちょっとアレと思ったのが、グローバルオプションの位置がサブコマンドの前に書かないといけない。$ ./app runserver --config=./setting.hcl とかやる場合は、runserver のオプションにしないと行けな... 続きを読む

クックパッド、ミクシィ、グリー、ネクストの品質管理マネージャが本音で語る。ソフトウェアテストの課題とこれからの可能性（前編）。JaSST'15 Tokyo － Publickey

2015/03/15 233 users Publickey JaSST クツ ミクシィ グリー

クックパッド、ミクシィ、グリー、ネクストの品質管理マネージャが本音で語る。ソフトウェアテストの課題とこれからの可能性（前編）。JaSST'15 Tokyo ソフトウェアテスト分野で国内最大のシンポジウム「JaSST'15 Tokyo」が2月20日、21日の2日間、東洋大学で開催されました。 そこで行われたセッションの1つ「Web.JaSST ～ウェブ開発のテスト～」」では、ミクシィ、ネクスト、クッ... 続きを読む

Backbone.JSからAngular2まで、全9大JavaScriptフレームワークを書き比べた! - paiza開発日誌

2015/03/12 951 users yoshiokatsuneo Backbone.js 吉岡

2015-03-12 Backbone.JSからAngular2まで、全9大JavaScriptフレームワークを書き比べた! こんにちは、吉岡(@yoshiokatsuneo)です。 ウェブ開発に欠かせないJavaScriptフレームワークですが、日々発展しておりReact.JS, Ractive.JS, Aurelia.JS, AngularJS2.0など次々と新しいフレームワークが出てきていま... 続きを読む

Inside AdSense : 最新のウェブ開発に役立つ Web Fundamentals と Web Starter Kit

2015/02/09 10 users Inside Adsense 最新

Google AdSense ( グーグル アドセンス ）に関する 最新情報 をお届けする、 公式 ブログ です。AdSense に関する活用方法や新機能をご紹介しています。 モバイル端末の登場により、ウェブを通じてユーザーとの新たな接点が生まれ、新しい画面サイズ、入力方法などが導入されてきました。この新たな領域に対応すべく、Google Developers チームでは、ウェブマスター向けに役立... 続きを読む

なぜ Web Components はウェブ開発に革命を起こすのか: Tender Surrender

2015/01/20 550 users Tender Surrender ウェブアプリケーション

ウェブアプリケーションのフロントエンドに関わる方なら、もう Web Components という言葉を全く聴いたことがない方は少ないのではないでしょか。 すでに関連記事も数多く出回っており、実際に触り始めている方も多いと思います。しかし、なぜこれが革命的技術なのか、周囲の人に簡潔に説明できる方はどれくらいいるでしょうか？この記事では、それを試みていきたいと思います。 デジタル部品の流通革命 ソフト... 続きを読む

ウェブ開発やデザインが超絶捗る開発者のためのウェブブラウザ「Firefox Developer Edition」が登場 - GIGAZINE

2014/11/11 342 users GIGAZINE Mozilla Edition 節目 登場

無料で使えるオープンなウェブブラウザ「Firefox」が登場してから今年でちょうど10年になるそうですが、そんな節目の年に、Firefoxを開発しているMozillaがウェブ開発者目線で作成し、開発者やデザイナーにこそ使ってほしいというウェブブラウザ「Firefox Developer Edition」をリリースしました。 Firefox Developer Edition — Mozilla h... 続きを読む

Golang でのウェブ開発を考えてみる - Qiita

2014/10/05 360 users Qiita golang ウェブアプリ フレームワーク 前提

仕事で Golang でウェブアプリを作ることになりそうなので、どんな構成がいいのか考えてみる。 JS や静的ファイル部分は今のところ考慮していない。単によく知らないので。 突っ込み大歓迎です。これいいよ！とか教えてください 前提 多機能なフレームワークよりシンプルなフレームワークに色々組み合わせる方法をとりたい。 開発者は数名程度。Golang に精通しているのが 1 名いる。残りはこれから。 ... 続きを読む