Webプログラミング/Webデザインのネタを扱うブログやWebサイトを運営していると、HTMLやCSSなどのソースコードを掲載することが多くあります。そんなときにぜひ活用したいのが、ソースコードを読みやすく表示してくれるJavaScriptライブラリです。今回は、そのうちの1つ、「Syntax Highlighter」の使い方を紹介しましょう。 多くの言語の構文強調表示に対応した「Syntax Highlighter」 HTMLなど各種言語のソースコードをWebページの中で表示するのは、HTMLのpre要素を使えば簡単です。ただ、ソースコードをそのまま表示すると、見た目が分かりやすくはありません。そこで、タグなど言語の特定キーワードに色を付けて、他の部分よりも強調して表示することで見やすくしましょう。 こういった「構文強調表示」を行なうJavaScriptは、いくつか公開されていますが、そ

Free Backgrounds Browse the selection of free beautiful background photos submitted by our community of talented contributors and completely free to download and use.

サイトを構築していると、プログラマはWebデザイナーと共同作業をしなければならない。 しかし高度なRIAを実現しようとすると思っているようにWebデザイナーに素材を作成してもらうだけでもとても骨の折れる作業だ。 そこで、一層、「すべてのプログラマはWebデザイナーになればいいんじゃね？」と思った。 今回は、私の実体験に基づき、「プログラマが1ヶ月でWebデザイナーに転身する方法」というのを考えてみた。 ■　HTML,CSSを覚えよう まず、HTMLとCSS。いくら私でもW3C( http://www.w3.org/ )のすべてに目を通せとは言わない。 ブラウザ間で挙動が違うのでそれぞれのタグがどのブラウザで使えるのか一覧がまず欲しい。手軽なのは詳解HTML & CSS & JavaScript辞典。このハンドブックは見やすいのでお勧め。また、よく使うタグに関してはすべて覚えよう。覚えている

「どうせ配られるなら、人のため、社会のために役立つものに使おう」――。 3月5日から一部の村で支給が始まった総額2兆円の「定額給付金」。そのお金を全国に散らばる約80のNPO法人（特定非営利活動法人）に“再支給”する受け皿「定額給付金基金」が、18日発足する。6月末までの約3カ月半、約80団体が共同で基金への寄付を呼びかけていく。 これまで、単独のNPO法人や、地方自治体が定額給付金をあてにした基金の設立を表明したケースはあるが、複数の団体が大同団結を組んだのは、これが初めて。大きなうねりへと発展する可能性もある。 目標金額は特に設定していないが、「1万人規模で関わってほしい」と今回のプロジェクトの取りまとめ役を務めるNPO法人チャリティ・プラットフォーム（チャリプラ）の佐藤大吾理事長は言う。チャリプラは、国内に3万7000から4万あると言われているNPO法人を支援するNPO法人として、2

果ては Xpressive みたいな、正規表現を文字列以外の方法で記述できる実装だと、「文字」の「列」ですらなくても「文字とおなじようにふるまうもの」の「列」に対して正規表現使えちゃったりとか。intの配列から、100未満の値が繰り返されてる部分を取り出し！ というお話を聞いて以来ずっと気になっていた boost Xpressive を使ってみる． お題としては，以前も解いたこの問題， 問題設定はnを1から初めてその２乗を足していき、和が2000を初めて超えたとき和はいくつになるかという問題を考えます。 を以下のように置き換える． 与えられた int の数列を調べ，2000 を超えた初めての要素を表示する．そのような要素が無ければ，"not found" と表示する． regex_match で解く 以下コード． #include <iostream> #include <limits>

新型iPhoneは今夏発表──「iPhone OS 3.0」はコピペ、プッシュ通知、Spotlightなどサポート 米Appleは3月17日（現地時間）、米国で報道関係者向けの説明会を開催し、iPhoneおよびiPod touch向けの次期OS「iPhone OS 3.0」で実装予定の新機能を明らかにした。iPhone OS 3.0を搭載した次期iPhoneは今夏発表予定で、既存のiPhoneへのアップデートは無料で提供される。なお初代iPhoneでは、新機能の一部は利用できない。iPod touch向けのアップデートは、9.95ドルになる。 新APIを多数公開、新たな課金方法も提供 iPhone OS 3.0では、約1000の新しいAPIを開発者向けに提供しており、これまでよりもさらに柔軟かつ自由なアプリケーション開発が可能になる。この日の発表では、開発者向けの機能として大きく6つの注目

iTunesで『The History of Blue Note - 70th Anniversary』なるアルバムが売れている。 これはそのタイトル通り、2009年にブルーノートが70周年を迎えたのを記念してリリースとなったコンピレーション・アルバムなのだが、何故に売れているのか…そこには一般的な作品と違った特徴的なポイントが2点ある。 ひとつは、PC配信限定商品ということ。写真のようなジャケット画像は用意されているもののパッケージ化はされていない。全てダウンロードで販売されているものだ。そしてもうひとつの特徴は、他を寄せ付けないその圧倒的に大胆な価格だ。 『The History of Blue Note - 70th Anniversary』は、70周年に因みブルーノートが誇る名曲70曲が収録されている超豪華な内容を誇るが、なんと1,500円（税込）という、文字通り破格の価格なのだ。

と思ったことありますよね。 『JPEGSnoop』は写真が編集されたかどうかを教えてくれる軽量アプリ。JPEG・JPGファイルのEXIFデータを読み取り、そこから写真についての膨大な情報を教えてくれます。撮影された時間、使用されたカメラ、レンズ設定、などなど。その後、 圧縮パターンがどの（有名な）画像編集アプリのものなのかまでも知らせてくれます。このアプリのデータベースに存在しない新パターンの場合はそれを報告する機能も搭載。 このツールによって分かる情報量はかなりのものなのですが、そんなのはまぁ、ええから、これがコラなのかどうかをとりあえず知りたい、という方はレポートの一番したの方までスクロールしていくと「Class 1 - Image is processed/edited（クラス1、画像は編集処理されています）」や「Class 3 - Image has high probabilit

米Googleは3月17日、ブラウザGoogle Chromeの新β版をリリースした。 同社は12月、最初にリリースしたChromeをβから正式版に昇格した。以降、正規版提供の「stable」と開発者向け「developer」の2つのリリースチャンネルでアップデートを提供してきた。今回同社は、開発の早い段階でのユーザーからのフィードバックを得るため、3つ目のチャンネルとして「beta」を復活させた。 社内でのベンチマークテストによると、新β版は、V8ベンチマークスイートでは現在stableチャンネルで提供しているバージョンと比べて25％、SunSpiderでは35％高速だった。最初のβ版と比べると、V8、SunSpiderともにほぼ倍の速度を実現しているという。 新機能としては、フォームの自動補完入力、WebKit最新版で可能になったフルページズームと自動スクロールや、タブをドラッグして見

ノルウェーOpera Softwareがブラウザ高速化技術「Opera Turbo」の期間限定テストを行っている。ユーザーは，Opera Turboを組み込んだ同社のオープンソース・ブラウザ「Opera 10」のプレビュー版を同社Webサイトからダウンロードできる。 Opera Turboは，ネットワーク・トラフィックを80％圧縮し，限られた帯域幅を有効に利用して，ブラウザ速度を向上する技術。 Opera Turboをインストールしたブラウザでは，ウインドウの左下にアイコンが表示され，これをクリックしてOpera Turboのオン／オフを切り替える。Opera Turboを有効にしていると，アイコンの横に平均圧縮率が表示される。アイコンにマウスを重ねると，どれくらい帯域を節約しているか確認することができる。 同社が「Opera Web Optimization Proxy」と呼ぶプロキシ技

デジカメで撮った写真をプリントするのは非常に面倒だ。枚数を気にせず撮ってしまうので、後で選別するのが大変だし、プリンタのインク代もかさむ。むしろデジタルだけにオンラインで楽しむ方が正解だろう。 美麗なインタフェースのWebアルバム とは言え、単なる一覧では面白みがない。そこは、オンラインならではの見せ方を考える必要がある。デザイン性に優れたLifeboxを使ってみるのも良さそうだ。 今回紹介するオープンソース・ソフトウェアはLifebox、写真や動画に対応した美麗なWebアルバムソフトウェアだ。 Lifeboxは何となく、随所にまだ修正すべき点が残っているような気がする。筆者環境ではうまく動かなかったり、日本語が文字化けてしまう部分もあった。だが、そんなことを気にしなくなるほど、インタフェースは奇麗だ。 この何とも言えない、奇麗なログイン画面！ 黒が基調になったインタフェースで、角丸を活か

Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...

Slim3では、ルートパッケージ直下がagileパッケージとfirmパッケージに分かれます。agileパッケージには、agileに開発する必要のある機能要件に応じたクラスが入ります。firmパッケージには、ユーザの要件には直接関係しない非機能要件に応じたクラス(一般的にはインフラストラクチャ層のクラス)が入ります。 例えば、ルートパッケージがtutorialの場合、次のようになります。agileとかfirmの名前はもちろん自由に選べます。 tutorial root package tutorial.agile agile package tutorial.agile.action agile package for action tutorial.agile.xxx agile package for xxx tutorial.firm firm package tutorial.fir

未来のセキュリティイノベーターへ 初のオンライン開催となったSecHack365 20年度成果発表 から見えてきた新たな兆し ネットワークもサービスとして使う いま企業ネットワークが受ける大きな制約 クラウドシフトで大きく変わる！ 厳しい目が向けられる内部不正 ますます高まるコンプライアンス水準に 企業が追いつく鍵はテクノロジー活用 コスト・運用の壁を崩す！ DX時代のゼロトラストセキュリティ戦略へ 中堅・中小企業に向けた手が届くEDR 性能の大幅向上を実現！ 最新AMDプロセッサを採用した最先端H/W ユーザーの求める幅広いラインナップを実現 クラウド活用 虎の巻 多くの構築・運用の実体験からの知見 知っておきたいAWS活用のポイント データの散在と非常率運用がネック 企業のDXをITが妨げる喜劇を回避するために キーマンが明かすデータ管理基盤の重要性 デジタルを当たり前と言えるか？ 現

プログラミング言語Ruby上で動作するオープンソースのWebアプリケーションフレームワーク「Ruby on Rails」バージョン2.3が、3月16日リリースされた。頻繁に改良されることで知られるRailsだが、今回のアップグレードは、Rack対応などこれまででもかなり大きな変更となっている。アナウンスおよびリリースノートによると主な概要は次のとおり。 テンプレート アプリケーションジェネレーター「rg」を統合したことにより、テンプレートベースのアプリケーションを生成できる。 エンジン Rails Engine（他のアプリに埋め込むことができるRailsアプリケーション）機能のいつくかをサポート。 Rack 既存のCGIに代えて、WebサーバーインターフェースRackをサポート。 Metal 高速なマイクロフレームワーク「Rails Metal」のサポート。 ネスト 複雑なフォームを記述す

加速度センサを使うには、UIAccelerometerDelegateをdelegateしたいオブジェクト（controlerとかviewとか）にプロトコルを追加。具体的には // UIViewにUIAccelerometerDelegateプロトコルを追加 @interface EAGLView : UIView <UIAccelerometerDelegate> { とか // アプリクラスにUIAccelerometerDelegateプロトコルを追加 @interface MyAppDelegate : NSObject <UIApplicationDelegate,UIAccelerometerDelegate> { とか こんな感じで追加したいトコに記述（ViewControllerとかのがいいかも） これで初期化時に以下の記述を追加してやれば、加速度センサイベント起きるように

「ひとりWiki」として孤高の未知のエリアに到達しつつあるTiddlyWiki（※）っていうのがあります。 これおもしろい。「テキスト処理に特化した個人用のHTMLアプリにHTTPサーバなんか要らない」というコンセプト。つくりとしての面白さもあるんですが（つまりWikiなんでページ単位なんですが、多くの追加機能がJavaScriptを含むページ＝プラグインで実装されていて、プラグイン間・データプラグイン間はタグを媒介に疎結合します。インポートによってページデータと実行コード区別せずに取り込める）、非常にユニーク。 これをDropBoxと組み合わせるとえらい便利です。 これって、私見ですが、おおげさかもしれませんが、次世代のアプリのありかたのひとつを予感させます。キーワードは「クラウド＆HTML5＆モバイル」です。（モバイルというか、「複数ＰＣから共有」か） 考えてみると、WEBアプリ開発っ

iPhone で San Francisco の鉄道・バス路線図を表示するサンプルアプリを作ってみたのでソースを公開します。 http://github.com/psychs/iphone-samples/tree/master/SFMap 単純に地図の PDF を描画するとすごく重くなってしまうので、大きさの違う画像をいくつか用意して、ズームに従って表示する画像を変えていくようにしています。 UIScrollView を使ってナイーブに実装すると、UIScrollView のズーム状態を外からコントロールすることができないので、ズームが終了するたびに UIScrollView 自体を作り直したりする必要があります。 そこで、今回は UIImageView のサブクラスを作り、 - (void)setTransform:(CGAffineTransform)value; { float s

#25 (mongrel not compatible with Ruby 1.9) - Mongrel - Trac がーん。 Note that currently gem install mongrel under 1.9 doesn't work [and it shouldn't] but it fails because it requires fastthread, and fastthread doesn't compile under 1.9 [at least not the gem version]. Thanks for your help in this. しかし、fastthreadに依存しているのが問題であり、それを外せば良いようにも見える。 こんなやりとりも。 mongrel and fastthread on ruby 1.9 - Ruby Forum ど

皆さんこんにちは、川口です。コラムの第6回「IPSは“魔法の箱”か」でまっちゃ１３９で講演をしたお話を書きましたが、今度は関東でやっている「まっちゃ４４５」にお招きいただき、お話ししてきました。 まっちゃ４４５は募集開始から定員が埋まるまでがとても速く、今まで参加したことがなかったのですが、今回は運良く（？）講師側ということでキャンセル待ちにならずに参加することができました。ロックオンの福田さんがオープンソースのECサイト構築システム「EC-CUBE」に脆弱（ぜいじゃく）性が発見された際のインシデントハンドリングのお話をされていました。EC-CUBEにSQLインジェクションとクロスサイトスクリプティング（以下、XSS）が発見されたあとの対応のお話です。JSOCで日々インシデントにかかわっているいる自分としてはとても興味深い内容でした。 日本のエンジニアのセキュリティ意識は過剰？ 今回のよう

本稿は「“＠IT情報マネジメントSpecial ソリューションFLASH”に掲載された「情報共有が、業務を効率化し、新たな発想を生む」（2008年9月）を一部修正のうえ、転載したものです。 近年、企業内の情報量は増加の一途をたどっている。そうした中、多くの企業において、情報共有への取り組みが重要な経営課題の1つとして認識されているが、情報共有を行う目的、意義とは何なのだろう？ まずはそこからあらためて振り返ってみたい。 1つ目に挙げられるのは業務効率の向上だ。通常、業務に必要な情報は個々人のローカルPCや共有のファイルサーバにファイルの形で保存されていたり、業務ごとに構築されたデータベースなどに保管されていたりする。 しかし、この状態で単純にファイル量やデータベース数が増えると、必要な情報を探し出すのが次第に困難となり、著しく業務効率が低下する。その点、あらゆる情報を整理してストックしたり