第65回 HTML5とか勉強会 ー React最新情報 に行ってきたメモ #html5j - console.lealog();
Angularの人が受付してるReactの勉強会に着いたやで— りぃ (@leader22) May 31, 2016 ちなみに、今年のHTML5 Conferenceは9/3（土）だそうです。 React現状確認 by @koba04 The state of React.js 2016 // Speaker Deck React.js meetup #4が6月にあるかも Reactの使用例 Instagram, Netflix, Uber etc.. Twitterのモバイル版 <- 知らんかった SFC: StatelessFunctionalComponentsがコンポーネントの基本 MixinはなくなったのでHighOrderComponentのスタイルで機能を追加 新しくReact.PureComponentってのが増えるかも `shouldComponentUpdate()`
AndroidやiOSの「ハイブリッドアプリ」で，JavaScriptとネイティブ・コードが連携する仕組みを図解 （おまけ：HTML側で施すべき，クロスプラットフォーム対策） - 主に言語とシステム開発に関して
AndroidプログラミングのTOPへ HTMLやJavaScript等のWeb技術を使って，AndroidやiPhoneなどモバイル環境のネイティブ・アプリを作成する事ができる。 そういうアプリの事をハイブリッド・アプリと呼ぶ。 AndroidとiOSでは，ハイブリッド・アプリを実現するためのアイデアは，非常に似ている。 下記の図を見れば，仕組みが酷似している事が分かるはずだ。 なおWindows Phoneの場合も，だいたい似たようなフロー。 以下では，各プラットフォームごとの詳細な事情をメモする。 また，複数プラットフォーム間での移植性を向上させるために，HTML側でどのように対処したら良いか？という課題についても述べる。 （１）Androidの場合 Androidでハイブリッド・アプリを実現するための仕組みは，下記のエントリに記述した。 たった２ファイルで，HTML＋JS製のネイテ
HTMLBook仕様とCSS Books仕様標準化の動き、「CSS書籍組版」セミナー | CSS組版ブログ
【追記2013-10-19】プレゼン公開：「CSS組版の今とこれから」 【追記2013-12-10】関連記事：CSSによる本作りの未来を占う―HTMLBookとはどのようなものか？ 果たして普及するだろうか？(電子書籍、電子出版のCAS-UBブログ) 10月18日、FormatterClub「CSS書籍組版」セミナーですでした。 ☞FormatterClub「CSS書籍組版」セミナーご案内（無料セミナー） さて、「CSS書籍組版」の世界の動きがこのごろ活発です。そのことを紹介します。 HTMLBook (オライリー) 米オライリー社は、書籍組版（PDF出力）にAH Formatter (CSS)を採用してますが、従来、DocBook XML形式から電子書籍用(X)HTMLとPDF用に変換していたのを、HTML5を入力（オーサリング）と出力の両方に利用する「HTMLBook」というフォーマッ
Client-side full-text search in CSS
How do we design, develop, and run websites and web applications today? A blog by François Zaninotto Using data- attributes for indexation, and a dynamic stylesheet with a CSS3 selector for search, it is straightforward to implement a client-side full-text search in CSS rather than JavaScript. Here is an example. The Searchable List The Search Code The search is very straightforward: it relies on
HTML5でサイトを高速化─wri.peで学ぶ、イマドキのWebアプリの作りかた（後編）
HTML5でサイトを高速化─wri.peで学ぶ、イマドキのWebアプリの作りかた（後編） 増井 雄一郎（FrogApps, Inc.） 前回の記事では、 wri.peの紹介と、HTML5のApplication Cacheを使ったHTMLや画像などの読み込み高速化の話をしました。今回は、Web StorageのlocalStorage/sessionStorageを使い、Ajax通信部分と表示の高速化を行う手法を説明しましょう。 localStorageを用いた通信と表示の高速化 前回のApplication Cacheで、HTMLの読み込みが高速化されました。これでも十分速くはなったのですが、画面に全ての情報が表示されるまでには、ちょっと時間がかかります。 wri.peではメモの一覧や、メモ本体の読み込み・保存はXHR(XMLHttpRequestの略。Ajax通信で使うモジュール名)を
Objective-Cを絶対書きたくない人向けのiOSアプリ開発ソリューションの総括 - laiso
有償、無償のやつがいろいろあって最近試してみたのでメモ書きを残しておいた*1。 最初にことわると、既に何かしらの言語を身に付けているプログラマー向けの記事になる。プログラミング自体の入門者は学習環境が整っているので絶対Objective-Cから入った方がいいです(個人的にはP*言語系でウェブ開発フルセット身に付けるよりか楽だと思う)。 Objective-Cを避けたい動機 未知のプログラミング言語を習得するコストがツラい Objective-Cは潰しが効かない(iOS & Macアプリ開発でしか使わないじゃん) Android版など。なるべく移植性を高くしたい Xcodeを使ってコーディングするのがいやだ。愛用しているエデイタで開発したい 開発環境が強制される。不自由で邪悪なので使ってはいけない。 とまあ人によっていろいろある 比較表 本記事でとりあげたものの簡単な比較表をテーブルにしてお
AndroidとChromeは統合し、Packaged Web Appsが重要になる。丸山先生が予想する新しいアプリケーションの形
AndroidとChromeは統合し、Packaged Web Appsが重要になる。丸山先生が予想する新しいアプリケーションの形 日本Androidの会とHTML5jが合同で「第39回 HTML5とか勉強会+日本Androidの会 2013年5月定例会」を5月28日に開催しました。 そのセッションで、AndroidとChromeが統合すると予想したのが日本Androidの会会長で早稲田大学客員教授 丸山不二夫先生。丸山先生はプレゼンテーション層をクライアントに持ってくるシンサーバアーキテクチャこそが大きな流れで、それが時代を動かしているという見解を披露。HTML5/CSS/JavaScriptを用い、ネイティブアプリケーションのようにパッケージされたPackaged Web Appsに注目していると、これからのAndroidでのWebテクノロジーの重要性を示しました。 その丸山先生のセッ
HTML5 勧告候補に main 要素が追加、hgroup 要素は予定通り削除
ちょっと前に 「hgroup 要素が HTML5 の勧告候補 （Candidate Recommendation） から削除されるようです」 って記事を書きましたが、実際に削除されたみたいですね （Editor's Draft では）。 ついでに、すでに HTML 5.1 Nightly にはすでに追加されていた、main 要素が、HTML5 勧告候補の方にも追加されたようです。 HTML5 W3C Candidate Recommendation 17 December 2012 hgroup 要素が HTML5 勧告候補から削除される main 要素とは？ main 要素は元々、Steve Faulkner 氏 （Web アクセシビリティ関連の方） が HTML5 の拡張仕様として提案し、HTML 5.1 に正式に取り入れられた要素で、その名の通り、文書内の、「主要な部分」 をマークア
hgroup 要素が HTML5 勧告候補から削除される
今さら感がハンパないのと、ちょっと前の話になってしまいますが、hgroup 要素が HTML5 の勧告候補 （Candidate Recommendation） から削除されるようです。 WG Decision on request to drop hgroup from HTML5 ： W3C Mailing lists plan on removing hgroup from spec ： W3C Mailing lists as per the chairs decision I plan to remove hgroup from the HTML5 spec. It will be made non conforming, but the implemented parsing rules and user agent CSS rules will remain (as is u
Modernizr: the feature detection library for HTML5/CSS3
MENURespond to your user’s browser features.Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.Add your detects Development build What is Modernizr?It’s a collection of superfast tests – or “detects” as we like to call them – which run as your web page loads, then you can use the results to tailor the experience to the user. Why do I need it?All web develope
HTML5 でやりがちな間違い
HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 Avoiding common HTML5 mistakes ： HTML5 Doctor 翻訳といっても要約みたいな感じですので、書いてあることをそのまま日本語にしたものではあり
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Learn Responsive Design | web.dev