プログラミングは最も“おトク”な習い事― ドットインストール 田口元氏の挑戦。［1］│CAREER HACK

2012/12/19 949 users CAREER HACK プログラミング IDEA*IDEA

《ドットインストール》というWEBサイトをご存知だろうか？ 「3分動画でマスターする 初心者向けプログラミング学習サイト」として、 2011年終わりにローンチされ、今やそのレッスン数は100以上。 1,600本を超える無料動画が掲載されている。 このサイトを運営するのが、長年多くのアクセスを集める超人気ブログである 『100SHIKI』『IDEA*IDEA』の管理人、田口元さんだ。 田口さんが今、... 続きを読む

正規表現をわかりやすく視覚化してくれる『REGEXPER』 | 100SHIKI

2013/01/02 931 users Regexper 一見 正規表現 視覚化 コード

おっと、これは便利かも。 REGEXPERを使えば、JavaScriptの正規表現をわかりやすく表現してくれる。 一見、難解な正規表現だが、これを通しても見ると「なるほど、この文字とこの文字にはされまれていて、この間は何の文字でも良いのだな」といったことがわかるようになる。 他の人のコードを読んでいて「？」となったときに試してみてもいいかもですな。 REGEXPER http://www.rege... 続きを読む

2000年から日替わりでドットコムを紹介しつづけた『100SHIKI』 | 100SHIKI

2018/08/31 784 users 日替わり ドットコム

2000年1月20日に思いつきで始めたサイトですが、気がついたら18年ぐらい経っていてびっくりですね…。 これまで毎日更新してきましたが、本日、2018年8月31日をもって更新終了としたいと思います。突然ですが。いままで読んでいただいた皆様、ありがとうございました。 このサイトを通じていろいろなことがありました。 ... 続きを読む

本格的な絵の描き方が学べる『DrawSpace』の教材量がすごい | 100SHIKI

2014/02/17 629 users lessons 教材 PDF ボリューム 人物

だいぶ前からあるけれど、久しぶりに見たらやっぱり充実していたのでご紹介。 DrawSpaceでは、本格的な絵の描き方をこれでもか！というぐらいのボリュームの教材で教えてくれる。 昔からあるので最近はやりの動画教材ではなくてPDFだが、美大に来たように細かく教えてくれる点が素晴らしい。 「人物の描き方」「線の描き方」「影の付け方」などなど・・・、トップメニューの「Lessons」から一覧が見られるの... 続きを読む

次のYouTubeはこれだ！簡単に文書が共有できる『Scribd』 | 100SHIKI.COM

2007/03/07 628 users YouTube Scribd Flash 各所 com

次のYouTubeはこれだ！簡単に文書が共有できる『Scribd』 March 7, 2007 10:15 AM written by webmaster これはすごい。 各所で話題になりつつあるが、とにかくご紹介。 Scribdはいわゆる文書共有サイトである。しかしユニークなのはアップされた文書をFLASHに変換し、簡単に見れるようにしてくれている点。 このサイトに文書をアップして貼り付け用のコ... 続きを読む

とってもお手軽なFavicon作成ツール『Favikon』 | 100SHIKI.COM

2007/11/14 605 users favicon com AM written ツール 特徴

これが決定版じゃね？とってもお手軽なFavicon作成ツール『Favikon』 November 14, 2007 9:17 AM written by webmaster これは便利。 Faviconをブラウザ上で作れるツールがFavikonである。もちろん、こうしたツールは他にもある。 ただ、Favikonは「画像のこの部分をFaviconにしてね」をブラウザ上で手軽に指定できる点が特徴である... 続きを読む

あなただけのプログラミングパートナー、『kite』がなんかすごい | 100SHIKI

2016/04/15 569 users KITE エディター ギャ ターミナル 命令

なにこれすごい。 Kiteはお使いのエディターやターミナルと連動するプログラミングサポートツールだ。 これを横でたちあげておくと「この命令はこういう意味だよ」「そこ間違ってるし」「サンプルコードはこちら」といったことを教えてくれるのだ。 秀逸なので自分が使っているツールをそのまま使える点だ。 まだリリース前だが、是非サイトのデモムービーを見てほしい。あなただけのプログラミングパートナー、というキャ... 続きを読む

各種サービスのAPI情報をまとめた『API for that』 | 100SHIKI

2013/05/03 559 users tumblr GitHub API情報 Dropbox 開発者

お、これは便利そう。 API for thatでは、各種サービスのAPI情報をまとめているようだ。 Dropbox、Tumblr、Github、などなどとの連携サービスを作るときに良いだろう。 もちろん自分で調べることもできるが、APIドキュメントはサイトの奥の方にあってうまく検索できないこともあるのでこうしてまとめられているとありがたい。 開発者だったら覚えておいても損はないですな。 API f... 続きを読む

あのサイトがどの技術で作られているのかがわかる『BuiltWith』 | 100SHIKI.COM

2007/08/14 559 users TechCrunch BuiltWith com エンジニア

あのサイトがどの技術で作られているのかがわかる『BuiltWith』 August 14, 2007 11:24 AM written by webmaster エンジニアにとって、これはなかなか素敵なサイトではないだろうか。 あのサイトってどんな技術で作られているのだろう？という疑問に答えてくれるのがBuiltWithだ。 試しにTechcrunchを調べてみると、アクセス解析にはGoogle ... 続きを読む

不要なところは削除して好きなところだけ印刷できる『Print What You Like』 | 100SHIKI.COM

2008/09/19 556 users com September ウェブページ ヘッダー ところ

不要なところは削除して好きなところだけ印刷できる『Print What You Like』 September 19, 2008 6:44 PM written by webmaster 不要なところは削除して好きなところだけ印刷できる『Print What You Like』 これは超絶便利！ よくウェブページを印刷するといらないヘッダーやらのおかげで意味不明なページを印刷することになるが、そう... 続きを読む

使われていないCSS設定があるか教えてくれる『Unused CSS』 - 100SHIKI ～ 世界のアイデアを日替わりで

2011/01/09 552 users 日替わり CSS Unused CSS アイデア ツール

似たようなツールは他にもあるが、シンプルで使いやすそうだったのでご紹介。 Unused CSSを使えば、使われていないCSS設定がどこにあるかを教えてくれる。 使い方は簡単で、チェックしたいサイトのURLを入力するだけだ。 すると、どのCSSファイルにどれだけ不要な設定が入っているかを教えてくれる。また、不要な設定を排除したCSSをダウンロードできたりもする。 サイトの開発がながびくと不要な設定も... 続きを読む

たったワンクリックであらゆるサイトのJavaScriptやCSSを圧縮＆最適化してくれる『zbugs』 | 100SHIKI

2011/05/01 542 users インターフェース CSS ワンクリック ファイル群 ファイル

これはすんごく便利・・・。 zbugsを使えば、ワンクリックであらゆるサイトのCSSおよびJavaScriptを圧縮してくれるようだ。 もちろん何パーセント圧縮されたかとか、どのファイルがどれだけ小さくなったかといったことの詳細も教えてくれる。 さらに圧縮したファイル群をまとめてダウンロードすることも可能だ。 サイトをつくったあとに、さらなるスピードアップを図るのにいいだろう。インターフェースも素... 続きを読む

ありがちなデータベース設計を共有することができる『DB Patterns』 | 100SHIKI

2012/10/15 500 users データベース設計 グラフィカル for 苦笑 テーブル

これまたマニアックな苦笑。 DB Patternsでは、ありがちなデータベース設計を共有することができる。 フォトアルバムだったらこういうテーブルがあって、こことこのキーが共有されるとかなんとかをグラフィカルに見ることができる。 まだ投稿も少ないし、いろいろ突っ込みどころもあるのだが、初心者のうちは確かに悩むところだし、便利なサービスではなかろうか。 ユーザー登録をするとすでにあるパターンをFor... 続きを読む

YouTubeの映像を見ながらギターを学べる『SoundSlice』 | 100SHIKI

2012/11/18 492 users YouTube SoundSlice インターフェース 半分

これはちょいと期待・・・。 SoundSliceはYouTubeで映像を見ながらギターが学べるサイトだ。 実際にギターを弾いている人の指の動きなんかを見つつ、コードも確認できるので学習効果が高そうだ。 またスピードを半分にしたり、コードをドラッグすることでループを作り、繰り返し練習する、なんてことも出来る。 インターフェースもシンプルだし、iPadにも最適化されている。これでギターに挑戦！という人... 続きを読む

デザインが素晴らしいプレゼンばかりをひたすら集めた『Notes & Point』 - 100SHIKI ～ 世界のアイデアを日替わりで

2009/09/04 490 users Notes Twitter KeyNote point ほか

これは素晴らしい。RSS購読決定だ（Twitterでもフォローできる）。 Note & Pointはスタイリッシュなプレゼンをひたすら集めたサイトだ。 PowerPointだろうが、KeyNoteだろうが、プレゼンをつくるときはデザインや見せ方に懲りたいものだ。 そうしたときにこのサイトで参考になるものを探してみるといいだろう。 単純に見た目がきれい、というほかに、情報の見せ方としても参考になるス... 続きを読む

スクリーンショット＋OCRを実現する『Kleptomania』 - 100SHIKI ～ 世界のアイデアを日替わりで ～

2007/05/13 487 users テキス 日替わり アイデア スクリーンショット 世界

スクリーンショット＋OCRを実現する『Kleptomania』 May 13, 2007 2:13 PM written by webmaster StructuRiseのKleptomaniaはちょっと便利そうだ。 このソフト、いわゆるスクリーンショットを撮ってくれるのだが、同時にOCR的な機能をもっているところがよい。 つまり、撮ったスクリーンショットに映っている文字を自動的に認識して、テキス... 続きを読む

商用利用もOK！BGMなどに気軽に使える無料の音楽素材『Purple Planet』 | 100SHIKI.COM

2009/01/18 485 users com BGM 商用利用 音楽素材 ミステリー

商用利用もOK！BGMなどに気軽に使える無料の音楽素材『Purple Planet』 January 18, 2009 11:52 AM written by webmaster 知っておくといいかも、な素材サイトをご紹介。 Purple-Planetでは無料の音楽素材を提供している。しかもすべて無料である。 素材はテーマごとに分類されており、「ドラマチック」「ホラー」「ミステリー」といったものが... 続きを読む

ネイティブがよく使う言い回しがどのような文脈で使われているか検索できる『Do People Say』 | 100SHIKI

2018/01/26 484 users 文脈 言い回し ネイティブ reddit ばばー

これは意外と役に立つかも…。 Do People Sayでは、ネイティブがよく使う言い回しがどのような文脈で使われているのかを検索することができる。 つまるところはRedditから検索しているだけだが、生きた英語がどのように使われているか、例文とともに紹介されるので参考になるのではないだろうか。 ただ、そのものずばりの意味が出てくるわけでないので、文脈から「ははーん、だいたいそういう感じね」と推測... 続きを読む

GoogleスプレッドシートをAPIにしてくれる『Sheetsu』がすごいな | 100SHIKI

2015/09/22 481 users API Googleスプレットシート データベース URL

ちょっと試してみたがこれは便利かも・・・。 Sheetsuは、GoogleスプレッドシートをAPIにしてくれるサービスだ。 使い方は簡単で、GoogleスプレッドシートのURLを入れてサービス連携するだけだ。 あとは指定されたURLでデータの取得や書き込みができてしまう。 Googleスプレッドシートをデータベース代わりにしてサービス構築、なんてこともできそうだ。データの更新が楽になりそうですな。... 続きを読む

「あのサイトではどんなツールが使われている？」が一発でわかる『Sitonomy』 | 100SHIKI.COM

2008/12/13 480 users システ アフィリエイト com RSS システム

サイトやブログを始めてみよう、という人におすすめしたいツールがSitenomyだ。 このツール、指定したサイトでどんなシステムが使われているかを解析してくれる。 アフィリエイトや広告、ブログのシステム、RSSの配信方法などなど、「お、こういうツールもあるのね」と新しい発見があるかもしれない。 もちろん新しくサイトを始める人以外にも、自分のサイトを改善したい人にも便利だろう。なにか役立ちそうなシステ... 続きを読む

無料かつ容量無制限！柔軟な設定ができて使いやすいオンラインストレージの決定版『LiveDrive』 | 100SHIKI.COM

2008/12/21 467 users オンラインストレージ アクセ com 容量無制限 文書

これは今のうちに登録すべきかも。 Livedriveは（ベータ版のうちは）無料かつ容量無制限のオンラインストレージだ。 こうしたツールはすでに数多くあるが、なんといっても容量無制限だし、細かい設定が柔軟にできるのが魅力だ。 個人的にぐっと来たのはファイルの拡張子によってアップロード、ダウンロードの優先度を設定できる点。画像はあとでいいけど、文書は早く送ってほしい、といったときに便利だ。 またアクセ... 続きを読む

トップ100万件を除外した検索エンジン『MillionShort』 | 100SHIKI

2012/05/03 459 users 逆転 発想 オプション スパム業者 検索エンジン

なんという逆転の発想。 MillionShortは、トップ100万件を除外して結果を表示してくれる検索エンジンである。 みんながしのぎを削っている検索上位ではなくて、あえてマイナーすぎる結果を探している人にはいいのかもしれない。 100万件ぐらいを除外するとスパム業者を避けつつ、本当にマイナーなサイトを見つけることができる可能性が高まるだろう。 またオプションでトップ何件を除外するか、という設定も... 続きを読む

文字起こしに特化した『oTranscribe』が細かいところまで良く出来ている | 100SHIKI

2014/01/13 449 users テキストエディタ ウェブサービス oTranscribe

これは気持ちの良いツールである。 文字起こしに特化したウェブサービスがoTranscribeだ。 基本的には音声ファイルが再生できるテキストエディタではあるが、細かいところがよく出来ている。 まず音声ファイルはローカルで再生されるだけで、サーバーにはアップロードされない。速度的にもセキュリティ的にも安心だ。 次にショートカットが充実している。「F1」と「F2」で巻き戻しや早送りができたり、あとは速... 続きを読む

ブラウザから手軽に使えるJavaScriptの統合開発環境『TIDE』 | 100SHIKI.COM

2007/11/20 438 users TIDE IDE 変数 com PM written

ブラウザから手軽に使えるJavaScriptの統合開発環境『TIDE』 November 20, 2007 5:05 PM written by webmaster これはすごい・・・。 TIDEは「Tiny IDE（統合開発環境）」の略らしい。 そのシンプルな名前にたがわず、実に手軽にJavaScriptを書いて、テストすることができる。日本語もきちんと通るようだ。 しかもIDEだけあって、変数... 続きを読む

ブラウザで正規表現のお勉強ができる『Scriptular』 | 100SHIKI

2012/03/20 428 users クライアントサイド 右横 インタラクティブ 正規表現 ブラウザ

よくあるツールではあるが、最近正規表現を勉強しなおしたのでご紹介。 Scriptularでは、インタラクティブに正規表現を試すことができるようだ。 エンジンとして使っているのはJavaScriptのようだ。クライアントサイドだけで試せるのでさくさく動いていい感じだ。 また右横にはリファレンス的に説明もあるのでいちいちどこかを検索する必要もない。 そろそろ正規表現を・・・という方は試してみてはいかが... 続きを読む