ここまでやるか。SQLiteをJavaScriptに変換·SQL.js MOONGIFT
SQL.jsはSQLiteをEmscriptenを使ってJavaScript化したソフトウェアです。 SQL.jsはWebブラウザ上で使えるデータベースです。Emscriptenを使ってSQLiteをJavaScriptに変換した面白いソフトウェアです。 デモです。テキストエリアに書かれたSQLを実行できます。 実行した結果です。最終的な結果だけが出力されています。SELECTの結果はJSONデータとして取得されています。 もちろん普通にSQLが使えます。 日本語は出力時は化けてしまいましたがデータ上は問題ないと思われます。 SQL.jsはSQLiteがそのままJavaScriptになってしまったようなソフトウェアです。慣れた使い勝手でSQLを実行したり、データを取得できてしまうのは面白そうです。なお現状Google ChromeやFirefoxにしか最適化されていません。 SQL.jsは
3ヶ月で英語は話せる？忙しい人のための効率的な英会話トレーニング
Tweet Pocket 「英会話ができるようになりたい！」となると、なぜか多くの人が、いきなり完璧な英語を目指してしまい、間違った学習法で何年も無駄にしてしまいます。 例えば、あなたは下記のようなステップを踏まなければ、英会話はできないと考えていませんか？ １万語の英単語を暗記しなければいけない1000以上もある細かい英文法や構文を覚えなければいけない最低1500時間のリスニングをしなければ英語耳はできないそこまでこなして、ようやく覚えた英会話を試す段階になる これを、全てこなそうとすれば、どれだけ少なく見積もってみても３年はかかります。そして、毎日の仕事に忙しい社会人の方なら、５年、１０年とかかってしまいます。 しかし、私が思う英会話学習の何よりの問題は、英語学習者さんのほとんどが、こうしたステップを踏まなければ、「英語を話すことはできない」と思い込まされているということです。 そこで
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
よく分からずにトーンカーブを使っている人に。 - kojika17
画像の色調補正する時、何を使いますか？ 私の場合、基本的な画像補正はトーンカーブ1つでほとんど済ませてしまいます。 トーンカーブは使い方が分かれば、簡易的に明度、色調、コントラストなどを補正できる強力なツールになります。 Photoshopベースで紹介しますが、FireworksやGIMPでもトーンカーブを扱えますので、参考になれば幸いです。 トーンカーブのデモで使用する画像は、フリーで配布されているPAKUTASOさんから写真をお借りして、説明します。 トーンカーブ基本 縦軸と横軸は、0から255まで階調を表しています。 画像モードがRGBの場合、縦軸は上から下に向かって暗くなり、横軸は左から右に明るくなります。 横軸が入力、縦軸が出力を表します。もっと噛み砕くと、横軸が元画像の階調、縦軸が補正後の階調です。 斜めに走っている線にはいくつも点が打て、曲線や直角にしたりできます。 階調の出
【Twitter実験】つぶやきだけで個人を特定できるのか？ | オモコロ
こんにちは、セブ山です。 みなさんはTwitterでどんなつぶやきをしていますか？ おそらく、今日の予定をつぶやいたり、ランチの写真をアップしたり、あなたの「今」を仲の良い友達に向けてつぶやいていることでしょう。 しかし、本当にそのツイートはあなたの友達だけが見ているのでしょうか？ もし、知らない誰かにあなたのつぶやきを覗かれていたとしたら…？ つぶやいた内容を手掛かりに個人を特定されてしまうかもしれませんよ！？ 今回は、そんな個人情報垂れ流し社会に警鐘を鳴らす実験をおこないます！！ ■ルール説明 １．Twitterの検索機能を使って「渋谷なう」とつぶやいているアカウントを探します。 ２．「渋谷なう」の検索結果をもとに、さらに詳細な個人情報を垂れ流しているアカウントを割り出します。 ３．そのアカウントのつぶやきをこっそり監視して、個人を特定し、実際に捕まえるためにハンター（セブ山）が渋谷の
[JS]要素の一つひとつを異なるタイミングでスライドさせる、パララックス対応のコンテンツスライダー
jQueryとCSS3アニメーションを使った、パララックス対応のコンテンツスライダーを実装するチュートリアルを紹介します。 Parallax Content Slider with CSS3 and jQuery [ad#ad-2] デモ 実装 デモ 一枚のスライドには、h2要素、パラグラフ、リンク、画像が配置されており、それぞれが異なるタイミングでスライドします。 分かりにくいかもしれませんが、背景もアニメーションで動いています。 Kendo UI こちらも当然パララックス対応のコンテンツスライダーです。 こっちの方が背景がはっきりしてるので、その動作を楽しめると思います。 実装 実装は各ポイントとなる箇所を説明します。 HTML スライダーは複数のスライドを含んでおり、それぞれのスライドにh2要素、パラグラフ、リンク、画像を含んでいます。 <div id="da-slider" cla
制作会社の人がやってしまいがちなSEO基本中の基本のミス など10+2記事（海外&国内SEO情報） | 海外&国内SEO情報ウォッチ
SEOに重要な基本的要素で、ウェブ制作会社が大切なことを見逃して失敗しがちなことを指摘した記事。Webディレクターとしてサイトの制作に携わっていたときに発見したというもので、次の4つの失敗パターンを挙げている。 titleタグにキーワードを入れないtitleタグやmeta descriptionの重複を気にしないrobots.txtやsitemap.xmlを設置しないデザインを優先して隠しテキストを使ってしまう1つ目と2つ目は実際に多いと筆者も実感している。SEOとしては基本中の基本であるし、titleタグにキーワードを入れることと各ページにユニークなtitleタグとmeta descriptionタグを設定することは、ユーザーにページの内容を伝えるうえでも重要だ。 3つ目のrobots.txtとXMLサイトマップは大切ではあるが必須ではない。robots.txtはクロールをブロックするペ
enchant.js 怒涛の 100 tips | TM Life
※ phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです. enchant.js 怒涛の 100 tips!! ローカル整理してたら昔勉強がてら作った enchant.js のサンプルが大量に出てきたので, 整理するついでに公開しようと思います. 最終的に 100超えちゃったけどw(全部で102個あります) 逆引きてきな感じでまとめてます. 参考になれば幸いです. 全て jsdo.it に移植したので Web上で実行できます!! fork なりダウンロードなりして遊んでくださいな♪♪ Tips Base(基本) 基礎です. enchant.js のテンプレートを用意しよう Entity(エンティティ) 表示物系の基底クラスです. 内部で DOM を持っているので表示は
マイクロソフト西脇資哲氏に学ぶプレゼンとデモの秘訣 : 小野和俊のブログ
昨日はマイクロソフトの西脇さんのMIJS会員向けエヴァンジェリスト養成講座に参加してきた。 前職のオラクル時代に一度、現職のマイクロソフトで一度、計二回西脇さんのプレゼンとデモを見てすっかりファンになった私は、その彼がプレゼンとデモの秘訣を披露してくれるということで、これは参加しない手はないだろうと思い、イベントの開催告知が届くや否や、すぐに参加申し込みをしたのだった。 とても勉強になる内容だったのでブログで書いても問題ないかと確認したところ、OKとの回答をいただいたので、以下に私が講義を聴きながらメモした内容を書く。 -------- ■ はじめに 今日の講座はプレゼンテーションとデモンストレーションに関する講座。 オラクルに13年いて、今はマイクロソフトにいる。 エヴァンジェリストという仕事は、会社の製品や取り組みを、自社の製品を好きでない人に対しても、魅力的に伝える仕事。 マイクロソ
ブログ更新を快適にブロガー必須のブックマークレット まとめ | nori510.com
どーもノリ五藤( @nori510 )です。 ブログを書く上で、どうしても必要な手間がかかる部分があります。リンクを貼ったりとか、HTMLのタグうちなど。 そういう手間は、なるべく減らしたい。 という事で、今回はブログ更新の手間を減らす私がブログ更新に使用している便利なbookmarkletをまとめてご紹介してみようと思います。 ブロガーに必須のブックマークレット まとめ その0 ブックマークレットを超絶快適に使う為のChrome エクステンション『Keyconfig』 まず、PCでブックマークレットを使用する時などに、ほんとに素晴らしい働きをしてくれるchromeの拡張機能『Keyconfig』をご紹介させて頂きます。 ブックマークレットを語る上でコチラは欠かせません。 キーボードショートカットをブックマークレットの起動に割り当てれば、超快適にブックマークレットを使用できます。 使用頻度
スマートフォン、タブレット、デスクトップのためにレイアウトの幅をどのように設計すればよいか
iPhoneやAndroidなどのスマートフォン、「新しいiPad」などのタブレット、そしてデスクトップなど、さまざまなデバイスの幅に対応させるResponsive Web Designのために、どのようにレイアウトの幅を設計し、いくつレイアウトを用意するのか3つの方法を紹介します。 各デバイスの幅は、2012年3月のデータです。 A Simple Device Diagram for Responsive Design Planning [ad#ad-2] 下記は各ポイントを意訳したものです。 キャプチャに使用している画像は元記事よりPSDファイルでダウンロードできます。 各デバイスのサイズ レイアウトを3つ レイアウトを4つ レイアウトを6つ 各デバイスのサイズ まずは、2012年3月現在の各デバイスの幅です。 ※クリックで拡大 ポイント 上段：ポートレイト（縦置き）、下段：ランドスケ
シンディー・ローパー記者会見 at日本外国特派員協会：全文掲載です | NHK「かぶん」ブログ:NHK
東日本大震災から１年に合わせて来日している、世界的なポップスターのシンディ・ローパーさんが、１２日に日本外国特派員協会で開いた記者会見の全文を掲載します。 無名時代に日本料理店で働いていたこともあるというシンディさん、会見では日本のファンや被災地への思いとともに、大ヒット曲「ガールズ・ジャスト・ワナ・ハブ・ファン」の邦題名にまつわるエピソードなども披露しました。 シンディ・ローパーさん記者会見 3月13日13時から日本外国特派員協会にて ～ニホンを忘れないで～ シンディ： こういう場は初めてなのでどんな感じになるのか分からないのですが、依頼があったのでどんな風になるかな？と思いながら依頼を受けることにしました。みなさん、元気ですか？ 昨年私達は、地震のあと残りました。というのもこの国には1983年以来、長い関わりがありますし。日本にいる仲間たちと一緒に密接に働いてきました。長い時間、実
アップルのデザインの進め方、責任者ジョナサン・アイヴが語る
アップルのデザインの進め方、責任者ジョナサン・アイヴが語る2012.03.15 22:006,721 福田ミホ アップルをアップルたらしめている何かが、感じられます。 MacBookやiPhone、iPadといったアップル製品に共通する大きな特徴のひとつは、それぞれに独自性が高く美しいデザインです。そんなアップルのデザインを取り仕切る人物は、インダストリアルデザイン担当上級副社長のジョナサン・アイヴです。彼はデザイン業界への貢献を評価され、出身国であるイギリスから｢ナイト｣の称号も与えられています。 そんなアイヴが、ロンドン・イブニング・スタンダード誌でのインタビュー記事の中で、アップルのデザインの秘訣に触れつつ、他社の問題点も指摘しています。また、我々ユーザーについてアップルがどう見ているのかも、話しています。 以下、インタビュー記事からの抜粋です。 Q：アップルのデザインは、どこが｢違
あの最強のメールアプリ Sparrow が iPhone アプリに登場で Gmail が iPhone で超絶使いやすくて iPhone のデフォルトメールアプリが不要に！ | ウェブル
あまりにも Sparrow が便利すぎて胸の鼓動が止まりません。インストールして触ってたら便利すぎて涙出てきました。仕事が捗るとかのレベルじゃなくて、今すぐ皆さんにもおすすめしたいので記事にします。 Sparrow のダウンロードはこちら まず Sparrow って何 iPhone で物凄い効率的にメールを受信したり送信することができるアプリです。以前も紹介したのは Mac 版の Sparrow でしたが、それの iPhone 版になります。 正直 Mac でメール管理する上で Sparrow が無ければもう生きていけない程に重宝しています。有料アプリですが、正直このアプリが5倍の値段でもおかしくないと思う程に便利です。 Sparrow の iPhone アプリが出た！ 今回それの iPhone 版が出たわけですからレビューなども見ずにイキナリ購入したところ、やっぱり期待を裏切らないどころ
screen(だけ)の時代は終わり。tmuxでリモートコンソールを便利に使うTips
でサクっとインストールできます。tmuxコマンドをタイプすると、コンソールが表示されると思います。 ○ よく使うtmuxコマンド 私は下記のコマンドをよく使います： tmux attach - すでに開いたセッションにアタッチする tmux list-windows (C-b w) - ウィンドウの一覧を取得する tmux new-window (C-b n) - 新しいウィンドウを作る tmux detach-client (C-b d) - クライアントをデタッチする tmux list-keys (C-b ?) - キーバインドの一覧を表示する tmux next-window (C-b n) - 次のウィンドウを表示する tmux previous-window (C-b p) - 前のウィンドウを表示する tmux kill-window (C-b k) - ウィンドウを強制的に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事