こんな属性があるのを知らなかった。 実際には、Iframe の属性ではなさそうだが。 どうも、javascript で以下のように指定してあげる事により、 リッチなテキスト編集機能が有効になるようだ。 iframe.contentDocument.designMode = "on"; ちょっとサンプルを作ってみた。 選択範囲の色変えたり、画像貼付けたり出来ます。 http://gomibako.hahaue.com/rth.html (Firefox only) 実際に文字の状態を変化させたりしたい場合は、 同要素の execCommand メソッドを使用すればよい。 たとえば、文字を太字にしたい場合は、 以下のように指定するだけで良い。 iframe.contentDocument.execCommand("bold",false,null); 色を赤くしたければ、 iframe.con

以下の内容は、古い内容です。 新しい記事で情報を確認してください。 http://blog.madapaja.net/entry/2012/05/09/070500 選択範囲のテキストを操作するためのjQueryプラグイン jQuery.selection を書いたので、アップしました。 IE6やFireFox3.5、Google Chrome 6など主要なブラウザでチェック済みです。 ファイルはこちら http://jquery-selection.googlecode.com/svn/tags/（URLが間違っていたため訂正しました） http://code.google.com/p/jquery-selection/downloads/list (圧縮ファイル) デモはこちら jQuery.selection - jQuery Plugin DEMO 簡単な説明 bold;">$.g

新米と秋刀魚のわた焼き お刺身用の秋刀魚を買いました。1尾250円です 3枚におろして、秋刀魚のわたに酒、味醂、醤油で調味して1時間ほど漬け込み、グリルで焼きました 秋刀魚のわた焼き わたの、苦味が程よくマイルドに調味され、クセになる味わいです 艶やかな新米と一緒に 自家製お漬物 土…

contenteditable （直接編集） の傾向と対策 【 ありのごとくあつまりて 】 この記事に含まれるタグ （Keyword） : 直接編集  contenteditable  ブラウザ contenteditable （直接編集） の傾向と対策 2010/01/10 (日)  カテゴリー： ブログ雑記・その他 スクリプトを使わなくても Web上で文字や画像を直接編集させる方法　最近、この contenteditable="true" について新たな収穫（？）があったので載せておきます。 contenteditable="true" を使ったページ （実例） ブログ外　ソースの 直接編集・コピー用ページ　私が多用しているスタイル ブログ外　ソースの 直接編集・コピー用ページ　<pre> を使えばタブも扱える ブログ内　ソースの 直接編集・コピー用ページ　記事ではなく テンプレートで

CSS3を使うにあたっていつも問題になるのが Internet Explorer（IE）です。CSS3への対応が遅い上に、旧バージョンを使い続けているユーザーも結構いますので、CSS3を使うことに躊躇する人も多いのではないでしょうか？ ということでCSS3を使うにあたって知っておきたいIE対策を紹介します。 1. CSS3の対応状況を確認する まず、IEのバージョンごとでCSS3にどこまで対応しているか知っておく必要があります。個人的によく使っているのはこのサイトです。 CSS3 & HTML5 Browser Support CSS3で追加されたプロパティ、セレクタについてブラウザごとの対応状況が分かりやすく表示されています。 2. CSS3セレクタに対応する セレクタはSelectivizr.jsだけあれば簡単に対応できます。「CSSセレクタって何？」「CSS3セレクタってどういうもの

日本でもオープンデータの取り組みが大きく動き始めた。昨年7月にIT戦略本部が電子行政オープンデータ戦略を発表し、12月に電子行政オープンデータ実務者会議が立ち上がり、2月に入ってオープンデータIDEABOXで意見を募集し始めている。さっそく経済産業省がOpenData METIを立ち上げてデータを公開し始めた。公開に当たっては利用者が扱いやすいフォーマットで提供できるに超したことはないが、準備に時間をかけるよりはExcelで構わないから提供可能な文書から公開し、フィードバックを受けて段階的に改善した方がいい。 政府の保有している情報のうち統計や地図、道路情報など利用価値の明確なものは既に公開または商用化されている。これから公開するデータとして検討の俎上に上がるとすれば、何らかの行政目的のために収集され、ビジネスや学術分野で副次的な利用価値があり、かつプライバシー等の課題をクリアして公開でき

このところ日本でも広く親しまれるようになったデジタル書籍。2012年、すでにデジタルが紙書籍の売り上げ部数を抜いたアメリカでは、この傾向を分析したり、歓迎したり、憂えたりするブログやコラムをよく見かけます。 今回お届けするのも、そんな話題のひとつ。ニュースサイト『Mashable』に掲載された「紙の本が決してなくならない理由」という記事です。様々な意見を取り入れた興味深い内容をご紹介いたします。 「いずれ紙の本はなくなってしまうのでは」という不安をよく耳にします。たしかにデジタル書籍の「管理と持ち運びの楽さ、マルチメディア性」といった便利さは圧倒的。保管場所がいらない利点もあります。では、場所を取っても残したい、紙の本にしかない良さとは何でしょう？ ■モノとしての美しさ 本が売れるためには、書店の棚で目立つ必要があります。そのため、紙の本は商業デザインとしての高度な歴史を持っています。美し

起業をしたいけど、なかなか一歩を踏み出せないあなたに、「日本の開業率を10%引き上げます」をミッションにし、起業家支援を行う 株式会社ビジネスバンクグループの代表取締役である浜口隆則氏の講演「20代で起業するために今すべき10の方法」の内容をお届けしよう。

平素は株式会社ライブドアのサービスを ご利用いただきありがとうございます。 提言型ニュースサイト「BLOGOS」は、 2022年5月31日をもちまして、 サービスの提供を終了いたしました。 一部のオリジナル記事につきましては、 livedoorニュース内の 「BLOGOSの記事一覧」からご覧いただけます。 長らくご利用いただき、ありがとうございました。 サービス終了に関するお問い合わせは、 下記までお願いいたします。 お問い合わせ ※カテゴリは、「その他のお問い合わせ」を選択して下さい。

就活で二強ともいえる東京大学と京都大学。しかし京大生は東大生と違って個性的で就活で苦労するという声もある。作家で人材コンサルタントの常見陽平氏が採用から見た京大生を解説する。 ＊　＊　＊ 「京大生は使えないって、本当ですか？」 ある人から、こんな質問を頂きました。京大といえば、日本トップクラス、関西トップの大学であり、もともとは日本で2番めに出来た帝国大学です。その学生が使えないって、どういうことなんでしょう？ よくよく聞くと、ネタ元はベストセラーになっている『採用基準』（伊賀泰代　ダイヤモンド社）でした。「マッキンゼーの採用マネジャーを12年務めた著者が初めて語る」という触れ込みだけに期待は高まりまくる本です。 ちなみに、著者の伊賀泰代さんと著名ブロガーちきりんさんって、同一人物だという説が。いや、公然の秘密のようですね。マッキンゼーの方と会食した際は「ちきりんさんの面接でのジャッジはす

去る1月11日金曜日、プログラマー兼活動家のAaron Swartz氏がニューヨーク市で自ら命を絶ちました。昨年の夏、Aaron氏は米Lifehackerに彼の偉業である「Raw Nerve」シリーズに関する記事2つの掲載を許可してくれました。彼のニュースを聞き、記事の再掲載を決めました。 1840年代の病院では妊婦の死亡が跡を絶ちませんでした。ウィーン総合病院に初めて設立された産婦人科では、産後の発熱により10％もの妊婦が命を落としていました。しかし、次にできたクリニックの死亡率は4％であったため、このクリニックへ入れるようにたくさんの妊婦が必死に願っていました。ウィーン総合病院に入ると聞いた妊婦の中には、道で出産する決断をした人までいたそうです。 ウィーン総合病院でアシスタントをしていたセンメルヴェイス・イグナーツ氏は何とかふたつのクリニックの違いを探そうとしていました。彼はあらゆるこ

便利そうなので備忘録。iOSやAndroid、タブレットやPCサイト等にだけ、限定したコンテンツをショートコードで表示可能にする、というWPプラグインです。記事部分は共通になってしまうので、こういった方法をショートコードで出来るのは楽ですね。 ほぼ同等のものを以前の案件で作ったのですが、プラグインが存在してたのでメモ。ショートコードでモバイルデバイスにのみ表示させられるようにするプラグインです。 とはいえ、まだ使った事無いので正常動作するか不明です。その程度の記事という事でご了承ください。 記事部分は共通になってしまうのでショートコードで表示/非表示を分岐しよう、というもの。結構便利だと思います。 [ios]iOSでしか見れないよー[/ios] こんな感じで使うみたい。 用意されたショートコードはPCサイト用、モバイル用、iOS用、Android用、タブレット用、Blackberry用、k

Quick Lookの機能を強化するプラグインと、Quicklookでソースコードをハイライト表示してくれる「QLColorCode」を自分好みにカスタマイズする方法、ついでに小技なども含めた17個のTips集です。 微妙な感じのプラグインが少し混ざってますが、メモを兼ねてまとめて記事にしてみました。 Quick Lookを快適にする17のTips  目次 QuickLookでシンタックスハイライト JSON形式のファイルを表示 Appleスクリプトを表示 拡張子のないファイルを表示 Markdownで書かれたファイルを表示 CSVファイルを表示 ZIP等の圧縮ファイルの内容を表示 パッケージファイルの中身を表示 画像ファイルのサイズを表示 Photoshopのブラシを表示 ZIPファイルのサムネイルを変更 SQLite3のデータベースを表示 Day Oneの日記を表示 NFOファイルを表

英フィナンシャル・タイムズの２月９－１０日号に掲載された、「アマゾンのこん包を解く」が、ウェブサイト上で多くのコメントを集めている（ネット上の購読は登録制で、場合によっては課金購読となることにご注意）。 本文の前には、「オンラインの巨人が英国で数千人を雇用した。それなのに、なぜ従業員の一部は幸せではないのか？」と書かれている。 イングランド地方中西部スタッフォードシャーの元炭鉱の町Rugeleyに、１年半前にアマゾンの巨大倉庫が建設された。地元の雇用に大いに役立つとして当初は大歓迎されたものの、実際には悲喜こもごもの展開となっている、と記事は書く。 スタッフの仕事は８時間シフト制で、休み時間は３０分。英国の最低賃金は時給６・１９ポンド（約９００円）だが、基礎的な作業についてはこれよりほんの少し上の６・２０ポンドを一律に払っているという。ほとんどがアマゾンが使う人材派遣会社からの雇用という形

FlightはTwitter社の開発した軽量なコンポーネントベースのJavaScriptフレームワークです。 BootstrapのリリースでWebサービス開発のデザインに革命的なインパクトを与えたTwitterから次いで登場したのがFlightです。コンポーネントベースのJavaScriptフレームワークです。 デモのメーラー風アプリケーションです。 メニューが出たりメールの選択ができます。 新しいメッセージの作成ウィンドウ。フローティングです。 こんな感じのファイル構成になっています。 Flightではコンポーネントから別なコンポーネントを参照できるようになっていません。他のコンポーネントをサブスクライブし、アクションが起こった時に伝えてもらう仕組みになっています。一つのコンポーネントの一つのアクションから複数の別なコンポーネント呼び出しなども簡単に実現できるようになっています。 Fli

物凄い仰々しいタイトルになっていますが、実は先日行ってきた「CSS Niteビギナーズ：Web解析」の受講レポートになります。すばらしく濃い内容で「ビギナーズ？嘘つけ！」などと思ったりもしましたが、すぐに試したいネタが満載で大変勉強になりました。 色々あって公開が遅くなりましたが、以下にナカムラが大事だと感じたポイントを書き留めて行きたいと思います。 一貫していた「解析と施策のスピード」という考え方 豪華メンバーの揃った今回の講演。皆さんほぼ共通していたのは「Web解析にはもっとスピードが必要だ！」という考え方でした。 解析はPDCAサイクルで言うところの C（チェック）の部分なので、さっさと A（改善）に移ってアレコレ試さなきゃ役に立たないよ！ということですね。 で、沢山の解析効率化ネタが紹介されたんですが、中でも特に僕の気になった物を以下にピックアップしてみます。 イベントトラッキング

ご無沙汰しております。約半年ぶりの記事です。 この間、ずっと iOS アプリ開発の本を書いていました。タイトルは「プロの力を身につける iPhone/iPadアプリケーション開発の教科書」です。 出版社様から書籍執筆のお話を頂いたのが約1年半前でした。やっと発売にこぎつけることができました。2月26日発売です。早ければ22日から書店に並ぶと思います。 本の内容のいくつかは当ブログの記事が元になっています。iOS アプリ開発をはじめられたばかりの方からバリバリ開発している方まで幅広く読める内容になっています。魂込めて書いた自信作ですのでよろしくお願いします。 発売に先駆けて「プロの力を身につける iPhone/iPadアプリケーション開発の教科書」の目次を紹介させていただきます(ついでに元になったブログ記事へのリンクをはっておきます。中身検索的な感じでお使いください)。 iPhone/iPa