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

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

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

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 は、ただ... 続きを読む

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

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

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

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

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

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

ウェブ開発を爆速に！人気オススメ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など次々と新しいフレームワークが出てきていま... 続きを読む

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

紙のデザイナーがウェブ開発できるようになるまでに必要なこと | 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でやっ... 続きを読む

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

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

2014年5月19日月曜日 なぜ Web Components はウェブ開発に革命を起こすのか ウェブアプリケーションのフロントエンドに関わる方なら、もう Web Components という言葉を全く聴いたことがない方は少ないのではないでしょか。 すでに関連記事も数多く出回っており、実際に触り始めている方も多いと思います。しかし、なぜこれが革命的技術なのか、周囲の人に簡潔に説明できる方はどれくら... 続きを読む

Make: Japan | Raspberry Piでウェブ開発の基本を教えるGoogleのCoder

2013/09/30 56 users coder code Make 全容 Raspberry Pi

Home / Blog / Raspberry Piでウェブ開発の基本を教えるGoogleのCode… GoogleのCreative Labは、今週、Coderの全容を明らかにした。これは、「無料のオープンソースプロジェクトで、Raspberry Piを、学校の先生や両親がウェブ開発の基礎を教えるためのシンプルなプラットフォームにするもの」だ。Raspberry PiのSDカードに作ったCode... 続きを読む

Google Creative LabsのCoderは、Raspberry Piをウェブ開発プラットフォームに変える | TechCrunch Japan

2013/09/13 66 users coder Raspberry Pi デザイナー ツール 基礎

Google Creative Labsの新しいプロジェクト、Coderは、Raspberry Piを簡単に基本ウェブサーバー＋ウェブベース開発環境に変える、オープンソース・ツールだ。Google社員のJason Striegel、デザイナーのJeff Baxterらニューヨークの少人数チームが作ったこのツールは、教育者や親が子供たちに「ウェブ開発の基礎」を教えることを目的にしている。 Coder... 続きを読む

「はてな教科書」をgithub上に公開しました - Hatena Developer Blog

2012/04/11 1358 users github上 ウェブアプリケーション はてな教科書 教科書

こんにちは、id:shiba_yu36です。　はてなのエンジニア陣によって執筆されたウェブアプリケーション作成の基本を学ぶための「はてな教科書」をgithub上に公開しましたのでお知らせします。　はてな教科書は、はてなサマーインターンでも利用されている、約1週間でウェブアプリケーションの基本を身に付けるためのものです。はてなでは日々のウェブ開発で得られたノウハウをこの教科書を継続的に盛り込みながら... 続きを読む

ディレクター１年生が恋愛サイト『AM』をつくった - NHN Japan ディレクターブログ

2012/02/23 52 users AYA NHN Japan ディレクターブログ 恋愛サイト

2012年02月23日 21:00 ディレクター１年生が恋愛サイト『AM』をつくった Tweet 2月14日にオープンした『AM』で編集長をしておりますayaと申します。 私は、弊社の先輩方がブログでご紹介している「ウェブ開発」という分野では、１年生。日々、勉強中です。 しかし、入社してから4ヶ月経ったある日「ayaさん、女性に向けた恋愛サイトを立ち上げてほしい。ayaさんにすべて任せるから」と事... 続きを読む

Big Sky :: Vim scriptはウェブアプリケーション記述言語やったんやー

2012/01/27 112 users Vim script Big Sky Plack vim 昨今

こんにちわ。昨今、ウェブ開発の進化はすざましいですね。PythonやPerlやJava、色んな言語で書かれていると思います。 もちろん編集にはVimを使っているかと思います。 でも編集だけ？ 違うよね！ Vim scriptはウェブアプリケーション記述言語なんだよ！ Plack::App::Vim package Plack::App::Vim; use strict; use warnings;... 続きを読む

Rubyist Magazine - Sinatra 再入門、 Padrino / Rack / その先の何か

2011/11/28 233 users Sinatra Rack Padrino Ruby その先

この記事では、軽量ウェブアプリケーション DSL である Sinatra、Sinatra を拡張したフルスタックウェブ開発スイートである Padrino、そして Rails 登場以降の Ruby でのウェブ開発についての著者の持論、などを語って行きます。チュートリアル的な内容は今回は少ないですので、今回の話で興味をお持ちになったら、Sinatra Book、Blog Tutorial - Padr... 続きを読む