タグ

関連タグで絞り込む (9)

タグの絞り込みを解除

html5とweb開発に関するstealthinuのブックマーク (8)

  • Babelで始める！モダンJavaScript開発

    Babelは最低限の機能をIE8以降で、フル機能をIE10以降でサポートします。 （実際にはIE9以降から使用することを推奨します） 当初Babelは6to5と呼ばれていましたが、ECMAScript7の仕様なども取り込むようになったため、バージョンを想定しないBabelという名前に変更されました。 Babelの特徴 Babelと同じように「トランスパイルすることでJavaScriptのコードを出力する」ツールにはTypeScriptやCoffeeScriptなどがあります。 それらと比較するとBabelは「ECMAScript標準仕様をベースにしている(*)」という特徴があります。 (*) 実際にはJSXもサポートしているため、必ずしもECMAScript標準仕様のみをサポートしているわけではありません。 このため、「いずれ標準実装される仕様を先取りできる」、「Babel自体が廃れても同

    Babelで始める！モダンJavaScript開発
    stealthinu
    stealthinu 2016/05/24
    Babelまだ使ったことないので…　しかしBabelの開発始まったの2014/9でこの紹介記事だって2015/10、で2016/5でまだ使ったことないとヤバイ感。Webフロントエンド系の流速が早過ぎる…
    リンク

  • React CanvasによるモバイルブラウザのUI改善とそれが起きる必然 - ワザノバ | wazanova


    http://engineering.flipboard.com/2015/02/mobile-web/ 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約4時間前 ものごとが進化すると、利用するユーザの満足度はあがるので、それを用意する作業量はツールの改善に従って最終的には減っていくのか？ スマホが登場して、アプリ上でのスワイプなどの直感的にできる操作や表現の幅が広がり、またディスプレイも改善。では、プロダクトをつくる側がそれに慣れてくると、作業量が減るのか？いや、現実は逆。同じことを実現する作業量は減っても、トータルでは減らない。ブラウザとアプリにまたがって、双方のメリットを取り込もうと、もっとレベルの高いUIを目指した競争が続いています。 David BellonaがTwitter Universityでの
    stealthinu
    stealthinu 2015/02/12
    ReactでやってることをCanvasでレンダリングさせて超高速化するってなんかもうなにがなんだか。一周ぐるっと回ってきた感。
    リンク

  • Onsen UI 2: HTML5モバイルアプリを速く、美しく - Onsen UI


    ハイブリッドとモバイルWebアプリ開発の決定版 開発環境のセットアップを一切することなく、JavaScript・HTML・CSSを用いたモバイルアプリ開発を始めましょう。クラウド上の開発環境Monacaと組み合わせることで、あなたの開発環境は常に最新の状態に保たれます。 クラウド上にすべてのツールを 強力なCLI︵コマンドラインツール︶やデスクトップ向けアプリ︵WindowsとmacOSに対応︶を通じて、Onsen UIアプリはとても簡単に制作できます。それ以外にも、Monacaが提供するライブリロード対応のデバッガーや、リモートビルド機能といったクラウドの機能にアクセスできます。 美しいUIコンポーネントと自動スタイル モバイルアプリに特化した、ネイティブのようなパフォーマンスに優れたUIコンポーネントが自慢です。タブ、サイドメニュー、ナビゲーションといった共通デザインだけでなく、リスト
    Onsen UI 2: HTML5モバイルアプリを速く、美しく - Onsen UI
    stealthinu
    stealthinu 2014/12/12
     主にスマホ向けのhtml5フレームワーク。angularやjqueryとの相性もいいらしい。Monacaを作ってる会社が開発しててapacheライセンス。jquery-mobileよりこっちのが良さそう。  

    ●html5
    ●web開発
    ●フレームワーク
      
    リンク

  • あなたがReactを使うべき理由 - mizchi's blog


    最近フロントエンドでfacebook/reactをずっと使っている。世界的には一部のエンジニアの間で流行っているのだが、国内だとqiitaのタグ等を見てもどうも少ない。みんなもっと使うべきだと思うので、宣伝かねて意見をまとめてみる。 複雑化するデータバインドに対する懸念 MVWのVに対して思いを馳せると、だいたい次のことに行き着く。すなわち、﹁ある構造体の入力に対して、必ず一意なビューを生成したい﹂ {items: [1, 2, 3]} を入力とすると、 1, 2, 3のli要素になってほしい。これは単純な例だから問題に成り得ないように見えるが、アプリケーション全体の状態を一つのjsonとして定義し、 そこから常に0から組み立てればアプリケーションの健全性が確保できると考えたことはないだろうか？ 現実の問題 UIのだいたいの状態は遷移で表現される。遷移の差分をプログラマが記述する。jQue
    あなたがReactを使うべき理由 - mizchi's blog
    stealthinu
    stealthinu 2014/09/03
    『HTMLを毎回同じ状態を復元する為に0からビューを構築するとものすごく効率が悪い』だからReactでは自動的に差分だけを操作するDOMを生成して書き換えてくれるらしい。ただjQueryとか直接操作系との併用は不可。
    リンク

  • http://lollyt.in/

    stealthinu
    stealthinu 2014/07/08
    bootstrapのページのひな形を作るためのサービス。もしくはbootstrapでよく使われるデザインのスニペット集とも言える？レスポンシブにするのにこれでひな形作るとかいう用途に使えそう。
    リンク

  • AngularJSでWebアプリケーションを作ろうと思った時に構成に悩んだら、generator-angular-fullstackからはじめるのが良いのでは | mah365


    HOMEソフトウェア開発AngularJSでWebアプリケーションを作ろうと思った時に構成に悩んだら、generator-angular-fullstackからはじめるのが良いのでは AngularJSでWebアプリケーションを作ろうと思った時に構成に悩んだら、generator-angular-fullstackからはじめるのが良いのでは AngularJSはあくまでクライアントサイドのフレームワークなので、サーバサイドをどうしようかなーと悩むことがあると思います。Railsが得意ならRailsに組み込むのもいいんですが、Railsはビューヘルパーが異様に充実しているので、Rails上でAngularJSのコードを書いてるとRailsの良いところが10%も生かせてない気がして辛い気持ちになってきます。うーん、どうしよう。 そんな風に悩んだらYeomanのgeneratorであるgener
    AngularJSでWebアプリケーションを作ろうと思った時に構成に悩んだら、generator-angular-fullstackからはじめるのが良いのでは | mah365
    stealthinu
    stealthinu 2014/02/19
    angular使うときの基本構成用に。
    リンク

  • <input autocomplete>－HTML5タグリファレンス


    <input>要素のautocomplete属性を指定すると、ユーザーに対して入力候補を提示して、内容を自動補完することができます。 例えば、検索キーワード候補の提示のようなインターフェースを実現できます。 入力候補として表示されるデータのリストを指定するには、 HTML5から追加される予定の<datalist>を使用します。<datalist>は、 フォームの入力欄などで入力候補となるデータリストを定義します。 各データのリスト項目は、<option>で定義します。 <datalist>をサポートしたブラウザでは、<option>で指定された値がユーザーに対して入力候補として提案表示されます。 <input>のlist属性の値と<datalist>のid属性の値を同じにして、入力欄とデータリストを関連付けます。 ■属性 HTMLソース <form action="xxx.php" met
    stealthinu
    stealthinu 2014/02/05
    inputにautocomplete属性が追加されautocompleteをページ側で制御できるようになったがIE11では未対応だった。Firefoxでは効いてる。
    リンク

  • フォーム関連要素（終） HTML5で仕様になった入力値チェック＋便利な3Tips


    フォーム関連要素︵終︶ HTML5で仕様になった入力値チェック＋便利な3Tips‥HTML5“とか”アプリ開発入門︵9︶︵1/3 ページ︶ HTML5で強化された入力フォームに関する話題は、今回でいったん終わりとします。これまでの3回で、＜input＞要素に加えられた変更と、新たに追加された＜form＞関連の要素についてお話ししてきました。 今回の話題は、フォームの入力値チェック︵バリデーション︶が主になります。また、autofocus属性やform属性など、これまでの記事で触れられなかった内容も紹介したいと思います。 HTML5では入力値チェックの仕組みが“仕様”に HTML4までは、フォームに入力された値をチェックする仕組みがほとんど備えられていませんでした。そのため、入力値のチェックは基本的にサーバサイドでのみ行うか、JavaScriptを用いてチェックする必要がありました。 しか
    フォーム関連要素（終） HTML5で仕様になった入力値チェック＋便利な3Tips
    stealthinu
    stealthinu 2013/08/13
    html5から使えるようになったフォームのrequiredなどのチェックについてまとめ。引っかかったときはinvalidイベントが発生する。
    リンク
  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.