IEBlogの“IE8 Beta 2 Coming in August”という記事にて、IE8 Beta 2が8月にリリースされるというアナウンスがありました。Beta 2ではCSS 2.1準拠に向けたバグ修正や、スクリプトのパフォーマンス向上が見込まれるようです。また、日本語を含む各言語版のBetaも配布されます。 さて、同じ記事にて「meta要素によるレンダリングモード指定の文書を公開しました。」という報告がありました。今回はこの“Defining Document Compatibility”という文書を参考に、改めてIE8のレンダリングモードについて解説したいと思います。 3つのレンダリングモード IE8には3つのレンダリングモードが存在します。 IE8モード CSS 2.1やSelectors APIなど、Web標準を強く意識したモード。 IE7モード IE7の標準準拠モードと同
パンくずリストのマークアップを色々考えてみる
久々普通のエントリーだ。 なんか、デジパの中の人が、Web標準の日々に出ちゃうらしいです。 この人→ネットのサラダボウル: Web標準の日々に参加します。 皆色々やってるなぁ～、ボクも負けてられんなぁ～ ソレとは関係ないけど、デジパの社員は半分くらいの人がブログ書いてるんすけど、Ｂ to Ａ 赤坂で働くWebコンサルタントの日記とかのエントリーで逆立ちって。。。。 皆色々やってるなぁ～、ボクも負けてられんなぁ～ さて、そろそろ本題に。 以前のエントリーでパンくずリスト（Topic Path）を作成する際に使えそうなサンプル8種ってのを書いたんだけど、その後色んなサイトで書かれてたパンくずリストのエントリーや、コーディングコンテストのソース覗いてたりして、今後どうやってマークアップしてこうかなぁ～って悩んでた今日この頃。 そんな訳で、良いか悪いかは別として色々考えてみた。 ul要素でやってみ
WebKit - Wikipedia
この記事は更新が必要とされています。 この記事には古い情報が掲載されています。編集の際に新しい情報を記事に反映させてください。反映後、このタグは除去してください。（2019年9月） WebKit（ウェブキット）は、Appleが中心となって開発しているオープンソースのHTMLレンダリングエンジン群の総称である。HTML、CSS、JavaScript、SVG、MathMLなどを解釈する。 WebKitは、元々AppleのmacOSに搭載されるSafariのレンダリングエンジンとして、LinuxやBSDといった、Unix系用のレンダリングエンジンであるKHTMLをフォークして開発された。現在はその他の多くのプラットフォームに移植されている。 ライセンス[編集] WebKitのWebCoreおよびJavaScriptCoreライブラリはGNU Lesser General Public Licen
サーバサイドJavaScriptのための環境として登場した「Node.js」は、今やクライアント環境でのJavaScriptランタイムとしてもポピュラーなものとなっています。その開発はどのようなプロセスで進められており、今後はどのような形で進化していくのでしょうか。今回、Node.jsのコミッターであるヤフーの大津繁樹氏と、「Japan Node.js Associations」の代表理事を務める、リクルートテクノロジーズの古川陽介氏に、それぞれの立場から「Node.js」の現状と未来について語っていただきました。モデレーターは、テックフィード代表取締役の白石俊平氏が務めます。本稿は2部構成の【前編】です。 日本の「Node.js」コミッターには実は意外なつながりが？ 白石：今回は、Node.jsのコミッターである大津さんと古川さんに、Node.jsの現在と未来について語っていただきたいと
筆者は、オープンソースのSNSエンジンを開発する「OpenPNE」プロジェクトを運営するうえで、これらの話題に当事者としてかかわっています。 本稿では、Googleが大々的に発表し、mixiも賛同を表明と鳴り物入りで登場した「OpenSocial」について取り上げます。「OpenSocial」の成り立ちや現状、アプリケーションの作り方などを前編・後編に分けてご紹介していきます。 OpenSocialとはいったい何なのか？ 最初に、「OpenSocial」とは何かを解説しましょう。 「OpenSocial」とは、Googleが2007年11月に発表したSNSに関する共通のAPI、つまり、SNS上で動作するアプリケーションを開発する際に利用できる共通の機能セットのことです（参考「GoogleがSNS向けAPI「OpenSocial」公開」）。 Googleが発表した「OpenSocial」の定
連載： HTML5 Conference 2017特集 (15)こんにちは、編集長の白石です。 この記事は、9月24日に開催されたHTML5 Conference 2017に登壇したエキスパートに、お話されたセッションのトピックを中心に、様々なお話を伺おうというものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回お話を伺ったのは、Googleの山口能迪（やまぐち・よしふみ）さんです。 山口さんのセッションは「AMPで加速するモバイルウェブアプリケーション」でした。 スライド資料はこちらで公開されています。 https://docs.google.com/presentation/d/1ZYyHFRMZnD6bfi6fl9yh9G_TIs3roSxvp-Goa1JZv_c/htmlpresent AMPとは何か？
【連載】今からはじめるAIRプログラミング (1) AIRの概要とインストール方法 | エンタープライズ | マイコミジャーナル
今月11日、それまで「Apollo」のコードネームで開発が進められてきたAdobeのRIAプラットフォームが、「AIR(Adobe Integrated Runtime)」という正式名称を与えられて、β版のリリースに至った。α版に比べて多くの機能追加が行われており、プラットフォームとしての完成度がかなり高まった感がある。 そこで、本連載では、そのβ版を使用し、AIRが持つ様々な機能と、それを利用したプログラミングテクニックを紹介していきたいと思う。 今回は連載の1回目ということで、AIRの概要とインストール方法、およびサンプルの実行方法を説明する。β版の機能を利用したプログラミングについては次回から解説しよう。 AIRの概要と利点 AIRは、先ほども述べたとおり、コードネーム「Apollo」として開発が進められてきた、Adobeの次世代RIAプラットフォームだ。AIRは「Web開発技術をそ
第1回 HTML5による業務システム開発に踏み出そう
ITpro読者のみなさん、はじめまして。新日鉄住金ソリューションズの横山です。本特集は、次世代Web標準である「HTML5」を使って業務システムを構築するために必要な情報や役立つ情報を解説します。HTML5を採用することで、業務システムがどのように見やすく、使いやすいものになるかを紹介すると共に、開発を効率的に進めるための道具や留意点などについてもみていきます。 身のまわりで着実に普及が進むHTML5 最近、ニュースや雑誌で見聞きする機会が増えてきた「HTML5」という言葉ですが、実際に身のまわりでどれくらい利用されているのかよく分からないという人は多いのではないでしょうか。わざわざ「これはHTML5で作ったコンテンツです」と明記しているケースは少ないからです。 HTML5が使われていることが明らかに分かる例としては、スマートフォンでアクセスした際に「ユーザーが今いる場所の最寄りの店舗を紹
第1回 次世代Web標準「HTML5」は今、どこまで使えるレベルにあるのか？：なぜ今、HTML5なのか――モバイルビジネスに与えるインパクトを読み解く（1/2 ページ） 動きが速いモバイルビジネスの世界で、このところ急速に注目度が高まっているWeb技術が「HTML5」だ。HTML5はWebの世界をどのように変えるのか、どんなメリット、デメリットがあるのか、モバイルビジネスにどんな影響を与えるのか――。短期集中連載でKDDIリサーチフェローの小林雅一氏が解説する。 高度で多彩な情報処理機能を備えた、最新鋭のWeb技術「HTML5」がじわりとIT業界に浸透してきた。例えば米Microsoftが先頃プレビューを開始した次世代「Office Web Apps」。これは同社のフラグシップ製品である統合文書ソフト「Office」のWebアプリ版（クラウド版）であり、Internet Explorer（
1分ずつ見る「Google Wave」デモ×11
米グーグルが発表したGoogle Wave。現在のテクノロジーで電子メールを再発明したらどうなるか？ にグーグルが出した答えとしてIT系のメディアで注目して取り上げられています。 【詳報】Google Waveとは何なのか？ － ＠IT Google Waveはコミュニケーションを再定義するか？:ニュース - CNET Japan 【Google I/O】Google社が「Google Wave」を発表，さまざまなコミュニケーションを一元化 - 通信 - Tech-On！ 米Googleが次世代通信プラットフォーム「Google Wave」発表 しかし、Google Waveが何なのか？ を理解するにはグーグルが公開したビデオを見ると、より正確に理解できます。そこで本エントリでは、グーグルがYouTubeで公開した1時間20分のビデオから、見所だけを1分ずつ抜き出しました。 Google
そろそろ誰か、今回の収支報告絡みのまとめページとか作らないかなあ。 twitter / amachang さっそく作ってみた 講演を断った理由 お金のにおいが強すぎるからです。終わり。 Web標準の日々 (smashmedia) 事の発端 ですが、「企業として」ならば、その事実が見えづらい状態ではどうにも気持ち悪いです。 Transrain - CSS Niteについて考えてみる それに対する株式会社スイッチの反応 お金のにおいが強すぎるとか1600万円強の利益があるはずとか、好き放題言われるのはよいのですが、ご参加いただく方には気持ちよくご来場いただきたいので、現時点での収支概算を公表します。 CSS Nite公式ブログ:収支概算を公表します：［Web標準の日々］ CSS Nite、および、［Web標準の日々］の収支に関して不信感を持たれている方のキャンセルは大歓迎です。不適切な表現でし
2007年にCSSやWeb標準に関するどんなテクニックや議論があったのかを書き出しておくのも一興かなと思いまとめてみると大変なことになってしまいました。 筆者より一言 CSSな人たちは「懐かしいなー」と振り返ってもらえればいいですし、今年こそCSSやるぞ！と思っている人は参考に、また違う言語の人たちは「へえー」とでも思ってもらえれば。 このリスト自体は、個人的に運営していたCSS Engine in Japanから引っ張ってきたものです。そのため本来なら入れるべきなのに抜け落ちている記事もかなりあります。カテゴリーや順序は適当です。また、2007年と言っておきながら、たまに今年のものとかも入っていることはご愛嬌。その上、ベストエントリーと書いておきながら、良質なエントリーが抜け落ちていることも認めます。 ただ、CSSの議論も一段落しているので、そろそろこの検索も役目を終えたなーと思い、その
px指定の次はコレ！フォントサイズやブレイクポイントに「rem」を使ったレスポンシブ対応のフレームワーク -Schema UI Framework | コリス
Webページでよく使用するさまざまなコンポーネントが簡単に利用できるフロントエンド用のフレームワークを紹介します。 最近は、フォントサイズやMedia Queriesのブレイクポイントなどの単位に「rem」を使用しているサイトが増えてきましたね。 Schema UI Framework Schema UI Framework -GitHub 「rem」の詳しい説明は、以前の記事をご覧ください。 フォントのサイズ指定はpx？ em？ 既存の再検討とこれからのテクニック Schemaの特徴 Schemaのデモ Schemaの特徴 Schema UI Frameworkの特徴 SchemaはMITライセンスのオープンソースのプロジェクトで、軽量でクリーンなフロントエンド用のフレームワークです。 セマンティックなマークアップ Web標準で、きれいなマークアップが使用されています。 LESSベース
企業のCMSサイトやオウンドメディアなどエンタープライズ用途での利用が増加しているWordPressの高速化について解説する連載。初回は、WordPressの高速化が求められる背景や、WordPress高速化の基本的な考え方であるページのロード時間とその構成要素、1秒当たりの同時アクセス数について解説します。 WordPressの高速化が求められる背景 「WordPress」は世界中で最も使われているCMS（Contents Management System）のソフトウエアです。「W3Techs」の統計によると、世界中のWebサイトの約24％、CMSソフトウエアを利用したWebサイトの約6割で利用されています（参考「Usage statistics and market share of WordPress for websites」）日本国内に限定すると、CMSソフトウエアを利用したW
報道者各位 2017年8月28日 株式会社ヌーラボ ビジュアルコラボレーションツール「 Cacoo 」 Flash から HTML5 に完全移行が完了、 より快適な作図が可能に 2020年の Flash サポート終了を受け、将来的な機能拡張も視野に 株式会社ヌーラボ（本社：福岡県福岡市、代表取締役：橋本 正徳、以下 ヌーラボ）は、自社が開発・提供するビジュアルコラボレーションツール「 Cacoo （カクー）」の基盤技術をFlashからHTML5に移行しました。 ■「 Cacoo 」基盤技術変更の背景 ビジュアルコラボレーションツールの「 Cacoo 」は、2009年のリリース以降、 Flash という技術を採用してきました。しかし、昨今ではFlashの抱える脆弱性によるセキュリティ面での懸念が指摘されることも多く、2020年には製品サポートが終了するという発表も受け、基盤技術を Flash
HTML5でネイティブアプリを作ろう！「Windowsストアアプリ」開発入門 物江 修（日本マイクロソフト株式会社 Webエバン...） これまでのHTMLはオンライン上のドキュメントを記述する目的に設計され、発展してきましたが、HTML5ではそれに加え、アプリケーションのプラットフォームとしての仕様も盛り込まれています。 HTML5のマークアップや API、CSS3、SVGなどの関連技術を使用すれば、Webブラウザの独自の拡張機能に頼らずとも、Web標準から外れることなく、高機能なWebアプリケーションを開発することができるようになりました。また、HTML5とその関連技術が提供するさまざまな標準化された仕様は、Webブラウザ内で動作するコンテンツにとどまらず、クロスプラットフォーム開発が必要とされるネイティブアプリの開発でも使用されるようになっています。 こういったクロスプラットフォーム
今日のデジタル社会において、数十億人の人々が仕事や生活の両方でインターネットに接続し、様々なアプリケーションやサービスを利用しています。オンラインのリスクを回避し、高速かつ最適な Web 体験を得るために、モダンなブラウザーを選択することは、ますます重要になってきています。 マイクロソフトは、より安全で高速なブラウザーをご提供し、ユーザーが常に最新バージョンの Internet Explorer を使えるよう継続的な投資を行なってきました。最新の Internet Explorer 11 では、セキュリティの向上やブラウジングの高速化、Web 標準サポートによる Web アプリの互換性向上など、開発者だけでなくユーザーにとっても多くのメリットがあります。 米国時間の 2014 年 8 月 7 日、マイクロソフトは Internet Explorer のサポートポリシーについて、重要なお知ら
PythonでGUIやるならTitaniumがよさそう ~ Twitterクライアント作ってみた - /Users/mizchi/workplace/
この記事読んで以来、ずっとTitaniumをいじっていました Ruby,Python,PHP,JavaScriptでマルチプラットフォームなデスクトップアプリを簡単に作成する Appcelerator Titanium Desktop - 仙台 Rails Vim JavaScript社長 Titanium Desktopの何がすごいって、Webkitベースなのでhtml/css/javascriptのweb標準技術が使えて、さらにはKrollというライブラリがそれぞれの言語の仲立ちをし、名前空間を共有しそれぞれのライブラリを呼び出せるそうな。なにそれきもい。 僕は完全に が使えるwebkitとしか見てなくて、GUIライブラリが貧弱なPythonだと、十分有力な選択肢に入ると思われます。一度作ったものはクロスブラウザで使えるし。 簡単なTwitterクライアントを作ってみた あっさりできま
JavaScriptやWeb開発に興味を持っている人はブラウザ周りの新しい情報も知っておくと良い場合も多いです。 なのでブラウザ周りに絞ってブラウザ別のブログなどを紹介。 Internet Explorer(IE) IEBlog – Site Home – MSDN Blogs IEについての最新情報を書いているオフィシャルサイト Hebikuzure’s Tech Memo IEやWindowsについて多岐にわたり書かれているブログ。 更新頻度が高く、IE Blog の記事の私訳などとても参考になる。 Internet Explorer ブログ (日本語版) – Site Home – MSDN Blogs IEBlogの翻訳記事などを掲載する日本語オフィシャル版(全て翻訳されるわけじゃないのでIEBlogも見た方がいい) Internet Explorer デベロッパーセンターのMSD
ブロックレベル要素 ブロックレベル要素とは昔風の解説で言うなら、改行を伴う要素です。 上記の例では青いボーダーの要素です。 HTML4.01 Strictでは次の要素がこれにあたります。 p div table dl ul ol form address blockquote h1 h2 h3 h4 h5 h6 fieldset hr pre ブロックレベル要素の特徴は、親要素の内容幅全体に広がって配置されます(上記の例では黒い二重のボーダーが親要素のボーダーです)。 つまり、ブロックレベル要素の横に他の要素は(通常フローなら)並べることができません。 このような特徴からボーダーが(見えて)ない時の様子から「改行を伴う」と言われています。 CSS2ではブロックレベル要素は矩形(四角形)で表現されると考えると簡単に理解できるかと思います。 インライン要素 ブロックレベル要素に対し、文中の一部
C90%M10%Y40%: HTML売りの少女
連載長編大河小説「HTML売りの少女」 最終回 「HTMLは要りませんか？」 「HTML買ってください。」 冷たい北風が吹き荒れる街角で、今日も少女は道行く人々にHTMLを売り続けました。 「HTMLはいかがですか？」 「心のこもった暖かくて分かりやすいHTMLです。」 「Web標準準拠のHTMLは要りませんか？」 しかしすれ違う人々は冷たく少女を突き放すのでした。 「内製してるから要らないよ。」 「ブログサービスがあるからそれで充分。」 「SEO？もうたっぷりやってあるわ。」 疲れ切った少女は街の片隅に座り込んでしまいました。 少しでも暖かさを得ようと、 DreamweaverでHTMLを「ブラウザでプレビュー」しました。 一枚目のHTMLでは、 ページの中で暖かそうな家族がひとときの団欒を繰り広げていました。 二枚目のHTMLでは、おいしそうな料理写真が表示されてい
mizchi's blog
最初に言っておくとmizchi と syake の 離婚はお互い嫌いになったという理由ではなく、単に結婚に求めるものが違っていて、その齟齬が顕著になった、ということに尽きます。 mizchi と syake は離婚しても友人であり、一緒にイベントなどもやる予定があります。これからも仲がいい友人であり続けるために適切な距離が必要になり、それには婚姻契約や同居がお互いにとって邪魔になったよね、という同意に至りました。 この2年間は本当に楽しかったです。結婚前にあった課題感、「エンジニアとして似たようなサイクルを繰り返すだけの予測可能な人生を打破したい」という当初の目的も達成できました。自分と違う人間と生活することで、様々な局所最適に陥っているのを自覚できるようになりました。これについて、syake には本当に感謝しています。 これ以上詳しいことを知りたい人は、Twitter で「ワインと鍋」に
第２回 Web標準と新たなマークアップ言語「XHTML」
Web標準ベースのサイト制作では、「XHTML」という新たなマークアップ言語を採用するのが一般的である。なぜHTMLではなくXHTMLを採用するのか、XHTMLのなかでどのバージョンを採用すればよいかを考えてみよう。 HTMLからXHTMLへ 現在のWebデザインでは、新規案件、リニューアル案件ともに、従来のHTMLではなくXHTMLを採用するケースが増えてきている。XHTMLは「Extensible HyperText Markup Language」の略であり、HTMLをXMLで再定義したマークアップ言語だ。 HTMLとの違いは、フルスペルからもわかるとおり、まず「Extensible（拡張可能）」な点にある。XMLのサブセットとして名前空間（namespace）が利用できるため、MathML（数式記述のためのマークアップ言語）やSVG（2次元ベクターグラフィックス記述言語）などのXM
今のところ全く萌えないiPhone6+ | F's Garage
こんなにワクワクしないiPhoneは初めて。iPhoneはすごく好きなデバイスだから当たり前のように買い換えるけど、もう惰性の夫婦みたいになってるかもなぁ。 何も考えずに毎年、数万円の買い物していて、iPhone6 plus 64GB、ついに10万円だもんなぁ。残債をかぶらせるのが嫌なので、毎年１２回払いにしてますしね。 今回のiPhone6 plus、Androidに影響されて、画面大きくなっちゃった。嬉しいような悲しいような。 ランチでレストランに持って行ってみたけど、少し使ってるのが恥ずかしいな。 iPhone5Sと比べてなんだけど、少しバカっぽい。 これ慣れるかな。でも、数年後、あんな大きいの買ってた僕らっておかしかったよね、ってなってる可能性もあるかもなぁという予感がした。 今、90年代の映像を見ると、なんでみんなこんな髪型してるんだろう、とか、なんであんなもの持ってたんだろう、
なぜHTML5がそれほど重要か？
HTML5はなぜ重要なのでしょうか。このブログでも、HTML5はIT業界全体にとって重要な標準だと位置づけて、その動向については何度も取り上げてきました。 いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0 HTML5/CSS3は最新Webブラウザでどれだけ実装が進んでいるか？ HTML5の標準化で表面化したSQLの非互換性問題 HTML 5でセマンティックWebが進むと困る人たち HTML5はHTML4のバージョンアップではありますが、HTML5はそれまでのHTMLやXMLと大きく異なる点があります。それは、HTML5がWebアプリケーションのための標準だという点です。そこがHTML5の最大の重要性ですが、それに加えて2つの重要なポイントがあると考えています。 本エントリでは、その3つの重要性について紹介したいと思います。 ドキュメントの共有から始まったW
Denoは先日v1.25で2022/08/25にnpm対応したぞーと発表したのですが、そのバージョンではExperimental npm support、あくまで実験的サポートであり、まだ実戦投入できる段階ではありませんでした。 そんなわけで実際に使えるのはまだまだ先だねえと思っていたのですが、2022/11/14に公開されたv1.28で早くもExperimentalが取れました。 はえーよ。 ということで以下は該当のリリースノートの紹介です。 Deno 1.28: Featuring 1.3 Million New Modules Deno 1.28を公開できたことをうれしく思います。 本リリースでは、npmの互換性を安定させました。 すなわち、130万以上のnpmモジュールをDenoがインポートできるようになったことを意味します。 これによってPrisma・Mongoose・MySQL
"CSS Module" をめぐる混乱
"CSS Module" が指すもの ２つある 従来のコミュニティベースのもの これのこと。そしてその実装。 現状フロントエンドエンジニアが指すものはだいたいこれ。 Web 標準になりつつあるもの Import Assertions で実現しそうな Synthetic Module としての CSS Module 標準になりそうな所まで来ている。 この２つに関して話がごちゃごちゃになるんで整理する。 コミュニティベースの CSS Module https://github.com/css-modules/css-modules コレ自体は概念的なもの。 その実装 として Webpack の CSS Loader などがある。 なので、一般的に「CSS Module か Styled Component か」みたいな議論ででてくるものの場合、 Webpack の CSS Loader を入れ
non existent
このサイトについて 当サイトは、Microsoft Windows 用の海外製フリーソフトウェアの中から、任意のものを選んで日本語化パッチを作成し、配布しています。 foobar2000 Wiki の運営、保守、管理なども行っています。 スポンサーリンク 更新状況 [2023.01.16] foobar2000 localization patch (v1.6) foobar2000 v1.6.16 localization patch を作成しました。 [2020.09.08] foobar2000 localization patch (v1.5) foobar2000 v1.5.6 localization patch を作成しました。 [2019.10.10] foobar2000 localization patch (v1.4) foobar2000 v1.4.8 locali
今回は新たにTwitter検索機能、タブを選択してから読み込みを開始、サードパーティによって許可なく追加されたアドオンを無効化、WebGLへのさらなる対応、HTML5で右クリックしたときのコンテキストメニューへ任意の項目を追加などの新機能が加わっており、メモリ使用量も前回のFirefox7に引き続き削減されています。また、Android版のFirefoxもパワーアップしています。 Mozilla Japan ブログ - Twitter 検索とブラウジングをさらに便利にする新機能を追加した Mozilla Firefox の最新版を公開 http://mozilla.jp/blog/entry/7466/ Firefox 8 の主な新機能を紹介します Mozilla Developer Street (modest) https://dev.mozilla.jp/2011/09/firefo
class属性とid属性に関する議論リンク集 発端 過去の経緯や参考情報 2007年3月18日 2007年3月21日 2007年3月22日 2007年3月23日 2007年3月25日 2007年3月28日 「私はheaderやfooterはidじゃなくてclassだと思うけど、皆さんはどう思います？」 (CSS Nite公式ブログでのレポートより) 発端 CSS Nite Vol.18交流会「HTMLへの回帰」 CSS Nite Vol.18 謝恩会「HTMLへの回帰」の資料公開 過去の経緯や参考情報 CSS Nite Vol.3の企画「木達さんに聞いてみよう」 id属性とclass属性 | Web標準Blog | ミツエーリンクス Tips/WebPage/class と id の違いとは？ - outsider reflex idとclassの違い 2007年3月18日 WEBTECH
2016 - 03 - 21 SEO今昔物語 ーSEO黎明期〜銀の弾丸がなくなるまでー シェアする Twitter Google+ Pocket GMOソリューションパトナー株式会社からSEOの営業電話が掛かってきたよ！ 先週は鬱で沈んでいたのですが、会社に掛かってきた電話だけは取るようにしていました（Skype経由で受信しています）。会社に掛かってくる電話ってほとんどが営業電話なのですが。 そんな感じで先週はGMOソリューションパートナー株式会社から電話が掛かってきました。 内容はSEOの営業電話。 電話の内容（テレアポの人と） Ｇ「わたくしGMOソリューションパートナーの○○と申します。恐れ入りますが齊藤代表はいらっしゃいますでしょうか？」 私「はい、私です」 Ｇ「大変失礼いたしました。御社のホームページを拝見いたしましてお電話いたしました。いま少々お時間の方よろしいでしょうか？」 （
CloudflareでもFastlyでもVercelでもDenoでもBunでもService Workerでも動く
HonoというWebフレームワークを作っています。 当初はCloudflare Workers向けに作っていたのですが、同じCDNであるFastlyのエッジランタイム、Compute@Edgeでも動くことが分かりました。また、Next.jsのEdge MiddlewareもしくはEdge API RoutesとしてVercelの環境でも動きます。そして、少々手を加えるとDenoでも動きました。もちろんDeno Deployにもデプロイできます。さらに、先程レポジトリが一般公開されたYet AnotherなJavaScriptランタイムのBunでも手を加えず動きました。 この「CloudflareでもFastlyでもVercelでもDenoでもBunでも動いた件」が、なかなか面白かったのでそれについて書きます。 Web標準のAPI これらの環境で同じように動くのは、JavaScriptでかつ
今月がちょうどプログラミングの勉強を始めてから約１年になるわけなのですが、そのキリとしてこの１年間で買った本を自己確認も兼ねてまとめようと思います。 あと１年間勉強した感想とかも書こうかと。 先頭に付けてる印は下記の通りの意味となります。 ☆：読了 ○：途中まで読んだ等 □：頂き物 Java 入門書 ☆明解Java 入門編 ☆解きながら学ぶJava 入門編 ☆改訂第2版 Java言語プログラミングレッスン (上) ☆改訂第2版 Java言語プログラミングレッスン (下) 言語の深い知識とか ○プログラミング言語Java (The Java Series) ○Effective Java 第2版 (The Java Series) ☆Java並行処理プログラミング ―その「基盤」と「最新API」を究める― エンジニアのためのJavadoc再入門講座 現場で使えるAPI仕様書の作り方 実装パタ
HTML5の進化、Web標準の進化はメガトレンドになる
HTML5が登場することによってWebはどう変わるのでしょうか？ いま見えているのは、ハイパーリンクによってつながったドキュメントを閲覧する、という原初のWebの姿から、アプリケーションを実行するプラットフォームへと進化する、という道筋です。 この道筋を改めて確認したのが、8月21日に僕の古巣＠ITに掲載された記事「ネイティブアプリ級のHTML 5にグーグルが期待すること」です。これは、HTML5とその先をグーグルがどう考えているのか？ について僕がインタビューして記事にしたものです（実は僕が＠ITを離れてから初めて寄稿した記事です）。 Webアプリはネイティブアプリと同等になる このインタビューではグーグルの及川氏が、Webアプリケーションでネイティブアプリケーションと同等のものを目指す、と明言しています。 現在のWebアプリケーションでは、GMailのようなメールクライアント、Goog
Web業界における技術トレンドの移り変わりは激しいもの。次から次へと押し寄せる波を乗りこなし、荒波にのまれることなく、この先もWebエンジニアとして生き残っていくためには、どうすれば良いのでしょうか。 そこで今回は、Web技術者向けメディア「HTML5 Experts.js」編集長、「TechFeed」プロダクトマネージャーを務める白石俊平氏と、Webエンジニアとしてイベントや書籍の執筆など精力的な発信を行い、「dotstudio」でIoTプロダクトの開発などを手掛ける菅原のびすけ氏に、Webエンジニアとして生き抜く秘訣を伺いました。 <Webエンジニアがこの先生きのこるには> 1. 思い切って踏み出すこと 2. 向上心を持ってスキルを磨き続けること 3. 自分のブランディングを意識すること Webエンジニア案件を提案してもらう 白石俊平（しらいし しゅんぺい）氏 株式会社オープンウェブ・
jQuery.jsを使ってhtmlを外部読み込み
htmlの作成時に各ファイルで共通している部分がありますね。 ・ヘッダとか ・フッタとか ・グローバルナビとか そんな時、どうしてますか？ 1.各ファイルに同じ記述をしてますか？（変更掛かったらめんどくさいですね） 2.SSI（サーバーサイドインクルード）してますか？（できればいいけどちょっぴり敷居が高い？） 3.avascriptでdocument.writeつかってますか？（ソースが長いとめんどくさいですね） ざっくりリストアップすると以上のような方法が考えられます。 僕も上記のどれかをケースバイケースで使ってました。 そこにもうひとつ選択肢を追加します。 jQuery.jsを使って外部のhtmlファイルをまるごとインクルードしちゃいましょう。 方法 1.何はともあれjQuery.jsをダウンロード http://jquery.com/ 2.htmlのheader要素内で読み込む <s
6月20日に、RDFa構文仕様の勧告候補が公開されました。順調に進めば、今年中にも勧告されるのではないかと予想しています。 さて、勧告となってはいないものの、試験的にWeb標準仕様 日本語訳一覧にRDFaを導入してみました。今回はこのページをサンプルに、簡単なRDFaの解説をしようと思います。 RDFaとは RDFaは、メタ情報をXHTMLで表現する仕様です。RDFをデータモデルに用いることで、より柔軟で多彩なメタ情報を埋め込むことができます。メタ情報を埋め込む方法は何通りかありますが、もっともシンプルなものは、従来のmeta/link要素による指定とほぼ変わりません。 たとえば、ページの説明を記述するとき、XHTMLやHTMLではこう記述します。 <meta name="description" content="ページの説明" /> RDFaでは、新しく導入されたproperty属性を
HTMLの質の追求は、モバイルがきっかけでブレイクする。
Web標準を考えるというエントリーで、フルCSSが受託案件で堂々と使えるようになったのは、SEOという言葉が出てきたから、という言葉を書いたら、はてブに微妙な反論があった。 しかし、それは現場では間違いではなかった。 2002～2003年頃は、ネスケ4を切るための理由がなかったのだ。 ネスケ4を切るということは、少なからずユーザーを失うというビジネスマターの決断になるので、制作者の論理、HTMLの論理などという瑣末（あえて言ってみる）なことで、ビジネスの機会損失になることは許されない。 もし捨てさせたければ、ビジネスニーズvsビジネスニーズの取捨選択の決断が必要。 そこにハマったのが、MovableType（blog）とSEOだった。blogは、なんだかんだとUTF-8であることが求められるし、SEO対策のためにテーブルレイアウトが悪者とされることとなった。 ずばり、この二つのキーワードが
TechFeed Live#2 「React vs Angular2」 に行ってきたメモ #techfeed - console.lealog();
そもそものところで色々ツッコミたい気持ちはみなさんあるでしょうが、せっかく当選したので観戦に行ってきました。 React陣営は @koba04 & @yosuke_furukawa Angular陣営は @laco0416 & @armorik83 モデレータは @Shumpei メモは雑なので、漏れとか齟齬とかあるかもですよ。 トークバトル React / Angular 2の概要 スター数とかバージョンとか コードがだいたいこんな感じとか 開発言語 こば: だいたいBabel、TypeScriptでもやれる 会長: だいたいBabel使ってると幸せになれる らこ: JavaScript or TypeScript or Dart らこ: まあTypeScriptですよね らこ: Dartはリポジトリが分かれました はち: ReactやるからAngularやるからで開発言語を選ぶのはナン
Latest topics > Flashと比べた時のAjaxの利点 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « サークルクラッシャーに引っかかることについて：女のすることをやたらと恋愛に結び付けてしまうことについて Main サークルクラッシャーに引っかかることについて：恋愛してよい空気とそうでない空気の差が分からないことについて » Flashと比べた時のAjaxの利点 - Apr 21, 2006 Ajaxが貧乏臭い件というエントリで、アプリケーションを作り込む立場の視点からAjax懐疑論が書かれている。関連エントリのFlashに代わるものにおいてFlashの利点・優れているところがまとめられているので、それも併せて読んだ上で。 確かに
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IE8のモードスイッチ | Web標準Blog | ミツエーリンクス
普及期を終え成熟期に入った「Node.js」はこれからどうなる？－コミッターが語る現状と未来【前編】
Google OpenSocialによってSNSで何ができるのか？
AMPの気になること全部、Googleの山口さんに聞いてきました！
第1回 次世代Web標準「HTML5」は今、どこまで使えるレベルにあるのか？
「CSS Nite」収支報告まとめ - VTuberになったプログラマーの魂の残滓
2007年の「CSSやWeb標準」ベストエントリー100選＋α - Trans
WordPress自体のチューニングが必要な理由と高速化の基本的な考え方
Cacoo、FlashからHTML5に完全移行が完了。より快適な作図が可能に-将来的な機能拡張も視野- | Cacooブログ
HTML5でネイティブアプリを作ろう！「Windowsストアアプリ」開発入門
Internet Explorerサポートポリシー変更の重要なお知らせ - Microsoft
ブラウザの最新情報を知るために、Web開発者が読んでおくべきブログ
ブロックレベル要素とインライン要素 - Web標準普及プロジェクト
【Deno】Deno1.28「npm完全に理解した」 - Qiita
「Firefox 8」正式版登場、メモリ使用量を引き続き削減＆新機能さらに追加
class属性とid属性に関する議論リンク集 - 徒委記
SEO今昔物語 ーSEO黎明期〜銀の弾丸がなくなるまでー - はてな村定点観測所
プログラミングの勉強を始めて１年間で買ったもの - Akinekoの日記
フリーエンジニアのIT案件ならレバテックフリーランス
メタ情報をXHTMLに埋め込むRDFa | Web標準Blog | ミツエーリンクス
Flashと比べた時のAjaxの利点 - outsider reflex