To: dbjapan@xxxxxxxxxxxx Subject: [dbjapan] 第7回先端的データベースと Web 技術動向講演会の案内 From: Haruo Yokota <yokota@xxxxxxxxxxxxxxx> Date: Sat, 08 May 2010 23:14:26 +0900 (JST) Cc: yokota@xxxxxxxxxxxxxxx 日本データベース学会の皆様、 ACM SIGMOD 日本支部長を仰せ付かっております東工大の横田です。 これまで ACM SIGMOD 日本支部では、データベースに関するトップレベルの国 際会議に新進気鋭の若手の研究者を派遣して、先端的なトピックス講演と一緒 に、その内容を支部大会でご報告頂く企画を続け、大変ご好評を頂いて参りま した。平成20年度からは「先端的データベースとWeb 技術動向講演会」として、 開催して来ま
Cookieを有効にする方法 本書103ページ(4.5 ログイン状態をどのようにして記憶するのか)の注釈18の補足です。 代表的なブラウザでCookieを有効にする方法をご紹介します。 Internet Explorer の場合 Firefox の場合 Internet Explolerの場合 メニューから[ツール]-[インターネット オプション]を選択します。 「インターネットオプション」ダイアログが表示されたら、 [プライバシー]タブを選択し、[詳細設定]ボタンを押します。 「プライバシーの詳細設定」ダイアログが表示されたら、 [自動 Cookie 処理を上書きする]をチェックし、[ファーストパーティの Cookie]と [サードパーティの Cookie]の[受け入れる]をそれぞれチェックします。 「プライバシーの詳細設定」、「インターネットオプション」の各ダイアログで [OK]ボタン
コンテンツSEOの基本「キーワードマップ」を作ろう！ | Web技術トピック＆コラム | Web制作事業 | 株式会社ゆめある
コンテンツSEOとは 外部SEOが主流だった頃からは大きく変わり、 コンテンツSEOがとても重要な役割をはたしてきています。 コンテンツSEOとは、有益で質の高いコンテンツを発信し続け、検索エンジンからの自然流入を増やしていくweb集客手法をいいます。 莫大な広告費を掛けなくても費用対効果がある程度のぞめるので、大企業だけでなく、中小企業の方も積極的に取り組んでいくべきではないでしょうか？ コンテンツSEOのサイクル コンテンツSEOのサイクルは基本的には下記図のようなサイクルで運営すべきでしょう。 ユーザーの求めている情報を探す（検索キーワードの選定） と ユーザーの期待に応える（有益で質の高いコンテンツ） を繰り返し、現状をより良くするPDCAサイクルを行っていきます。 キーワードマップとは 今回は、「ユーザーの求めている情報を探す（検索キーワードの選定）」をピックアップして説明したい
web 技術最前線
今日のランチのお約束は、グロービス小林さん。会議室でお弁当を食べながら、NILSカンファレンスで見逃したセッションのビデオを解説つきで見せてもらうという、なんとも贅沢なイベント。モバイルの動向に関するセッションを見ながら、モバイル×ＰＣ×リアルの違いや今後どうなっていきそうかについて、色々と教えてもらった。 あとは、彼がＰＣで使っている色々な便利なウェブサービスを教えてもらう。firefox, netvibes, zimbra などなど 「これらを使い始めて生産性が３－４割上がった」と聞いて、教えを請う。ＩＴ系の方には当たり前なのかも知れませんが、ＩＴオンチな僕には、大変参考になりました！このような先端技術サービスをどこまで新しいビジネスに活かすことができるか、楽しみだ。 そのあとに訪問した会社の方も、誕生日が同じ1976年3月で大学も同じ、共通の友人が何名かいることが発覚。その後は、とて
Yahoo Developer Network, Chris Heilmann氏は7日(米国時間)、週末にロンドンで開催されたSocial Innovation Campに言及し、70をこえるプロジェクトの中から優勝と準優勝を獲得した2チームを紹介した。同2チームはいくらかの起業資金を獲得したようだ。 同キャンプはWeb技術を活用することで実際の生活で起こっている社会的な問題を解決することを目指すもので、ほかの同系列のイベントと違い技術以外の点も評価ポイントとして重きを置いている。評価対象は社会的要求、技術の実装具合、PRアイディア、継続性、次期取り組みの期間や計画性などだ。70をこえるプロジェクトから最終的に6つのプロジェクトが選定され、同キャンプに参加している。 同キャンプに参加したプロジェクトは「On the Up」「StuffShare」「Rate your Prison」「Ena
Javascriptだけで、既存のページを丸ごと翻訳して多言語対応できるようにしてみました。 翻訳精度はAPI次第なので、実用に耐えるかどうかは分かりませんが・・・^^; Google AJAX Language APIについては、 http://code.google.com/intl/ja/apis/ajaxlanguage/ ■ 動作サンプル 記事部分を翻訳します。 画面右上の「翻訳する(Translate)」を操作してみてください。 ※翻訳後、元に戻す場合はリロードしてください。 ■ 設置方法 1. <head>タグ内に以下のスクリプトをコピーします。 <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript"
セマンティックWebは前回紹介した技術を中心に、階層を積み重ねるように段階 的に発展してきた。 具体的には、図２に示すような階層構造の下の層から順に 取り組みが行われ、W3C（World Wide Web Consortium：Webで利用される技術の 標準化を進める団体）勧告として標準化が進んでいる（各階層の詳細な説明は 省略する）。 以上の技術的な話を踏まえ、セマンティックWebのビジョンを示す。W3Cで、セマ ンティックWebの活動を率いるエリック・ミラーが提唱するセマンティックWebのゴ ールは、以下のようなビジョンである[1]。 ・情報をその定義や背景に結びつけ、利用価値を高める ・より効率的な情報アクセスや情報解析を可能にする ここで、セマンティックWebの話からから少し離れ、関連する技術を１つ紹介しよ う。 本連載のセマンティックWebの第1回目では、「賢い検索エンジン
プロになるためのWeb技術入門をまとめてみた ネットで評判が良かったプロになるためのWeb技術入門 ――なぜ、あなたはWebシステムを開発できないのかを読みました。 非常にわかり易く内容も良かったので、内容をまとめます。 この記事を読めば一通りの内容は理解できるレベルになっていると思います。 ■ 対象読者 1. これからWEBアプリケーション開発を始めてみたい人 2. WEB開発の経験はあるけど、何故動いてるのかよくわからない人 3. WEBアプリケーション開発のPMをしているが、技術がイマイチわかってない人
さて、CodeIgniter 1.7で実現していたところまでを CodeIgniter 2.0.3 日本語バージョン でやってみましょう。 コントローラ継承で異なるところは前回やりました。 そして、CodeIgniter 1.7.1の時にこのブログで実現していたことは、 「データベースに保存してある仮データを一覧表示させる」 まででした。 CodeIgniter 1.7で実現したコードをCodeIgniter 2.0.3ですべて動くように書き直してみます。 といってもそんなに書き換えるところはありません 前回でも説明したように継承元をextends Controllerから extends CI_Controllerにします。 function __construct() 内の parent::Controller()を parent::__construct()にします。 この２つで、1
2017年4月から「Webの仕事」に転職しました。 やっとやりたい仕事ができる環境に身を置けて、充実した日々を送っています。 かつてWebに関わる仕事をしていたのは、もう9年も前のこと。 Web業界で9年のブランクというのは、もはや未経験で仕事するのと変わらないくらいの”浦島太郎”状態。 自分でブログをはじめてからよく目にするあの言葉、この言葉がどんな意味なのかちゃんと整理しておきたいな〜と思っていたところ、ちょうどこちらの本をSBクリエイティブ社より献本いただけることになりました。 Webに関わる仕事の昔 以前Webの仕事をしていた頃は、とある企業のサイトをDreamweaverというソフトウェアを使って更新していました。 この頃のサイト更新はHTMLタグをわかった上でページを編集し、更新したファイルをFTPソフトでアップロードするという作業が必要でした。 一昔前はちょっとHTMLの仕組
I2008年9月8日からの3日間、Web技術を使ってユニークなアイデアを形にしているテック系の関係者がサンフランシスコに集結。 50を超えるサービスを対象にした選考イベントが開かれた。 最優秀賞は“ささやき”を企業内で共有する「ヤマー」 IT、特にＷｅｂ技術を活用したサービスの分野では、世界中のベンチャーが日の目を見るチャンスをうかがっている。 ユーチューブ、トゥイッター…。次に成功を手にするのは誰か。 2008年9月8日からの3日間、 Web技術を使ってユニークなアイデアを形にしているテック系の関係者がサンフランシスコに集結。 50を超えるサービスを対象にした選考イベントが開かれた。現地の模様をリポートする。 Webを駆使した新しいサービスや会社のことを、最近では「テック」という言葉で総称する。テック系の話題は新聞や雑誌より、専門ブログで取り上げられることが多い。代表的なブログ
アンテナハウス株式会社について 設立： 1984年8月 代表取締役： 小林 徳滋（Twitter: @TokKoba） 資本金： 4000万円 社員数： 52名（国内） 事業内容： データ有効活用のためのコンピュータソフトの企画・開発・販売 主要商品： PDF関連ソフト、XML組版関連ソフト 所在地： 東京都中央区東日本橋2-1-6
Ruby 1.9.1 + mongrel + Rails 2.3.2 がいける！と思ったけどやっぱダメでした。 : Web技術勉強会
1. あらまし Rails アプリケーションを作成する際に「Rails 2.3.2 は一応 Ruby 1.9.1 で使えるらしいし、せっかくなら人柱環境で色々試そう」と思い、Ruby 1.9.1 + Rails 2.3.2 の環境にさらに Web サーバとして mongrel までも導入を試みた kitakita であったが、理解できないバグの多さに断念するのであった。 2. Ruby 1.9.1 + Rails 2.3.2 のインストール これは何の問題もなく終わる。 Ruby 1.9.1 はソースからコンパイルして zlib 1.1.4.1 + openssl 0.9.8k + iconv 1.9.1 + readline 4.3.2 + sqlite3 を導入済み。 Rails 2.3.2 は [bash] gem install rails [/bash] でインストール終
参考 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> ロールオーバーは考えない スマホサイトはオンマウスによってhoverやロールオーバーの効果が使用できません。 jQueryなどを用いてタップした時にボタンの色を変える演出は可能です。 画像表示 CMSの利用でPCサイトで使う画像をそのままスマホサイトにも使用せざるを得ない時、幅が画面をはみ出してしまうのを回避する為、下記をCSSに記載します。 img { max-width:100%; height:auto; } 画像は写真以外はどんどんPNGを使用する スマホは問題なくPNGが表示される上に、PNG-8であればGIFよりも軽く書き出すことができる。 アイコンなどの画像は倍のサイズで作成しているはずなので、コーデ
Web技術ではじめるレポート・論文制作 | わたしろぐ
Web技術ではじめるレポート・論文制作 2017-12-06 18:30:00 Category: dev Tag: html css vivliostyle dtp この記事はKobe University Advent Calendar 2017の6日の記事です。 なお私は当該大学の学部3年(2017年12月現在)です。 Vivliostyleやその他のWeb技術を用いて、HTMLとCSSで課題のレポートを書くための環境を作る話です。 あと「CSSではじめる同人誌制作」を勝手に販促する記事でもあります。 HTML+CSSによる組版 個人的にはWordもTeXもあまり得意ではない、というか、HTML+CSSで似たようなことができそうなのにわざわざWordやTeXを使うのが大変だと感じています(InDesignはよく知りません)。 文書構造の明確化という観点においては、構造と見た目が明確に
ページ内リンクを「するすると移動」するJavaScriptを紹介します。 これを使えば、こんなの↓が出来るはず！？ http://www.at-link.ad.jp/qa/qa.php?id=21 ページ内リンクは、クリックの瞬間に表示が切り替わってしまうので、どこからどこへ移動したのかが分かりにくいのが難点ですが、それを解決する手段になりそうですね。 ちなみに、この類いのJavaScriptはWeb上にゴマンとあります。Web上を、検索ワード「ページ内リンク」「スムース」「スクロール」「js」等で検索。すると本当に様々なJSファイルがありますよね？ しかし、やはり安定性・設置の難易度・使用するライブラリの数なども色々あり、どれが一番簡単なのか迷います。かくいう自分も、JQueryや Prototypeを使って出来る事は知っていましたが、jsファイルを複数読み込む等、手順が面倒＆管理が煩わ
Web技術 Web技術がビジネスの現場に浸透してきた。ERPであればWebアプリケーションやSSO、Ajaxなどの技術を活用するのがいまや一般的だ。 また本連載第1回でも紹介したようにクラウドコンピューティングでも前提とされる技術である。このようにWeb技術は広く使われているにもかかわらず、その存在に気付いていない会計人は多いのではないだろうか。本連載第3回では身近になってきたWeb技術を解説する。 第1回：「クラウド」を会計の視点で見ると 第2回：会計人も知っておきたい「アプリケーション」 ソーシャルブックマーク 通常は個人のPC内などローカル環境に保存されているWebブラウザのブックマーク（お気に入り）を、インターネット上でタグやコメントなどによりユーザー間で共有できるようにする技術またはサービス。特定の環境に依存せず、広くブックマーク情報を共有・再利用できる。大規模サービスの例として
WordPressで、表示中のページに適用されているテンプレートファイルを調べる | Web技術Tips | ホームページ制作のDOE【横浜】
WordPressのテーマをいろいろいじっていると、「あれ、このページにはどのテンプレートファイルが当たっているんだ？？」と分からなくなることがあります。 そんなときはどこかに以下のコードを貼り付けて確認しましょう。 <?php global $template; $template_name = basename($template, '.php'); echo $template_name; ?> 私はfooter.phpに貼り付けておき、普段はコメントアウトをしておいた上で、調べたい時だけコメントアウトをはずすようにしています。
Google Fonts APIのソースコードを調べてみました | Web技術Tips | ホームページ制作のDOE【横浜】
早期アクセスの頃と比べたらフォントの読み込みスピードは改善されたとは言え、まだまだページ表示速度のボトルネックとなることが多い Google フォントですが、このスタイルシートの中身を調べてどのようにフォントの読み込みがされているのかを知って、可能であればページ表示速度改善のヒントにしたいです。 Google フォントを使う方法はいくつかありますが、最もメジャーなのは<head>内に以下のコードを追加する方法です。 <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Noto+San
LINE株式会社の開発拠点の一つである「京都開発室」が、オンラインのエンジニア採用説明会を開催。その中でフロントエンドエンジニアの仕事について、平山光太郎氏が話をしました。 京都開発室のフロントエンド 平山光太郎氏（以下、平山）：僕からはフロントエンド組織について、お話ししていこうと思います。 さっそく自己紹介です。平山光太郎といいます。今LINEでソフトウェアエンジニアをしています。僕はLINE Fukuokaで仕事をしていて、今日も福岡にいます。普段は福岡で業務を行なっていますが、今日は京都の話をしたいと思います。 ここにちょっといくつか肩書きを書いたんですが、今日は、このLINE株式会社のUIT2室というところのお話になります。 このUIT2室は、LINE株式会社で京都のメンバーが所属する組織です。続いて本日の内容です。最初にLINEについて、僕たちフロントエンド組織がどういった開発
CSS3のアニメーション効果 | Web技術の最新情報、お役立ちTips等をお届け クリエイターのためのWebテク講座 | 特集 | 人材紹介 | マイナビクリエイター
第7回 CSS3のアニメーション効果アニメーションの終了を取得して、ちょっと凝ったUIを作る。 「transitionプロパティ」で設定したアニメーションでは、アニメーションの終了をJavaScriptのイベントとして取得することができます。 アニメーションイベントを利用することで、ちょっと複雑なアニメーションを作成することができます。 transition終了を検知 サンプルを見る このサンプルでは、2カラム構成のボックスを2段階のtransitionで表示します。 Flashコンテンツなどで、こういった展開をするサイトをよく見かけますね。 transitionプロパティと終了イベントをうまく利用することで、簡単にこういった処理を行えます。 ※今回も、CSS3の「transitionプロパティ」に対応した「Firefox」「Chrome」「Safari」でしか動作しません。 残
フジテレビジョンは2015年1月30日、放送とWeb技術を融合したハイブリッドキャストサービスの「フジテレビHybridcast」の提供を同日に開始したと発表した。関東ローカルを提供エリアとする。 天気や災害、ニュース、番組表などの情報を、HTML5の多彩な表現方法で制作し、ハイブリッドキャストならではの放送拡張関数を活用してタイムリーに提供するという。また、トライアル的なサービスを実施する「アプリラボ」コーナーを設け、ゲームなどのインタラクティブなサービスほか、Web技術を活用した様々な放送通信の連携サービスの可能性を追求する。 同社は今後、段階的に「フジテレビHybridcast」のコンテンツを拡充する方針である。
目次 目次 1.WebPaymentとは？ PaymentRequestAPI ペイメントアプリ トークン 2.WebPaymentでできることは？ 3.対応ブラウザは？ 4.最後に 最近のWeb技術を調べていたのだけど、 WebPaymentという言葉がでてきまして気になって調べてみました。 どうやら去年頃に出W3Cによって、仕様が制定されたようですね。 下記のリンクにて仕様が確認できます。 Web Payments HTTP API 1.0 1.WebPaymentとは？ 私が調査を行って、理解したベースで説明させていただくと、 Webでの決済にてクレジットカード情報を直接ECサイトに渡さずに決済を行う仕組みです。 WebPaymentで重要なキーワードとして、下記の３つがあります。 PaymentRequestAPI ブラウザで提供されている標準のAPIであり、クレジットカード情報の
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[dbjapan] 第7回先端的データベースと Web 技術動向講演会の案内
『プロになるためのWeb技術入門』サポートサイト - 補足
Social Innovation Camp、Web技術で社会問題解決へ | 経営 | マイコミジャーナル
Google AJAX Language APIで、ページ丸ごと多言語対応 | 主にWeb技術ネタ ブログ
セマンティックWeb技術の動向について その３－標準化動向・関連技術－：ITExpress
プロになるためのWeb技術入門をまとめてみた - Qiita
Web技術者の自己解決好きのブックマーク
「この一冊で全部わかるWeb技術の基本」はWeb界隈で働き始めた人の救世主だ！ | くるみる
TechCrunch 50開催レポート——Web技術の未来がここにある | IT Leaders
世界で進む本を作るための新しい仕組み～Web技術を活かし、紙と電子書籍を同時に
スマホサイト制作の基礎知識まとめ | Web技術Tips | ホームページ制作のDOE【横浜】
実装超簡単！ページ内リンクをスムースにスクロールさせるJavaScript - Web技術Input&Output
最近よく聞く「Web技術」用語、Twitterって何？
ネイティブアプリの会社というイメージを払拭したい 実はWeb技術で多くのサービスを提供しているLINEのアプリ
フジテレビがハイブリッドキャスト、Web技術を活用した試験的サービスを展開へ
最新Web技術！WebPaymentAPIについて調べてみた。 - Sassyブログ