ドットインストール代表のライフハックブログ
Perl › 正規表現 Perlの正規表現の解説です。この記事を読めば、日常で利用する正規表現のすべてを短時間でマスターすることができます。正規表現を使えば、文字列の集合を表現することができ、正規表現にマッチする文字列を検索したり、置換したりすることができます。 正規表現を使って文字列の集合を表現できます。たとえば「a」「aa」「aaa」という三つの文字列を正規表現で表現してみましょう。連続する文字の個数を表現する正規表現「{}」を使って次のように書くことができます。 a{1,3} 「a」「aa」「aaa」という文字列の集合をひとつの正規表現「a{1,3}」で表しています。{}は量指定子と呼ばれるもので、連続した文字を表現することができます。 a aa -> a{1,3} aaa 正規表現の例をもう一つみてみましょう。「p1」「q1」「r1」という文字列の集合をひとつの正規表現「[pqr]
HEADS UP! This article was written for an older version of node. More up-to-date information may be available elsewhere. One of the secrets to being a super effective JavaScript developer is to truly understand the semantics of the language. This article will explain the basic elemental parts of JavaScript using easy to follow diagrams. References Everywhere A variable in JavaScript is simply a la
Opera for iOS Introducing Opera One for iOS: a fresh take on mobile browsing August 14th, 2024 We're excited to announce the launch of Opera One for iOS, our redesigned, AI-powered browser for iPhone. Opera requests that the EU General Court secure the DMA’s promise of free browser choice... July 12th, 2024 Opera is appealing the EU Commission’s decision not to designate Microsoft Edge as a gateke
「Clue」はウェブサイトが短時間でどんな印象を与えるかユーザテストできるサイトです。5秒間でウェブサイトを眺めて、その後すぐに「どんな印象が残りましたか?」というアンケートがとれます。ユーザの意見をきくことができますし、はじめの数秒でどんなインパクトが与えられたかもチェックできますね。 以下に使ってみた様子を載せておきます。 まず「Clue」にアクセスして、テストしたいサイトのURLを入力します。 スクリーンショット作成のため、その後しばらく待機です。 スクリーンショットが生成されたら、テスト開始です。 5秒間だけ先ほど指定したサイトを眺めることができます。 普通にウェブサイトを見る感じで、スクロールしましょう。5秒経つと画面が切り替わります。 どんな印象をもったのか、覚えてることを書いてくださいという内容。 結果も閲覧できます。 自分でやってもあんまし意味はないかと思いますので、他人に
twitter公式で発表されたtweetボタンをwordpressで使うプラグインです。 tweetMemeが日本語的に対応が今一だったので乗り換えてみました。 発表後いくつか同様のプラグインが出てるみたいですがこの「WP Tweet Button」がstat的にも安定して人気がある模様。 機能もしっかりしていて以下のような特徴があります。 tweetmemeのwidth指定を変更しなきゃいけない点や「リツイートこの」にイラッっときた方は試す価値あるかもしれません。 ボタンの表示位置を記事の上、下、両方、ショートコード、マニュアルと細かく設定できる 表示対象も投稿記事、単一エントリー、ホームページ、rss、Mobile用ページと設定できる 表示形式は視覚的に選択可能 リツイート時のテキストをカスタマイズできる (全体のフォーマットは2種類のみでちょっと残念) ボタン用のCSSス
iOS 4のSDKで、Twitterを使ったiPhoneアプリを作る:SDKで始めるiPad/iPhoneアプリ開発の勘所(4)(1/4 ページ) 初めてiPhone/iPadアプリ開発に挑戦する人が、迷わず短時間でアプリを作れるように、数多くの情報の中から要点をグっと絞った開発の勘所を紹介する入門連載です 連載第3回「iPhone/iPadアプリ作成の仕上げ・国際化・デバッグ」では、完成したアプリの仕上げ作業や、開発時のデバッグ方法などを紹介しました。これまでの連載で、アプリ開発の基礎については一通り解説しました。今回からは、開発環境をiOS 4のSDKに更新し、さらにさまざまな機能の実装について紹介していきたいと思います。 今回は、Twitterアプリの作成を通し、Webサービスと連携したiPhone/iPadアプリの作成方法について解説します。 サンプルTwitterクライアントの概
明示的 意味 แพลตฟอร์มการเรียนรู้และพัฒนาทักษะด้วยเทคโนโลยี https://suin.io เป็นแพลตฟอร์มที่ให้คุณเรียนรู้และพัฒนาทักษะทางเทคโนโลยีอย่างสะดวกสบาย เรามุ่งมั่นในการให้ความรู้และประสบการณ์ที่มีคุณค่าในการพัฒนาตนเอง pascalcase
LPO(Landing Page Optimization)とは Webサイトの中でユーザーが最初に開くページ(ランディングページ)を、アクセスしてきた条件により変化させることで、ユーザーを到達させたいページ・アクションへ導く手法のことです。 ページに訪れた際の検索キーワードや、広告を掲載していたページ(参照元URL)などにより振り分けるのが一般的ですが、ユーザーの地域・新規訪問かリピーターか・最終アクセスからの経過時間・アクセスした曜日・時間帯などによりターゲットを絞り込むことも、狙いによっては効果的です。 jLPOでできること 上で挙げたターゲティング表示機能のすべてが、jQueryのプラグインとしてLPOツールが簡単かつ無料で利用できます。高コストだった地域による絞込みも、GoogleAPIの利用で実現しました。(対応する地域の精度はGoogleAPIの機能に依存します。) 適用箇所
お絵かきやページのちょっとしたアクセントにもぴったりな水墨画のタッチが描けるPhotoshopのブラシを紹介します。
This series is brought to you by the Intel AppUp℠ Developer Program, which provides developers with everything they need to create and then sell their applications to millions of Intel Atom™ processor-based devices. Learn more here. We've also picked up some knowledge about trends in this field. Some of the trends are good; others, regrettable. Others still are simply overused, which is the saddes
This site is kept for historical purposes and represents original version of the Fancybox. Check out the latest - Fancybox v5 What is it? FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page. It was built using the jQuery library. Licensed under both MIT and GPL licenses Features Can display images, HTML elements, SWF movi
下準備〜コーディング Adobe Labsから、Spryフレームワークをダウンロード (要Adobe ID) (注)本記事でのSpryのバージョンは1.6.1です。 Adobe Labs - Spry framework for Ajax http://labs.adobe.com/technologies/spry/ ダウンロードしたフォルダの中の、widgets >> accordion を今回は使います。 今回は読み込み方は割愛(付属のSpryAccordion.htmlを参照)。次はカスタマイズ方法行くよ〜。 SpryAccordionのデフォルト動作を確認 こちらから確認できます JSファイルを編集 今回は、以下の2点に絞って見ていきましょう(Javascriptはあまり詳しくないので、自分はこれが限界っす…)。 アコーディオンの動くスピードを調整する クリックでアコーディオン動
ease系のJavaScriptプラグインで気持ちいい動きを演出 1ページの中に複数のページ要素を配置し、ページ内リンクで移動するタイプのサイトを目にするようになってきました。たとえば2007年度のグッドデザイン賞 コミュニケーションデザイン部門を受賞した石川県の温泉「多田屋」のサイトは、Flashを使い、1枚の大きな絵の中をスクロールして移動するUIとなっています。 図1 石川県の温泉「多田屋」のサイト 最近では、Flashではなく、JavaScriptを使って静的なページの中を遷移するタイプのサイトも見かけるようになりました。たとえば「Pline Studios of Architecture」はとても美しいUIとなっています。 図2 JavaScriptでページ内を移動する「Pline Studios of Architecture」 実装にはMITライセンスのscrollto.js
対象読者 jQuery UIに興味があり、使ってみたいと思っている方 必要な環境と準備 jQuery UIのダウンロード 執筆時点のjQuery UIの最新版は、1.8.2です。第1回を参考にダウンロードしましょう。 Dialog Dialogは、ユーザのアクションに対して、警告、問い合わせなどのダイアログを表示させたいときに利用します。例えば、ユーザ登録時に「登録します。よろしいですか?」といったメッセージや、データを削除させる時に「削除しますが、よろしいですか?」などのメッセージを表示させることができます。 今回は、ボタンをクリックすると、[OK]と[キャンセル]ボタンが配置されたダイアログが表示されるサンプルを取り上げます。 リスト1にDialogプラグインの使用例を、図1、図2に実行結果を示します。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
こんにちは、太田です。前回は__proto__を使ってJavaScriptにおけるプロトタイプについて解説しました。今回はそこから発展して継承の方法を学びます。 JavaScriptにおける継承 まず、目標とする形を確認しておきましょう。やはり、前回同様Google ChromeのデベロッパーツールかSafariのウェブインスペクタのコンソールにて、次のコードを実行してみてください。 dirによるElementの解析 dir(document.createElement('span')) 実行結果は次の通りです。 図1 Chromeでの実行結果#1 こちらの通り、WebKitではspan要素はそれ自身にいくつものプロパティを持っています。もっと下のほうを見てみると、 図2 Chromeでの実行結果#2 さらに、span要素にも__proto__があり、それはHTMLElementのprot
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く