タグ

Javascriptとwebに関するcpwのブックマーク (3)

  • Web フロントエンドの実装において本来の機能を損なってはいけない

    Web フロントエンドの実装において来の機能を損なってはいけない 2022.12.24 データの取得・ルーティング・フォームの値の管理に至るまで JavaScript で制御するようになった結果、来備わっていた機能を損なう形で実装されるような間違いが起きるケースも発生してしまいました。見た目上操作に不都合がないのですが、修飾キーが有効でなかったりと、とある要素が当然に持っているべき機能が失われていることがよくあります。 昨今の Web フロントエンドの開発においては、ReactVue.js などを利用した SPA を採用することが多くなりました。従来の MPA と比較して、リンククリック時やフォーム送信時にページリロードを挟まないので、高速な画面遷移を実現できるため、快適な操作を実現できます。 一方データの取得・ルーティング・フォームの値の管理に至るまで JavaScript

    Web フロントエンドの実装において本来の機能を損なってはいけない
    cpw
    cpw 2023/01/04
    本当これ。ブラウザの機能殺すな
  • 「改めまして、Progressive Web Appsと申します」── Web UXの新たな基準を考える

    Progressive Web Appsというワードが世に出て約2年半が経ちました。2015年10月に開催されたChrome Dev SummitにてFlipkartの事例をもってお披露目となったそのコンセプトは、2018年現在までに徐々に成功事例を増やしながらWeb界隈の注目を集め、ついに先日(忘れもしない2018年3月30日!)iOS 11.3からiOSデバイスでも一部の機能が利用できるようになるまで成長しました。これは、まるで進学する我が子を見ているかのような、新年度にふさわしい晴れやかなニュースですし、いい機会なので PWAとは何かを改めて振り返ってみようと思います。 Webに足りなかったもの 私はWebが大好きです。リンクを1つクリックしたら(インストールなど煩わしい手続きなしで)すぐに新しいコンテンツを読めるのは最高の体験だなと常日頃感じています。ただし、今までのWebアプリの

    「改めまして、Progressive Web Appsと申します」── Web UXの新たな基準を考える
  • Pipes

    A visual data manipulation interface It works similarly to how Yahoo! Pipes worked. You get a canvas area and can place blocks on it. First you enter data, for example by pointing a block to an RSS feed. Then you connect that block to other blocks. This data then moves through your pipe, block by block, and each block can manipulate it. A simple example is combining multiple RSS feeds into one and

    cpw
    cpw 2017/06/04
    OSSのライブラリにはならないのかな。
  • 1