Drupal(ドゥルーパル)は、フリーソフトウェアのコンテンツ・マネジメント・システム(CMS)のことです。 残念ながら、日本ではDrupalをご存じではない人が多いと思います。Drupalのことを日本でも知ってもらい、コミュニティが盛り上がっていければと思っています。 これからのDrupalの連載をよろしくお願いします。 Drupalとの出会い 私は大学図書館システム関係の仕事をして、初めてDrupalに出会ったのが2年前となります。 2年前に大学図書館のホームページにDrupalを採用することになり、いろいろと勉強しながら導入しました。その機会が縁で、現在に至っています。 その時に構築したサイトが九州大学附属図書館様のページです。 Drupal自体は、高機能で沢山のモジュール（プログラム)があります。また、これまでWebシステムを開発していた経験から比較して、Drupal上で独自にモジ
WebクリエイターのためのIoT/WoTの基礎知識
ここ数年、モノのインターネット: Internet of Things（IoT）が盛り上がってきています。今年のCES 2015（世界最大級のIT＆家電見本市）でも IoTが大きなテーマとなったようですね。具体的なプロダクトやサービスも数多くローンチされ、今年はIoT元年ともいわれています。 「IoTとは何なのか」「なぜ今注目を集めるのか」「Web of Thingsとは」について解説します。そこから今後のIoTと、我々Webクリエイターがどう関わるのか、についても考えてみましょう。 モノのインターネットとは？ IoTの本質を考える Internet of Thingsとは、さまざまなモノがインターネットに接続され、センサーなどによりデータを測定したりコントロール可能にする概念だと言われています。モノがインターネットに繋がっていろいろできるということですが、その実体はなんなのでしょう。単に
HTML5とかモバイルとかJSフレームワークとか、ぶっちゃけどうなの座談会 村地彰（株式会社シーピーエス） 最近のシステム開発の現場では、HTML5やモバイル、JSフレームワークなどの新しい道具が次々と登場してきます。「そうした新しい道具ってエンタープライズではどうなの？」「現場として受け入れられているの？」といったぶっちゃけトークを行う座談会が、8月11日に美人で有名なおだんみつさんのいる21cafeで開催されました。1時間半にわたる長時間のトークから特に盛り上がった話を紹介します。 ▲パネラーたち（左から株式会社クレスコ・小川充さん、グロースエクスパートナーズ株式会社・酒巻瑞穂さん、NTTコムウェア株式会社・川田寛さん） 日本のエンタープライズが抱える悩ましい問題とは 川田：世の中は技術革新で勉強会に行くとワクワクするんですが、でも皆さん本当に使ってますか？ 私はあるところで「勉強会で
DOM APIとinnerHTMLは等価ではない
最近、徳丸本をじわじわ読んでいるのですが、DOM based XSSの話が書いてあったので、少し言及しておこうと思います。 徳丸本から引用 DOM based XSSと呼ばれるXSSがあります。これは、JavaScriptによりクライアント側で表示処理する箇所があり、そこに脆弱性がある場合のXSSです。 サンプル書いてみました。 <script> document.write(unescape(location.href)); </script> こいつを適当なファイル名で保存して、domxss.html#<script>alert("hello")<script>などのURLでアクセスするとalertが表示されるはずです。任意のスクリプトが実行可能な状態ってことですね。任意のスクリプトが実行可能ってことは、セッションクッキー盗み放題で、他人に成り済まして買い物できちゃったりするレベルです
Latest topics > Firefoxと自分の関係を見直す 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « リゾット作った Main XPIファイルのパッケージングの仕方を工夫してもあんまり報われないという事が分かった（僕の場合は） » Firefoxと自分の関係を見直す - May 07, 2011 Twitterとかでポロポロこぼしてるのをまとめておきたいと思ったのでまとめることにした。要点だけ先に書いておくと、以下の3点。 Firefoxが世の中に受け入れられてたのは、オープンソースだからでもWeb標準だからでもなく、単純に「無料で手に入り、必要十分な機能を持ってて、ヘビーユーザの使用にも耐えるポテンシャルを持った、良いアプリケーシ
最近めっきりDenoに触ってない。一言で言うと飽きてしまった。 とはいえどうなってるかくらいの情報は追っているのだが、どうも使いたいと言う気分にならない。 今自分はDenoコントリビューターではないのでいち開発者としての外から見たDenoの現状を語ってみる 最近のDenoはWeb標準に追従している 具体的には、fetch APIの実装に始まり、ブラウザに実装されているAPIの実装を頑張っている windowオブジェクトもあるし、webcryptoやWebGPUのような、ブラウザでも誰も使ったことのないようなAPIまで実装している 自分はどうもこの流れに乗れなかった この方針は現在のDenoコアチームの強い姿勢であり、最近JavaScriptの標準化団体であるTC39に参加したという だがDenoがサーバーサイドの言語である以上、ブラウザに存在する様々なブラウザ的問題を解決するための仕組みや
こんにちは！Acompanyのマッケイです！ この記事は Acompany5周年アドベントカレンダー 11日目 の記事です。 今回はAcompanyのプロダクト開発でも活用しているRemixを開発環境で使ってみた所感を書いていこうと思います。 Hello,Remix Remixは、Reactをベースとしたフルスタックフレームワークです。 Reactを魔改造して色々できるようにしようぜ、という昨今のモダンフレームワークに習うように、RemixもReactに厚化粧をした"React"フレームワークです。 書き心地はそのままReactですが、気づいたらサーバーサイドのコードを書いており、気づいたらデータベースをいじっているというなんとも不思議な経験ができるフレームワークです。 フルスタックフレームワークを使っているというよりは、Reactで開発しながら、サーバーサイドの処理も同時に書けるのがRe
Google I/O 2014 ── ServiceWorker でネイティブアプリとの差を縮めよう 矢倉 眞隆（myakura） 今回お届けするのは、Jake Archibald氏とAlex Russell氏によるServiceWorkerのセッション「Appy Times with ServiceWorker – Bridging the gap between the web and apps」です。 Alex氏はService Workers仕様のEditorで、古くはDojoやChrome Frameに携わっています。TC39やW3CのTAGのメンバーとしても活動し、Extensible Web構想を推し進める一人です。 Jake氏はService Workers仕様の「ゴーストオーサー」だそうです。とても面白い人で、今回も彼のユーモアが炸裂、笑いに包まれた楽しいセッションとなり
私はIEの中の人ではないので、IE開発者がどういう考えを持っているかはわかりません。しかし、断言して言えることがあります。最近のIEは各バージョンで明らかに意図したテーマを持ち、リリースされています。 各バージョンのテーマを、運用するシステムの目的と照らし合わせれば、定量的にどのバージョンを選択すべきかが導出できるでしょう。 本記事は、これから企業システムで扱うIEのバージョンを上げなくてはいけない場合、また誰かにIEのバージョンごとの違いを説明しなくてはいけない場合、費用面・技術面の制約を説明しなくてはいけない場合に、ヒントを与えてくれるかもしれません。 バージョン別評価サマリ バージョン別評価サマリでは、業務システムのクライアントとして扱われるIEが、各バージョンごとにどのような特性を持つかを超概算レベルで可視化しています。 項目は、長い目で見た費用効果を表す「コストパフォーマンス」、
livedoor Readerで購読しているブログ 最近、livedoor Readerに登録しているフィード1万件を間違って全件消してしまいました。取り急ぎ復旧させたのが、この3,019件のフィード。職業柄、技術系のブログが多めです。あとは、まとめサイトとか、はてな村の定点観測とか。各種RSSリーダーで読み込めるように、OPMLファイルも公開しますので、良かったらどうぞ〜！ 私が読んでいるブログ一覧 哲学ニュースnwk My Codex Leicester 暇人＼(^o^)／速報 データサイエンティストのタコ部屋 ITライフハック すがブロ ライフハッカー［日本版］ Colorless Green Ideas 職業プログラマの休日出勤 やねうらお−俺のブログがこんなによっちゃんイカなわけがない YAPC::Asia Tokyo 2013 “blank”>ガジェット速報 » ggsokuで
11月16日、Nuxt 3 の初のstable版となる 3.0 がついに正式リリースされました！ Public Beta版が公開されてから約1年、RC版で様々な改善と機能追加が行われてきましたが、待望の安定版の登場です。 個人的にこの1年いろいろな機能を試してみた感覚として、Nuxt 3 はあらゆるフロントエンド開発者にオススメできる、非常に使いやすくて優れたフレームワークだと思っています。 Nuxt 3 は非常に多機能かつ巨大なフレームワークであり、「何が優れているのか」を一言で説明するのはなかなか難しいのですが、大きく5つのテーマに分けてその魅力を整理してみました。 まず冒頭に、テーマごとの「最低限これだけ知ってもらいたい！」という要約を載せてから、細かいポイントを解説していきます。 まずは忙しい人向けの要約だけでも読んでもらって、興味が出てきた方は続きを読んで頂ければ嬉しいです！ N
パスワードを不要にするFIDO2プロトコルに、Android 7以降の全デバイスが適合。FIDOアライアンスが「AndroidがFIDO2認定取得」と発表
パスワードを不要にするFIDO2プロトコルに、Android 7以降の全デバイスが適合。FIDOアライアンスが「AndroidがFIDO2認定取得」と発表 FIDOアライアンス（ファイドアライアンス）は、ユーザー認証の仕組みとして一般的に使われているユーザーIDとパスワードの組み合わせを止め、顔認証や指紋認証、PINコードなどを用いることによりパスワードを盗まれるといった心配のない、より使いやすく安全な技術の策定と普及を促進する団体です。 同団体が策定している技術「FIDO2」（ファイドツー）は、指紋認証や顔認証やPINコードなどを基に生成した秘密鍵と公開鍵を用いた公開鍵暗号の仕組みによって、ユーザーを認証する業界標準の技術です。 Web標準を策定しているW3Cも、FIDO2の技術をWebに対応させた「Web Authentication」（WebAuthn）を策定。WebブラウザでFID
「携帯ゲーム機用Webページ」の作り方
本連載では、Web標準のメリットを最大限に活かすことをテーマに、仕様書には書かれていない部分を中心に取り上げ、実際のWeb制作現場で起こり得る問題について、解決の糸口を紹介しています。連載第7回目となる今回は、ニンテンドーDSやプレイステーション・ポータブルなどの携帯ゲーム機向けページの作り方を紹介したいと思います。 はじめに 本連載では、Web標準のメリットを最大限に活かすことをテーマに、仕様書には書かれていない部分を中心に取り上げ、実際のWeb制作現場で起こり得る問題について、解決の糸口を紹介しています。 多様なデバイス向けのページ制作として、前回は携帯用ページの作り方を紹介しました。連載第7回目となる今回は、ニンテンドーDSやプレイステーション・ポータブルなどの携帯ゲーム機向けページの作り方を紹介したいと思います。 対象読者 XHTMLとCSSの基本を理解していている方。 Web標準
私が、Web+DB PRESS誌で連載している「圏外からのWeb未来観測」の第二回が、gihyo.jpで公開されました。 第二回のゲストは、「Webを支える技術」の著者である、山本陽平さんです。 圏外からのWeb未来観測：第2回 REST侍は国益に殉ずる覚悟を持っていた｜gihyo.jp … 技術評論社 今回も面白い話をたくさん聞くことができたんですが、特に重要だと思うのが次の所です。 山本：特に今は，標準の決定プロセスがオープンになっています。昔は大企業の代表のような限られた人しか参加できない委員会で標準化が行われていましたが，現在は誰でも標準化に参加できて，本当に実力のある人が意見を言ってそのとおりになるっていう世界になっていると思います。W3Cもあまり機能しなくなってきているし。そのへんはこの10年でかなり変わったところだと思います。 オープンなところで標準が決まっていく流れだと，普
「Web標準」や「XHTML+CSS」といった言葉がでてくるWeb制作の本には、必ずといっていいほど「W3C」という言葉が登場します。今回はそのW3CというWeb標準化団体について、またW3Cが策定する仕様がどのように作られているのかをとりあげます。 そもそもW3Cって? W3C（World Wide Web Consortium）とは、Web技術の標準化を行う団体のひとつです。「Webの可能性を最大限に引き出す」ことを目的とし、Webの発明者であるTim Berners-Leeによって1994年に組織されました。W3Cは今日までにHTML（3.2以降）やXML、XHTML、CSSといった、数々の仕様を公開しています。 W3Cには、IT関連企業をはじめとする400近くの会員が参加しています。Apple, Google, Microsoft, Mozilla, Operaといったブラウザベ
楽しいとしか思えない！ 風邪だけではありません。 日は雨です 関東熟女は岩手はかっこいいようです 湿気が多い さて、これからは雨が降るたびに 涼しくなってきま 高熱が出て何年になりますか？ インフルエンザは何十年もかかっていないので、久しぶりの高熱は大変でした。 気温の違いによると思いますが、今回は朝から着ている服がとても気になります。 岩手 熟女 話が変わる... 最近は焼肉が食べたくて仕方がない 家でお肉を焼いても大丈夫ですが、お店に行って食べたいです〜 ここの焼肉店は美味しいのでオススメです。 すでに 処理しないと追いつかない 熟女は岩手が暗くないと見えません あなたの年齢を残さないでください！ しかし、Suppinは神です 週7回のメイクアップはありません！ ああ。 CDTVが始まりました！ 熟女は岩手は自分で写真を撮りに行きたいです 私は旅行の計画を立てるために休日に半日を過ごし
フォクすけの壁紙メーカー
/あなたが今お使いのブラウザ (インターネット閲覧ソフト) は、Web 標準技術である SVG に対応していません。フォクすけの壁紙メーカーをお使いいただくには、SVG に対応したブラウザが必要です。 ぜひお使いのパソコンに Firefox をインストールしてからこのページをご覧ください。 ▶ Firefox ってなに？ ブラウザ上で壁紙を作ってみよう!! フォクすけの壁紙メーカーは、「SVG」という Web 標準技術を使って、モダンブラウザ上で「フォクすけ」の壁紙を簡単に作れるツールです。画像、背景などの素材を選んで、大きさやレイアウトをあなたの好みに合わせてカスタマイズできます！ 作成できる壁紙は、パソコンのデスクトップ壁紙、携帯電話の待ち受け画面、Firefox の Personas テーマ (ウィンドウデザイン) の 3 種類。ぜひ、オリジナル壁紙作りを楽しみながら、次世代の We
お知らせというか宣伝。九天社より出版される「実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips」の執筆をさせて頂きました。3ping.org の wu さんと hxxk.jp の真琴さんとの共著です。2007 年 2 月 23 日頃 から書店に並び始めるみたいです。Amazon にはまだ載っていないようです。ちなみに、カバーデザインを見せて頂いた瞬間から執筆者の間では通称「ホップ本」（真琴さん命名）ということになってます。たぶん。 書籍名 : 実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips ページ数 : 436 ページ 定価 : 3,200 円 最初に wu さんから共著のお誘いを頂いたのが 2006 年の 5 月頃。6 月に行った打ち合わせ後の著者 3 人での飲みは、気のせいか
シス管系女子 まとめ読み
販売終了 初級エンジニアがLinuxサーバーの扱いで失敗をしながら、先輩の指導を受けて徐々に成長するマンガ。新人システム部員の利奈みんとちゃんは、コマンドラインも分からないど素人。しかし、先輩システム部員の大野桜子さんは、めげずにやさしくていねいに教えていきます。 関連サイト本書の関連ページが用意されています。 『日経Linux』内容紹介本書は、『日経Linux』誌上で13回にわたり連載された「シス管系女子」（2011年9月号～2012年9月号）をまとめて掲載したものです。会社でLinuxサーバーを利用する初級エンジニアの利奈みんとちゃんが、先輩の大野桜子さんに、厳しくやさしくつっこまれながら指導を受けるストーリーです。 書誌情報 著者: Piro（結城洋志） ページ数: 66ページ(PDF版換算) 対応フォーマット: PDF 出版社: 日経BP社 対象読者 Linuxサーバーの構築・運用
Microservices for Everyone - 2つの "why-microservices" を読んで｜qsona
どちらも大変素晴らしい記事で、大変よくまとまっていながら主張が入っていて読みごたえのある文だった。それに比べたら、以下の文はまとまりもない駄文だが、それでもどうしてもこの話題には物申したくなる自分がいる。知見と呼べるほどでもないけれど、3年間マイクロサービスのことを考え続けてきた者の率直な感想として、読んでいってもらえたら嬉しい。 tl;drこの記事を通して、僕が結局何が言いたいのかというと、マイクロサービスはもっと開かれたものであってほしいということだ。複数のビジネスをやるならマイクロサービスの考え方を導入する権利があるし、すでにマイクロサービスをやっているなら、マイクロサービスのことを考えるのは基盤チームだけじゃなくてみんなであるべきだ。 マイクロサービスは「やる」か「やらない」かではない前者のdeeeetさんの記事は、全くマイクロサービスを知らない人がぜひ読むべき、本当に良い記事だと
WebアプリをiPhoneっぽくするための5つのポイント：iPhoneで動かす業務用Webアプリ開発入門（1）（1/3 ページ） iPhoneで動かす業務用Webアプリを作るコツを紹介 初めまして。今回から本連載を執筆する石田です。筆者は、ドリーム・アーツで多店舗展開するチェーン店企業向けの業務コミュニケーション支援クラウドサービスである「店舗matic」の開発・運用を担当しています。 ドリーム・アーツの顧客である多店舗チェーン企業では、多くの店舗をマネジメントするために、スーパーバイザやエリアマネージャという、担当する店舗を巡回して店舗の運営を支援したり、本部と店舗の間のコミュニケーションを取り持つ役割の人が多くいます。 こういった人々が常に最新の情報にアクセスし、業務をより良くしてもらうために、「店舗matic」は、2010年8月にiPhoneでの利用に対応したバージョンをリリースしま
速度の高みを目指す：高速な単語分割器 Vaporetto の技術解説 - LegalOn Technologies Engineering Blog
こんにちは。LegalForce Research でエンジニアをしている赤部 (@vbkaisetsu) です。 今回は、弊チームが開発した新しい高速な単語分割器 Vaporetto（ヴァポレット）の技術解説を行います。Vaporetto はプログラミング言語 Rust で開発されています。想定する読者は、 自然言語処理のアルゴリズムに興味がある人 Rust によるプログラミングに興味がある人 です。 単語分割器 Vaporetto はオープンソースソフトウェアであり、ソースコードは以下のリポジトリで公開しています。 https://github.com/legalforce-research/vaporetto Vaporetto という名前は、イタリアのヴェネツィアで運行されている水上バスから取りました。 ヴェネツィアの様子。写真右端の黄色いラインの入った建物がヴァポレットの乗り場。
大栗です。 本日2017年6月23日に株式会社オライリー・ジャパンより「サーバーレスシングルページアプリケーション――S3、AWS Lambda、API Gateway、DynamoDB、Cognitoで構築するスケーラブルなWebサービス」が出版されました。監訳をされている吉田真吾様から本書を頂きましたので、書評を書きたいと思います。 サーバーレスシングルページアプリケーション ――S3、AWS Lambda、API Gateway、DynamoDB、Cognitoで構築するスケーラブルなWebサービス 弊社事務所の近くにある書泉ブックタワーにも置いていました。 本書は200ページ余りと分厚くないため読み進めやすく、経験が少ない方でもチュートリアルとして手を動かす事ができます。 「はじめに」に以下の本書の指針が書かれているのですが、特に「Yak Shavingを避ける」と「手を動かして学
あけましておめでとうございます。よういちろう です。新春企画でソーシャルというキーワードを担当して今年で3年目となりました。さっそく2012年のソーシャルWebがどうなっていくのか、占っていきたいと思います。 前回、そして前々回にどんなことを書いていたか気になる方は、以下のリンクからお読みください。 2011年のソーシャルWeb（前編） 2011年のソーシャルWeb（後編） 2010年のソーシャルWeb（前編） 2010年のソーシャルWeb（後編） ソーシャルゲーム分野 まずは、IT業界において昨年最も注目を集めたソーシャルゲーム分野を取り上げます。 ソーシャルゲーム市場拡大の鈍化 インターネットにおける2011年度の最大の出来事、それはソーシャルゲーム市場の急速な拡大でした。その代表格がGREEおよびモバゲータウンであったことは、誰の目にも明らかでした。一昨年のソーシャルゲームの市場規模
CSSのプロパティをソートするPerlスクリプト
CSSを書く時に「セレクタ内でCSS仕様書でのプロパティの出現順序に従ってソートする」という個人的なルールを守っている。何かコーディングにおいて便利な理由があるからというわけではなく、第三者に説明する時に「仕様書の出現順で書いてます！」とかで済ませられるから。今まではファイル全体を処理するオレオレPerlスクリプトで適当にやっていたのだけど、Vimで選択範囲だけをソートとかやりたくなったので、普通に標準入力を読んで結果を標準出力に吐くように書き直した。ついでにCSS3のプロパティとFirefox(Mozilla)やSafari(WebKit)、Opera(Presto)、Internet Explorer(Trident)の独自拡張などへも対応させたりとか。 #!/usr/bin/perl # Author: Kyo Nagashima <kyo@hail2u.net>, http://h
Firefox 5 の後方互換性に関わる修正のまとめ
先日 Firefox 5 のベータ版が公開されました。Firefox 5 の正式版は 6/22 のリリースを予定しており、Firefox 4.0.1 のユーザは自動的に更新されます。 Firefox 4 以降では Rapid Release プロセスと呼ばれる新しいリリースプロセスに移行し、セキュリティと安定性の改善と共に、新機能や高速化を含めた新しいバージョンを 6 週間毎に公開します (Firefox 6 まではプロセス移行に伴い異なる間隔)。 基本的には後方互換性が維持されるよう開発されていますが、最新 Web 標準への対応や、他のブラウザとの互換性確保のため、細部では後方互換性に関わる変更も含まれています。 そこで、後方互換性に関わる Firefox 5 の主な変更点をまとめてみました。Beta 版で互換性テストをされる Web 開発者の皆様などの参考になれば幸いです。 後方互換性
Angular2は「モダンJavaScriptの学習セット」！エキスパートによるディスカッションが熱かった（詳細な注釈付き！）
Angular2は「モダンJavaScriptの学習セット」！エキスパートによるディスカッションが熱かった（詳細な注釈付き！） 白石 俊平（HTML5 Experts.jp編集長） こんにちは、編集長の白石です。 去る3月9日、AngularJSのエキスパートによる座談会におじゃまさせていただきました。この座談会はAngularJS Japan User Groupの佐川 夫美雄さんの呼びかけによるもので、お題はもちろん、現在β版として公開中のAngular2。「ハードル高い」「Angular1と違いすぎる」など、いろんな情報も飛び交う中で、Angular2の魅力と課題について存分に語っていただきました。 Angular2に関心のある方にはもちろんのこと、Angular1しか触ったことのない方、そもそもAngularJSは初めてという方にとっても貴重なご意見が満載！エキスパート同士の会話と
2010年3月| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 明確な理由がなければXML宣言はいれないことにした。 このブログをはじめとして、仕事ではずっと、XML宣言を惰性で入れてきたのですが、昨年７月から明確な理由がなければXML宣言をいれなくなりました。 IE6の後方互換対策ができないわけでもないし、XML宣言を知らないから入れないわけでもありません。入れない理由は以下によります。 ルールの正当性：W3C勧告に条件を満たせば省略してよいと明記してある 物理的理由：ブラウザはDOCTYPE スイッチを読みHTMLの種類を判別する 作業の合理性：IE6の後方互換対策をする必要がないから 何人かの国内のHTMLの権威の人たちに確認したら例外なく「不要」と。 以下で、少
Fx0 LGL25 | Firefox OS | au
日本を代表するプロダクトデザイナー吉岡徳仁による細部までこだわり抜いたプロダクトデザイン。 Firefox OSのオープンな精神をマテリアライズすることをコンセプトに、 創造力を掻き立てるメカニカルで透明なデザインが誕生しました。 透明なポリカーボネート越しに見える様々なパーツは、 その形、色、レイアウトに至るまで綿密に計算されています。 HTML5やJavascriptなど完全にオープンなWeb標準技術を使用して開発されているFirefox OS。 既に世界の多くの国でエントリーモデルを中心にFirefox OSを搭載したスマートフォンが多数登場しています。 そうした中、Fx0は世界初のハイエンドなFirefox OS搭載スマートフォンとして開発されました。 もちろん日本語環境に対応。オムロンソフトウェアと共同開発した 「iWnn IME for Firefox OS 」によりスムーズな
Angular2の失敗しない始め方〜「ng-japan 2016」セッションレポート〜 仲 裕介（HTML5 Experts.jp副編集長） この記事は、「ng-japan 2016」のセッションレポートです。講演内容を再現していますが、ニュアンス等伝えきれない場合があるので、気になるところは、記事末尾に掲載の講演資料やYoutube動画でご確認ください。 Angular2の失敗しない始め方 / 稲富駿氏 株式会社トップゲートの稲富 駿氏によるセッションです。セッション資料や配信動画は記事末尾でご確認ください。このセッションでは、大きく3つの点について触れられました。それぞれのポイントを書き起こします。 Angular2に関するよくある質問や誤解について Angular2を構成する基礎技術について Angular2を学ぶために必要なこと 1. Angular2に関するよくある質問や誤解につ
「携帯用ページ」の作り方
はじめに 本連載では、Web標準のメリットを最大限に活かすことをテーマに、仕様書には書かれていない部分を中心に取り上げ、実際のWeb制作現場で起こり得る問題について、解決の糸口を紹介しています。 多様なデバイス向けのページ制作として、前回は印刷用ページの作り方を紹介しました。連載第6回目となる今回は、携帯電話向けページの作り方を扱います。 携帯電話の国内3大キャリアと言えば、NTTドコモ、au by KDDI、ソフトバンクモバイルですが、それぞれに仕様が異なり、すべてのキャリアに対応させるには工夫が必要です。キャリアごとにページを作成し、ユーザーエージェントで振り分ければ、精度の高いデザインを再現できますが、それなりの制作・運用コストがかかってしまいます。本稿では、なるべくコストをかけずに3キャリアに対応した携帯サイトを制作・運用する方法を紹介します。 対象読者 XHTMLとCSSの基本を
JSONとJSONP
JSONとJSONP ネタ元：JSONについての勉強メモ：外部URLから呼び出せない。どうやったら・・・ JSONやJSONPを利用したJavaScriptでのデータをの取り扱い方です。 JSONの場合 JSONはJSONについての勉強メモで書かれているようにデータをオブジェクトとして記述しておく方法です。 var jsonData ={"users": [ { name: "hamu", age : 24, language:["XHTML" , "CSS"] }, { name: "h2", age:25, language:["PHP" , "Java"] }, { name: "hoge", age:26, language:["JS" , "jQuery"] } ]} とJSONを定義しておけば、 for(var index in jsonData.users){ documen
WebSocketがセキュリティ問題を解決して再び実装へ
Webブラウザとサーバのあいだで専用のプロトコルを用いて通信を行うことで、サーバからのプッシュなど、より柔軟なデータのやりとりをWebブラウザとサーバ間で可能にするWebSocket。当初はHTML5仕様の一部として検討され、その後独立した仕様となりましたが、昨年12月にセキュリティ上の問題が発覚。見直しが行われていました。 WebSocketはプロトコルをIETFが、APIをW3Cが策定中ですが、IETFがセキュリティ問題を解決したプロトコル仕様のラストコールを発表しています。いつもWeb標準の動向を伝えてくれる「Web標準Blog」の記事「WebSocketプロトコルがLast Callに」が伝えています。 過去のバージョンとの互換性はなし WebSocketは、昨年にFirefox 4やOperaに実装されましたが、プロトコルにセキュリティの問題が発覚。いったん機能が無効になりました
米マイクロソフトは9月15日（日本時間9月16日未明）にInternet Explorer 9のβ版を公開しました。Internet Explorer 9はHTML5やCSS3といった最新のWeb標準に対応し、高速なJavaScript実行環境を備えたブラウザとして開発が進んでいます。 この記事では、そうしたInternet Explorer 9の特徴の中から、β版公開によって初めて明らかになった新しいユーザーインターフェイスを中心に紹介しましょう。 Internet Explorer 9の主なユーザーインターフェイスの機能 シンプルな外観 ボタンやメニューが徹底的に整理され、非常にシンプルな外観になりました。もっともよく使われる戻るボタンが目立ち、ホーム、お気に入り、設定はアイコンとしてウィンドウの右端に置かれています。アドレスバーとタブが横に並んでおり、コンテンツ領域を広く見せています
Polymer Elements のカタログページ Site: Polymer Element Catalog Repo: Polymer/polymer-element-catalog Polymer は、これからの Web 標準の一角を占めるであろう Web Components のラッパーライブラリです。その Polymer で作られたコンポーネントのカタログサイトが公開されていました。 これまでも Core Elements や Paper Elements が Polymer のコンポーネントとして提供されていましたが、分類も新たにレパートリーが拡充されています。 Cart に入れて Download カタログには各コンポーネントのドキュメントやデモが載っていて、使いたいものをチェックして Cart に入れていきます。必要なコンポーネントを Cart に入れてダウンロードさせると
なぜHixieはいつも“ノー”と言い続けるのか？ HTML5仕様のキーパーソン、Hixieへのインタビュー（前編）
なぜHixieはいつも“ノー”と言い続けるのか？ HTML5仕様のキーパーソン、Hixieへのインタビュー（前編） HTML5の登場は、Webのあり方を一変させようとしていると言っても過言ではないでしょう。その仕様策定はW3CとWHATWG（Web Hypertext Application Technology Working Group）が共同で行っています。 HTML5において、もっとも影響力のある人と言えばIan Hickson氏、通称Hixie（ヒクシー）がその筆頭にあがります。彼は昨年までW3CのHTMLワーキンググループでHTML5仕様のエディタをつとめ、WHATWGでは現在もエディタとして強力なリーダーシップを発揮しています。 そのHixieに、同じくHTML5界の著名人であるオペラのBruce Lawson氏がインタビューした記事「Interview with Ian H
マイクロソフト、プラグインフリー版「Skype for Web」をプレビュー公開。Web標準のORTCでSkypeを実装
マイクロソフトはプラグインなどを全く使わずにWebブラウザでSkypeを利用できる、プラグインフリー版「Skyep for Web」プレビュー版の公開を発表しました。 Skypeはインターネットを通じて音声通話やビデオ会議などが実現できるソフトウェアです。いままでSkypeを利用するには、音声や動画などを扱うために専用のアプリケーションもしくはプラグインを搭載したWebブラウザが必要でした。 プラグインフリー版のSkype for Webは、現在標準化が進められているORTC（Object Real-Time Communications）などのWeb標準を利用しており、これらのAPIが実装されたマイクロソフトのEdgeブラウザで利用可能になっています。 使い方は、EdgeブラウザからSkype for Webのページへアクセスするだけ。自動的にSkypeの画面が立ち上がり、マイクやカメラ
システム開発者がフレームワークやプログラミング言語にこだわるように、Webデザイナーの方はWeb標準への適合性に敏感だ。そのための仕組みも用意されているが、Webサイト全体をテストしようと思うと非常に大変だ。 デザイナ/開発者双方にお勧めのテスティングツール そこで手軽にできるようにしてくれるツールを使ってみよう。Windows、Mac OSX、Linuxのそれぞれで動作するRightWebPageがお勧めだ。 今回紹介するオープンソース・ソフトウェアはRightWebPage、HTML適合性チェックソフトウェアだ。 RightWebPageはローカルファイルまたはURLを指定して適合性チェックを行える。URLに対してはリンクをたどる深さを指定できるので複数のURLを一気にチェックすることができる。アクセシビリティチェックやキャッシュ、クッキー、日付フォーマット、重複リンク、Validなど
WAI-ARIA導入（日本語訳） - Trans
著者: Gez Lemon件名: Introduction to WAI ARIA日付: 2008年8月1日URL: http://dev.opera.com/articles/view/introduction-to-wai-aria/訳者: Arata Kojima著作: This article is licensed under a Creative Commons Attribution, Non Commercial - Share Alike 2.5 license. WAI-ARIA導入 ARIAにはじめて触れる人たちのためにこの記事は書かれている。障害を持つ人たちがWebを使うにあたってぶつかる潜在的な難しさとHTMLの理解を必要とする。ユーザを観察すると、いくつかのRIAと親和性が高いことが分かるだろう。 この記事を読んだあと、ARIAが何の役に立つか、Webサイトにど
ちょんまげ英語塾 > WEB制作TIPS > WordPressをxreaにインストールする WordPress(ワードプレス)とは WordPressとはオープンソースで開発され、誰でも無料で利用できるブログ・CMS (Content Management System) プラットフォームです。WEBサーバなどにインストールして使用しますが、無料ブログサービスなどとは違いその自由度の高さが世界中のユーザーから高い評価を得ています。またWEB標準に準拠した美麗なテンプレートの数々、目的別に用意された豊富なプラグイン集、直感的に扱える管理画面など自由でありながらも、それほどの専門的知識を必要とせずにブログを運営する事が出来ます。 またインストールやアップグレードなどの作業もこれまでのツールに比べたら驚くほど簡単です。これまで無料ブログのカスタマイズ性能の低さやサーバのレスポンスの遅さに不満を
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Drupal(ドゥルーパル)というCMSを知っていますか？ | さくらのナレッジ
HTML5とかモバイルとかJSフレームワークとか、ぶっちゃけどうなの座談会
Latest topics > Firefoxと自分の関係を見直す - outsider reflex
Denoよどこへ行く - keroxpのScrapbox
Remix入門: フロントエンドもバックエンドも爆速開発を実現する次世代Webフレームワーク
Google I/O 2014 ── ServiceWorker でネイティブアプリとの差を縮めよう
IEのバージョンごとの機能の違い、選定の目安 - ふろしき Blog
私がRSSリーダーで購読しているブログ・ニュースサイト - データサイエンティストのタコ部屋
祝・正式リリース！5つのテーマで理解する Nuxt3 の魅力
踊るHTML5、あるいはセカイ系化する世界 - アンカテ
第1回 W3Cとその標準化プロセス | gihyo.jp
SEO対策とWeb標準のホームページ作成 - SEO-Equation
「実践 Web Standards Design」という本を書きました - lucky bag
WebアプリをiPhoneっぽくするための5つのポイント
【書評】「サーバーレスシングルページアプリケーション」で手を動かして学ぼう | DevelopersIO
2012年のソーシャルWeb | gihyo.jp
UTF-8ならばXML宣言は入れなくてもいい: 世界中の１％の人々へ
Angular2の失敗しない始め方〜「ng-japan 2016」セッションレポート〜
［速報］Internet Explorer 9βが公開。新しく作り直されたユーザーインターフェイス
Google I/O で v1.0 が発表された Polymer の Elements Catalog が面白い
MOONGIFT: Webページの適正チェックに「RightWebPage」:オープンソースを毎日紹介
WordPressをxreaにインストールする