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

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

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

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

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 といったキーワードに触れつつ、昨今のウェブ開発... 続きを読む

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... 続きを読む

宣言的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 名いる。残りはこれから。 ... 続きを読む

自分に報いてくれない業界で、自分を捧げるな。好きな仕事を見つけるだけでは不十分な理由 ｜ ライフハッカー［日本版］

2014/09/01 40 users ライフハッカー 業界 キーパーソン 理由 仕事

ライフハッカー編集部  - キーパーソン,就職・転職  09:00 PM 自分に報いてくれない業界で、自分を捧げるな。好きな仕事を見つけるだけでは不十分な理由 現在ウェブ開発の仕事をするRachel Naborsさんは、かつて自分の好きな道に情熱を傾けたプロの漫画家でした。しかし、予期せぬ手術を受け、健康保険に入っていなかったことから自分の計画が台無しになり、それにより別のキャリアを見つけることに... 続きを読む

紙のデザイナーがウェブ開発できるようになるまでに必要なこと | Workabroad.jp

2014/09/01 77 users デザイナー Workabroad.jp ウェブ プログラマー

絶対に成功する方法なんてないですが、デザイナーが挫折せずにウェブアプリケーションをつくるためには、いくつかポイントがあると思うのでまとめようと思います。 グラフィックデザイナー出身の自分自身、プログラミングの本を買っては本棚に積み、何回も挫折しています。 その時の経験を踏まえ、デザイナーがプログラマーの域に足をつっこむための近道を考えてみました。 ここでいうウェブ開発は、ウェブサービス開発であり、... 続きを読む

「シニアエンジニアによるガラケー大戦回顧録」というイベントを開催した話 #garake_kaikoroku | #interest_ae

2014/06/09 86 users interest_ae ガラケー大戦回顧録 ワイワイ おがた

10年弱ガラケーでウェブ開発をしていた おがた(@xtetsuji) です。 2014年6月8日に「シニアエンジニアによるガラケー大戦回顧録」というイベントを開催させていただきました。 最初は「3人くらい集まってワイワイとガラケー時代のことを語れればいいな」くらいに考えていたら、2万人くらいフォロワーがいる人にRTされて、その日一日中iPhoneが震えっぱなしでした。意図に反して、人によっては悪ふ... 続きを読む

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

2014/05/19 550 users Tender Surrender ウェブアプリケーション

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

Javaでウェブ開発ってどうゆうことなの？ : IT速報

2014/05/19 71 users Java PHP VIP IT速報 以下

1: 以下、＼(^o^)／でVIPがお送りします 投稿日：2014/05/19(月) 10:28:42.01 ID:aRezVjdt0 Javaってウェブ開発とかでも使われてるっていうけど、 実際、どういう風に使ってるの？ PHPと連携させてるとか？ 3: 以下、＼(^o^)／でVIPがお送りします 投稿日：2014/05/19(月) 10:30:50.46 ID:zghvT4Xj0 PHPでやっ... 続きを読む