リーディングカンパニーからビジョナリー・カンパニーへ 今IT業界は成熟期に入ろうとしています。我々LIGのミッションは、このユビキタス社会にイノベーションを起こす為のビジョンをコミットし、 WinWinの関係でソリューションパートナーとしてクライアントのサービスをマネタイズし、 常にユーザーエクスペリエンスをソーシャルな形でローンチし、IT革命、 いわゆるWeb2.0時代の幕開けを象徴するかのようなグローバルでありながらもクラウドなサービスをアジャイルな形で開発、提供していく事がもっともプライオリティの高いプロジェクトだと考えています。 ソーシャルマーケティングの異端児 我々はHTMLとCSSを使用したHPにSEO(Search Engine Optimization)を施策し、 最新のCGI（Common Gateway Interface）技術を駆使した動的なWEBサイト構築を得意とし
ジェイ退社のお知らせ（社長、岩上より） 皆様、いつもLIGブログをご覧いただきましてありがとうございます。 この度、広報として大活躍してくれたジェイがLIGを退社し、とある上場企業に転職する事となりました。転職については様々な理由がありますが、一言で表すと「ヘッドハンティング」です。 大学時代からの友人であり、LIGの為に一緒に苦労を分かち合ってきたジェイが、まさかこんな形でLIGを去る事になるとは夢にも思いませんでした。やはり月3万円の給料と米15kgの現物支給だけでは生活が苦しかったという事でしょうか。 これまでLIGの顔として大活躍をしてくれたジェイ。彼無くして今日のLIGは無かったと思います。 今回の退社は、そんな彼が悩みに悩んだ末、たどり着いた結論です。社長として、そして1人の友人として全面的に応援し、快く送り出そうと思い、LIGらしく「退社」という今回の記事にまとめさせていただ
暇つぶしにピッタリの漫画や記事を毎日のように配信しています。いくら読んでも無料、そしていくら読んでも頭がよくなりません。
あー、 PHPとかいう糞言語 おまえは正しいよ。すげー正しい。 イエス・キリストの16777216倍くらい正しいよ！ そして、俺はすべてにおいて、間違ってるよ。 いっておくが、おれはプログラマとしては3流というか256流くらいだ。 クソだ。 最近、まともなコードも書いてないし、書けねーよ。 俺に生きている価値なんか１ピコグラムもねえよ。 けどな、言語的にクソかどうかなんかで、メシは食えねえんだ。言語がクソでも、手っ取り早くメシが食えるなら、それを優先しなきゃいけねえ。 ポインタ実装とかどーでもいいよ。 「書いたように動かない」とかいう奴はカネもらってやる仕事じゃねえよ。カネもらってコード書くなら、「動くように書く」んだよ。 PHPがクソだって？ いいんだよそれで。 エンジニアはつねにクソ食ってるんだ。 WebのプログラマなんてスカトロAV女優みてーなもんなんだよ。 クソ食って、毎日クソみた
こんにちは、LIGの副社長、ゴウです。 この度、LIGブログに「ページTOPに戻る」機能が実装されました。 どのサイトにでもある、普通の要素だと思うのですが、今回、我々は“ウザさ”にこだわって作ってみました。 ページ右下にある弊社エンジニアの段田をクリックすると… ゴゴゴゴゴ… ドドドドドドドド… という感じで、段田が天に登るラピュタのように上昇していきます。 俺が知る限り、ここまでうざったい「ページTOPに戻る」は無いと思いますし、今回の開発にはデザインとJSの実装で4日ほどかかっており、「うざい」という以外に感想が無いような機能の実装に大切な会社のリソースを割いてしまった事をこの場を借りてお詫び申し上げます。 とは言え、この機能の一番下に、広告領域も設けてあります。 時間にして2秒ほどしか見えない上に、クリックをするにはそれなりの慣れと反射神経を必要とするのですが、今回特別にこの広告枠
今年リニューアルをしてからというもの、だんだんと利用する機会がへってきたはてなブックマークのWebサイト。 最初はいつかなれるだろうと思ったけども、このなんともいえない見づらさが引っかかってしまう。 最近では、私の知り合いでも最低9人のユーザーが、はてブサイトを見なくなった、もしくはAPIを利用した見やすく加工されたサイトを見るようになったという意見も聞く。 はたしてはてなブックマークの何が自分にとって見難いのかを考えてみたい。 ほとんど個人的な主観です。私はここが嫌！っていう事を訴えたい。 パッとみてささっと見れなくなった この一言に尽きる。とにかく面倒臭いサイトに生まれ変わったといってもいいです。 これははてなブックマークをどのように利用していたかによって受け取る感想は千差万別だと思いますし、「これから新規ユーザーを呼び込みたいので、そういう人は気にならないでしょ、昔をしらないんだから
jQueryでjsonデータを扱ってみる【入門編】 javascriptで外部のWebサービスを利用するデータ形式はjsonを使うことが基本なようです。 似たようなフォーマットとしてXMLがありますが、こちらはHTMLと同じマークアップ言語なのですんなり入っていける反面、jsonは少々わかりずらいといった先入観があったりするんじゃないでしょうか。 そこで入門編と題して（入門編しかない!）改めて基礎から勉強していけたらと思います。 投稿日2010年07月25日 更新日2016年04月26日 とにかくシンプルなjson jsonデータは基本は外部から読み込むことになりますが、練習なのでとりあえずjavascript内の変数内に直に書きます。 「:（コロン）」で区切ったキーと値を一組として、２組目を「,（コンマ）」で区切って記述していきます。 それらを{}で囲むことで一つのオブジェクトとして扱い
LinkData.orgはデータの流通、及びアプリケーション開発からビジネスまで幅広くデータの活用を支援するプラットフォームです。 テーブルデータの変換と公開をサポートする LinkData アプリケーションの作成と公開をサポートする App.LinkData ナレッジの公開とマッチングをサポートする Knowledge Connector 地域のリソース情報の共有とコミュニティ育成をサポートする CityData の4つのサービスを統合し提供しています。 LinkData.orgでは、オープンデータに取り組む自治体を支援するとともに、地域課題解決や新たな価値創造に取り組む市民の方々や、データを活用したビジネスに取り組みたい企業の方々への支援を通じて、地域における持続的なデータ流通・活用ネットワークの形成を目指します。
金沢市画像オープンデータに金沢市立玉川図書館近世史料館の所蔵史料に関する画像を追加しました。（令和３年２月26日）オープンデータカタログ内「住まい・交通・まちづくり」に「公園遊具情報」を追加しました。（令和3年２月１０日）オープンデータカタログ内「文化・芸術」に「金沢市史」を追加しました。（令和3年1月12日）金沢市画像オープンデータに金沢市立玉川図書館近世史料館の所蔵史料に関する画像を追加しました。（令和2年5月9日）オープンデータカタログ内「住まい・交通・まちづくり」内に「施設オープンデータ（シェアサイクルまちのり）」を追加しました。（令和2年4月30日）オープンデータカタログ内「防災・消防・安全」内に「水利情報（消火栓）」を追加しました。（令和2年3月25日）金沢市画像オープンデータに金沢市立玉川図書館近世史料館の所蔵史料に関する画像を追加しました。（令和元年12月20日） 金沢市市
Data シティ さばえ 鯖江市では、市の情報を積極的に公開（DATAシティさばえ）していきます。 近年、欧米各国を中心として、電子行政の新たな手法として、行政機関がウェブを活用して積極的にデータの提供や収集を行うことを通じて、行政への国民参加や官民協働の公共サービスの提供を可能とし、促進して行こうとする「オープンガバメント」の運動が起こってきています。日本でも経済産業省が、「オープンガバメントラボ」というサイトを設け、開かれた政府（オープンガバメント）の実現を目指し、実証を行っています 鯖江市でもこの方向性を受け、できるところから、公開していきます。 市内の公共施設のトイレ情報（XML） 市内の公園のトイレの位置、便器の数等の情報です。
こんにちは。音楽に関するいくつかのメモや、ウェブ上での情報の共有や活用に関する参考情報があります。 The English only TOC page also available. 音楽の話 ロジャー・ノリントンの話 交響曲に関するいくつかの情報 歌詞／テキストと音楽（レクイエム、ミサ曲、第九、大地の歌、ツァラトゥストラなど） NMLで聴いてメモした曲リスト 古いもの ... show 音楽雑記帖 コントラバスの話 インターネットやコンピュータの話 セマンティック・ウェブ (ジャパンサーチ非公式サポート、グラフ視覚化、画像注釈とIIIF、LD Browser) いくつかの講演スライドそして専門誌/論文誌記事など アクセシビリティおよびごく簡単なHTMLの説明 OWL語彙の実験・提案、その他いろんな試みの記録 古いもの ... show ちょっとしたメモ（主に2003～2008） ハイパー
This page is the table of contents of "The Intruduction to Metadata and Semantic Web". Most parts are written in Japanese, but everybody is welcome. ウェブは人間が読むための「文書のウェブ」から、様々なデータを自在に発見して利用できる「データのウェブ」へと向かいます。セマンティック・ウェブと呼ばれる分野では、このデータのウェブを実現するために、表現のモデルや交換・共有を可能にするオントロジー、そして推論や頼性検証といった各レベルでの技術開発が進められています。メタデータを適切に与えることで、文書情報をこの「データのウェブ」に組み込むことが可能になります。 RDFグラフとリンクするデータ リソースとメタデータの表現 語彙とオントロジー メタデータ
はいどうも～。季節の変わり目のせいかゲホゲホが止まらないエンジニアの吉田です。 今回は、「MVC」と「MVC2」について改めて考えてみたいと思います。 Webアプリケーション開発では、よく「MVC」という言葉を耳にしますね。 「モデル」「ビュー」「コントローラ」の頭文字3文字をとって「MVC」です。 でも、「MVC」の話をしているのに、なんだか話が噛み合わないことがあるんです。 よくよく話を聞いていると、多くの場合、それは「MVC」と「MVC2」の混同です。 というわけで、「MVC」と「MVC2」の違いについて改めて考えてみたいと思います。 「MVC」とは何か そもそも「MVC」という言葉は30年ほど前（1979年頃）からあり、最初はSmalltalkの ウィンドウプログラム開発の設計指針として生まれたものです[※1]。 なので、「MVC」はもともとGUIのソフトウェアに適用するためのアー
第1、2回ではCakePHPの概要を紹介し、第3回では情報収集に便利なサイトを紹介しました。今回からはCakePHPでのアプリケーション開発の実際の手順を紹介いたします。今回行う作業は以下になります。 CakePHPの入手 パッケージの展開と設置 パーミッションの設定 データベースへの接続設定 CakePHP（1.1）の動作には、WebサーバとPHP 4.3.2以降、DBはMySQL・PostgreSQL・ADODBのいずれかが必要です。今回は以下の環境を前提とします。 Apache 1.3.37 PHP 5.2.3 MySQL CakePHPの入手 CakePHP本体はhttp://www.cakephp.org/から入手できます。現在配布されているパッケージは安定版の1.1（Stable）と開発版の1.2（alpha）があります。今回は安定版（Stable）を使うことにします。 htt
クールなURIとは？ クールなURIとは変わらないもののこと。 どんなURIが変わってしまう？ URIは変わらない：人がそれを変更するのだ。 理屈の上では、人々がURIを変更するべき（もしくはドキュメントのメンテナンスをやめてしまう）理由は全くありません。しかし、現実には山ほど理由があります。 理論上では、ドメイン名空間の所有者はその空間を所有しており、したがってその中に含まれるURIも所有権を持ちます。ドメイン維持料が支払えない場合を除いて、その名前を保有し続けることを妨げるものはありません。そして理論上は、あなたのドメイン名のもとにあるURIは、完全にあなたの管理下にあり、望む限りそれを安定的に保つことができるのです。 ウェブからあるドキュメントが消えてしまう唯一の納得できる理由は、そのドメイン名を保持していた会社が廃業してしまうか、サーバーを維持できなくなったという場合ぐらいでしょう
第16回何でもできるようになった1.2のデータバリデーション機能（1/2）：基本編 秋田真宏 2009-07-17
ユーザーインタフェースをもつアプリケーションソフトウェアの多くは、「MVC」モデルに基づいて設計されています。 MVCでは、プログラムを、Model（モデル）、View（ビュー）、Controller（コントローラ）という3つの要素に分割し、お互いに呼び出し合って処理が実行されていきます。 この概念を漫画で表現したら分かりやすのではないかと思い、トライしてみます。 設定 MVCモデルで設計された「なにかの申し込みシステム」があるとします。 処理の内容は、なにかの申し込みをしたユーザ情報をデータベースに格納する、だけです。 なにかの申し込みシステムの構成員 第1話 – なにかの申し込みシステムの日常 なにかの申し込みシステムの処理の流れを覗いてみましょう。 おや？ユーザが申し込みにやってきましたよ… このように、モデル、ビュー、コントローラは、お互いに協力し合いながら処理を行っています。 誰
J2EEを特徴づけるもう１つのキャッチコピーとして「MVCモデル」というものがあります。MVCモデルという言葉自体は、J2EEで初めて登場したものではなく、Smalltalkというオブジェクト指向言語でのGUI設計に用いられた概念です。MVCとは、 Model View Controller の頭文字をとったものです。Webベースのアプリケーションも、WebブラウザというGUIを持ったアプリケーションと考えられるので、このモデルを適用することができます。では、それぞれについて説明しましょう。 ●Model モデルは、システムの中でビジネスロジックを担当する、いわばシステムの本体部分にあたります。モデルは入出力や表示といった処理を行うことはできません。J2EEでは、この部分をEJBで実装する（ちなみに、EJBでは表示に関する処理は仕様上できない）ことになっています。 ●View ビューは、表
var ua = navigator.userAgent; var result = document.getElementById('result'); result.innerHTML = ua + "<br>"; if( ua.search(/Android 2.1/) != -1 ) { result.innerHTML += "Android 2.1"; } else if( ua.search(/Android 2.2/) != -1 ){ result.innerHTML += "Android 2.2"; } else if( ua.search(/Android 2.3/) != -1 ){ result.innerHTML += "Android 2.3"; } if( ua.search(/Android/) != -1 ){ result.innerHTML +=
カテゴリ：WEB技術, フリー（プログラム） タグ：CSS, JavaScript, スマートフォン 閲覧数： 25,272 views 公開日：2013年3月1日 最終更新日：2016年5月25日 昨今はクロスブラウザ対応が非常に多く求められますので、もうユーザーエージェントで条件分岐やっちゃおうかー と進めていたJavaScriptの動作が検証できました。 ダウンロード if.useragent.js v0.9 uaNameでブラウザタイプが、ios_verでiOSのバージョンが取れます。CSS側で制御する場合の例ですと、htmlにクラス付与したりがよくあるパターン。
2009-01-12追記 タイトル修正しました。 2009-01-14追記 String.indexOf と RegExp.test のスコアが逆に書かれてていたのを修正しました。 String.match ばかりで、RegExp.exec を使ったことがありませんでした。 ちょっと気になったので色々とベンチマークを取ってみました。 TEST TIMES IE6 Fx3.0 Fx3.1 (JIT) Safari3 Chrome1 (JIT) A. match(/\s*/) vs match(/ */) "aaaaaaaaaaaa".match(/\s*aa\s*/) 1000000 7203 1714 327 2375 2128 "aaaaaaaaaaaa".match(/ *aa */) 1000000 7156 1638 297 2328 2148 B. RegExp.exec vs
今日の正規表現Tips (2008/10/05) \d 0〜9の数字を表す正規表現です。 \D 数字以外を表す正規表現です。 正規表現では小文字が大文字になると反対の意味を持ちます。 ツール 正規表現チェッカー 正規表現Tips集 Tips その１ Tips その２ テキスト編集で役立つ『正規表現のサンプル集』を詳しい説明つきで紹介。 正規表現を使ってテキスト検索＆置換して仕事の効率アップを図ろう。 ≪ メニュー ≫ １．正規表現とはなにか？ ２．正規表現を使う準備 ３．正規表現サンプル集【検索編】 ４．正規表現サンプル集【置換編】 ５．正規表現のお勉強と本の紹介 ６．エディタの強調表示でテキストに色づけ ７．プログラムで正規表現を使う ８．正規表現サンプルリクエスト
正規表現(regular expression)の基礎 1 正規表現とは 正規表現は、ある文字の並び（文字列）を表現する一つの方式です。「文字の並び」のことを「パターン」と言ったりもします。でも、基本的には単なる文字列です。 例えば、 abc という３文字を示すための正規表現は、それと全く同じ abc という３文字です。 list という４文字を示す正規表現は、それと全く同じ list という４文字です。なんだ、つまらない。 これだけで終わってしまったんじゃ、ほんとにつまらないですが、残念ながら難しいことで悪名高き正規表現は、これで終わりになりません。次のような例を考えてみて下さい。 文書中に 「第１章」とか「第２章」とか「第３章」といった記述があるとします。今、検索したいのは１章でも２章でも何でもいいんですが、とにかく「第Ｘ章」だとしましょう。Ｘは、何でもいいという訳です。このような場合
●任意の文字に一致 書式：/文字/ 例１："abcdefg".match(/a/) 結果：a 例２："abcdefg".match(/cde/) 結果：cde 例２："abcdefg".match(/xyz/) 結果：null ●改行文字を除く任意の１文字にマッチ 書式：/.文字/ 例１："abcdefg".match(/.f/) 結果：ef ●複数個の文字にマッチ 書式：/../ （.はマッチする個数並べる） 例１："abcdefg".match(/.f/) 結果：ef ●指定文字のいずれかにマッチ 書式：/[任意文字]/ 例１："abcdefg".match(/[ahg]/) 結果：a ●指定文字以外のいずれかにマッチ 書式：/[^任意文字]/ 例１："abcdefg".match(/[^ahg]/) 結果：b ●複数の文字列のいずれかにマッチ 書式：/任意文字列|任意文字列|...|
１．正規表現とはなにか？ 端的に言えば、「いくつかの文字列を一つの形式で表現するための表現方法」です。 では、なぜこの表現方法が有名なのかといえば、この表現方法を利用すれば、たくさんの文章の中から容易に見つけたい文字列を検索することができるためです。 この形式を使えば、以下のようなコギャルの会話にもついていけます(^_^) 「Windows ってあって…WINDOWSかもしんないしぃ、次にスペースが入ってるかもしんないしぃ、入ってないかもしんないし、後にやっぱ ９８ が付くってゆーかー、もしかすると ９５ が付いてもいいかなぁって感じでぇ…」 これ以上続けるとこちらがキレてしまいそうなのでこのあたりにしておきますが…これは、正規表現で書くと… W(indows|INDOWS) ?９[８５] って感じで一行で書けちゃうっていうかぁ…あ、つい、口調が移ってしまった(^_^;)…書けるのでありま
タイトル変えました。旧タイトル「JavaScriptでよく使う書き方」。よく使うけど毎回忘れる。 正規表現にマッチするかどうか。 RegExp#testを使う。 /abc/.test("abcdefg") // => true String#searchはマッチした位置を返す。マッチしない場合は-1。先頭にマッチすると0でfalseなので注意。真偽値が欲しい場合はString#searchを使わない。 "abcdefg".search(/xxx/) // => -1 "abcdefg".search(/def/) // => 3 "abcdefg".search(/abc/) == false // => true 正規表現の部分マッチを得る。 部分マッチを得るには、RegExp#execかString#matchを使う。execとmatchの速度は大して変わらない。 正規表現のベンチマー
ブラウザの判別や携帯の機種判別に利用するためのユーザーエージェント一覧です。ただし、ユーザーエージェントは詐称（偽物）される場合があるため、完全にユーザーエージェントでブラウザなどの判別ができるわけではありません（詐称の方法のページを参照）。ここに掲載されているものは、このサーバーなどに対してアクセスしてきたユーザーエージェント名などを抽出したものなどです。あまりに古いブラウザおよびマイナーなブラウザに関してはアクセスログがないため掲載できていません。 [トップページに戻る] ■iPhone ●iOS Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C28 Safari/419.3 ●iOS2 Mozilla/5.0 (iPhone
多彩な表現力のWebGLを扱いやすくする「Three.js」：Webグラフィックをハックする（5）（1/5 ページ） Three.jsはWebGLの冗長な仕様をうまくラップし、扱いやすいインターフェイスで提供するライブラリだ。サンプルコードと見比べながら、効率良く学習しよう Three.jsの基礎 本連載も5回目を迎え、いよいよ佳境に入ります。今回の題材は、Webブラウザ上で3次元グラフィックを実現する「WebGL」です。ただし、これまでと違ってAPIを直接は触れず、「Three.js」を利用します。Three.jsはWebGLの冗長な仕様をうまくラップし、扱いやすいインターフェイスで提供するライブラリです。Mr.Doob氏を中心にオープンソースで開発が進められており、WebGL界隈ではデファクトスタンダードに近い地位を築いています。 Three.jp公式サイト WebGLはこれまで解説し
いろんなグラフがかける Google Chart Tools の使い方について書いてみました。 Google Chart Tools の使い方 (今回) 表とデータの扱い 棒グラフ (積み上げ棒グラフ) 散布図 折れ線グラフ、面積グラフ 円グラフ、計器図 組織図 グラフの合成 動的なグラフの変更 グラフと表の連携 フィルタリング(Dashboard と Control) データロールによる特異点の表示と注釈付きタイムライン スプレッドシート(表計算)で作成したグラフの公開 今回は Google Chart Tools の紹介と基本的な使い方の説明です。 Google Chart Tools とは グラフの種類 ライセンス 使い方 オプション Google Chart Tools とは Google Chart Tools は SVG を使ったグラフを表示するツールで、 JavaScript
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版（MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う）の仕事をしていて、見出しは言うまでもなく、本文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く