タグ

tutorialに関するgan2のブックマーク (42)

  • Big Sky :: Learn Vim Progressively

    この文章は、 http://yannesposito.com/Scratch/en/blog/Learn-Vim-Progressively/で掲載されている「Learn Vim Progressively」の翻訳文です。 文内の全てはの筆者による物であり、訳文の内容については私による物となります。意訳が若干入っています。間違い等あればご連絡下さい。 tl;dr: 可能な限り速くvim(人類史上、最良と知られているテキストエディタ)を習得したい。その方法を提案する。生き残るには最小を学ぶ事から始め、その後徐々にトリックを混ぜて行く。 Vim 60億ドルのテキストエディタ 優れいて、強く、そして速い vimを学ぶ事、それはあなたあなたが学ぶ最後のテキストエディタになるでしょう。私が知る限りより優れたテキストエディタはない。学ぶのは難しいが、使うと素晴らしい。 4つのステップで学ぶ事をお勧めす

    Big Sky :: Learn Vim Progressively
  • Ruby スクリプトのユニットテスト・チュートリアル - WebOS Goodies

    WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 少し前に公開した Ruby 用 JSON クラスに数多くのバグを仕込んでしまい(たいへんご迷惑をおかけしました m(_ _)m)、テストの重要性を改めて痛感している今日この頃です。今後も開発を続けるにあたって、現在の行き当たりばったりなテスト方法ではとてもやっていけないと危機感を持ちまして、きちんとしたユニットテストの方法を調べてみました。 で、実際に試してみたと

    gan2
    gan2 2011/01/25
  • amachang - JavaScript 入門

    プログラミングのこつ 無駄な名前を極力使わないこと。意味単位に名前空間を細かく階層的に分離すること。 ここで言う名前空間とは 名前空間とは、一つの名前が一意のものを表す空間。例えば、大きな目で見れば、日語は自然言語の名前空間である。また、専門用語なども名前空間と考えることが出来る。 日語 { コンニチワ = 挨拶 : : } 中国語 { ニーハオ = 挨拶 } 英語 { ハロー = 挨拶 } また、名前空間は重なり(優先順位)を持つ 同音異義語などの言葉は、それぞれの細かい名前空間の重なりによって一意のものに特定されると考えられる たとえば、「コイが好き」と言った場合 池に関する名前空間 { コイ = すいすいパクパク } チャライ話題に関する名前空間 { コイ = ドキドキきゅんきゅん } お茶に関する名前空間 { コイ = にがーい } 名前空間の優先順位を考えると、一意の意味を知

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • これからGitを始める人が読むべき記事のまとめ : akiyan.com

    これからGitを始める人が読むべき記事のまとめ 2009-05-13 candycane(RedmineをCakePHPPHPに移植するプロジェクト)の開発でGitの素晴らしさを痛感したので、これはもう全力でGitを広めるべきだと思いました。そこで、これからGitを始める人が読むべき記事をまとめてみたいと思います。 なお、Gitの発音は「ぎっと」です。 目次 Gitの開発者による45ページの特集記事「WEB+DB PRESS vol.50 はじめてのGit」 WEB+DB PRESS Vol.50 このサイトから -人 が購入しました 全体で -人 がクリック posted with amazlet at 09.05.13 WEB+DB PRESS編集部 技術評論社 売り上げランキング: 380 おすすめ度の平均: 森田創特集(?) perl, PHP, SQL Amazon.co.jp

    これからGitを始める人が読むべき記事のまとめ : akiyan.com
  • プロの犯行現場|美少女イラストをSAIで描く【線画編】 (1/5)

    先生すいません、編集長のムチャ振りに 答えていただけませんか…… ニコニコ動画の人気タグの1つに「ニコニコ動画講座」がある。 講座として教えているのはGoogle検索の裏技から腹筋の方法まで幅広いジャンルだが、とりわけ人気なのがCGの描き方。その中でもトップクラスの人気を誇るのが「初音ミクが可愛すぎるので描いてみた」だ。そのクオリティの高さに「プロの犯行」ともタグが付けられている。 この動画を投稿しているのは同人作家として活躍する網野コハクさん。初音ミクをモデルにした同人ゲーム「未来のキミと、すべての歌に」の企画・原案を担当するなど多才な能力を発揮している。 しかしこの動画、見ていればある程度の流れは分かるのだけど、なにせ収録時の33倍速で再生されている。ササッと手早く何かをされてしまうと、「あれ、今何やったんだ?」と思うこともしばしばだ。 同僚とそんなことを話していると、編集長がちょいち

    プロの犯行現場|美少女イラストをSAIで描く【線画編】 (1/5)
  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
  • フォトショップ小技

    ●「Dr.フジカワのCG道」 角川書店Newtype誌99年11月号〜03年3月号にわたって連載させていただいたコラムに連動したページです。 2D-CGを描く際のテクニックについて、毎回具体的なテーマを絞って作例と共に解説しています。 ●ネコドラッグの女神様を描く 2001年3月に角川書店より発売された「How to Digital Art vol.1」に書かせていただいた記事の抜粋です。 ●Photoshop初心者のためのシンプルCG入門 角川書店Newtype誌に98年10月号から99年3月号まで連載させていただいた記事の2002年改訂版です。 透明レイヤーを使った線画の彩色、塗りつぶし用マスクの作り方、テクスチュアの貼付け方など、Photoshopを使ったシンプルかつ基的な彩色手順を説明しています。 ●こんな感じで描いてます ハードウェア環境 体:PowerMacintos

  • ウノウラボ Unoh Labs: TCP/IP入門

    尾藤正人(a.k.a BTO)です このブログを読んでる方にはWebプログラマが多いかと思いますが、Webの仕組みを基礎から理解してプログラムは書いてますでしょうか。 もちろんそんなことは知らなくても抽象化されてるので気にする必要は全然ないのですが、やはりエンジニアとしてはちゃんとどういうものか理解してプログラムを書いた方がよりよいプログラムが書けると思います。 そこで先日の社内勉強会で、TCP/IPについて軽くおさらいしてみました。 かくいう僕もTCP/IPについて勉強したのは7, 8年前だったのでいろいろ復習してたんですが、忘れていたり、実はちゃんと理解できてなかったことがありました。 せっかくなので資料を公開しておきます。 よかったら参考にしていただければと思います。

    gan2
    gan2 2008/07/16
    後で…読む!
  • せっかちな人のための git 入門 - git をインストールし、共同で開発できる環境を整えるまで - 僕は発展途上技術者

    subversion に代わる新しいソース管理システムということで git が注目されているようだ。 » Git - Fast Version Control System subversion と大きく違うところは、分散されたレポジトリがローカルマシンに置かれている点。これは、ネットにつながっていなくてもソースをコミットできるということで、最近は電車のなかでもコードを書いたりする僕にはうってつけ。 マニュアルやチュートリアルは充実しているのだが、僕はとりあえず最初にツールを触ってみて、ざっと全体像をつかみ、それから細部を調べたい質なので、もっとてっとり早く体験できるガイドを探したところ、あまり適切なものが見つからなかった。 そこで、レポジトリを作り、それをリモートにあるサーバーに置いたあと、subversion で言えば svn commit や svn update などにあたるコマン

    gan2
    gan2 2008/05/15
    分かりやすい
  • [Think IT] 【これならわかる!JavaScript/Ajax】やりなおしのJavaScript 第1回:そろそろ本気で学びませんか? (1/3)

    画面の一部を瞬時に切り替える方法 JavaScriptを勉強したいけど、プログラム構造がよく分からなくて、なんとなく使っている人は多いのではないかと思います。市販のやWebサイトにはJavaScriptのサンプルがたくさん載っているので、必要なところをコピー&ペーストしてしまうと、JavaScriptの文法が分からなくても動いてしまいます。 しかし、このような使い方をしていると、JavaScriptサンプルを少しだけ修正したいという時に対応できなくなります。これでは「JavaScriptを使える」とは言えませんよね。 そこで、連載では、JavaScriptをもう一度やり直したい方々のために、勉強の切り口を変えて紹介していきましょう。 最初のトピックでは、JavaScriptを使ってHTMLのコンテンツを入れ替える方法について紹介してます。この技術は、最近話題になっているAjaxのベース

  • ブラウザでお絵描きプログラミング! Processing.js 登場! - IT戦記

    はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 というわけで、公開されたばかりのこのライブラリを簡単な使い方から詳しい使い方までとことん掘り下げてみたいと思います。 Processing.js 概要 まず、 Processing.js とは何かという話をします。 Processing.js とは、ブラウザで Processing というプログラミング言語を実行する JavaScript のライブラリです。 では、 Processing とはどのようなプログラミング言語なのでしょうか。 Processing

    ブラウザでお絵描きプログラミング! Processing.js 登場! - IT戦記
  • すこしズルしてリアルなアイコンを作る方法 | バシャログ。

    も杓子も Web 2.0 的な表現がもてはやされた頃、 ツヤツヤでリアルなアイコンの作成を迫られて嫌な汗をかきました。 質のよいイラストを描くことが要求される上、小さく細かい作業がてんこ盛り。 時間もスキルも足りない! [1] まずフリー写真を探します。 アイコン作るのに何故写真が必要なの?とお思いかもしれませんが何故ならすこしズルいからです。 今回はこのの写真を、アイコンっぽくしてみます。 [2] 必要なサイズにぎゅっと縮小し、背景を切り落とします。 [フィルタ]→[カラー調節]→[トーンカーブ]で、強めに調節します。 さらに[フィルタ]→[カラー調節]→[明るさ・コントラスト]でかなり思い切ってコントラストを上げます。 写真が縮小された上、強く補正をかけたことで、イラストに近いテイストになってきました。 [3] ここまでくればあとは簡単。 輪郭線を書き足したり、グラデーションを上か

    すこしズルしてリアルなアイコンを作る方法 | バシャログ。
    gan2
    gan2 2008/05/08
    キレイにできるもんだなぁ
  • はじめてのgit - IDEA*IDEA 〜 百式管理人のライフハックブログ

    ドットインストール代表のライフハックブログ

    はじめてのgit - IDEA*IDEA 〜 百式管理人のライフハックブログ
  • Twitterを始めたら知っておきたいこと - 北の大地から送る物欲日記

    語化されて、新しいユーザーも増えつつあるTwitterですが、「始めてみたけどどうしたらいいか分からない」「使い方が分からない」なんて人もちらほら見受けられるので、そんな人達向けにTwitterを始めたときに気になるであろうことをまとめてみました。 Twitterとは何か? 「いまなにしてる?」をつぶやくサービス、それがTwitterです。 どんなことをつぶやいてるかは、ホント人によってそれぞれ。「おはよう、行ってきます、おかえり、おやすみ、などの日常的な挨拶」「事や飲み会で何をべてるか」「みんなに見せたい画像の紹介」「日頃自分が思ってること」「テレビやラジオ、音楽ゲームなど見たり聴いたりプレイしたりしてること」「ブログ更新やUstream、ネットラジオなどの告知」「流れてるつぶやきへの反応」などなど。 さまざまなジャンルのあらゆる発言がカオスに流れてる、それがTwitterの世

    Twitterを始めたら知っておきたいこと - 北の大地から送る物欲日記
  • 川o・-・)<2nd life - RubyGems パッケージの作り方 - rubyforge 登録まで

    語の解説で RubyGems パッケージの作り方や rubyforge 登録までの一連の方法が書いてあるところを見かけたことがないため、エントリーにしてみます。なれると割と簡単です。 優しい RubyGems パッケージの作り方 newgem コマンドでのひな形作成 http://drnicwilliams.com/2006/10/11/generating-new-gems/ perl には module-starter など、CPAN モジュールのひな形を作ってくれる便利なユーティリティがありますが、gem でそれにあたるのが newgem というパッケージです。 使い方は簡単で、 # gem install newgemで newgem をインストールしてから newgem コマンドを実行するだけで以下のようにひな形を作ってくれます。 $ newgem packagename c

    川o・-・)<2nd life - RubyGems パッケージの作り方 - rubyforge 登録まで
  • エンジニアでない人のためのYahoo! Pipes入門

    トップ > Webサービス > エンジニアでない人のためのYahoo! Pipes入門 いしたにまさきの新刊:HONDA、もうひとつのテクノロジー ~インターナビ×ビッグデータ×IoT×震災~ 01 それはメッカコンパスから始まった|Honda、もうひとつのテクノロジー 02 ~インターナビ×GPS×ラウンドアバウト~ 運転する人をサポートすること|Honda、もうひとつのテクノロジー 03 ~インターナビ×災害情報×グッドデザイン大賞~ 通行実績情報マップがライフラインになった日 2008.04.06 エンジニアでない人のためのYahoo! Pipes講座をakkyがやってくれました。 リンク: Pipes: Rewire the web. 今回、講座は「Yahoo! Pipesで、日語でチェックしたい英語のブログを自動的に日語に翻訳して日語のFeedに変換する」というものです。

  • [N] 「Yahoo! Pipes」の超簡単な使い方

    Yahoo! Pipes」はいろいろなことができそうだと思っていたのですが、実際に使ってみるとなかなか楽しいものでした。 ということで、とりあえず簡単な使い方を教えてもらったのでご紹介です。 ・英語RSSフィードを日語に変換する というものです。 とりあえずYahoo! のアカウントが必要になりますので、そちらは取得しておいてください。 「Yahoo! Pipes」から「Create pipe」します。 画面左側にいろいろなモジュールがあるので、使いたいものを画面右側にドラッグ&ドロップします。 拡大するとこんな感じです。 最初に日語化したい英語サイトのRSSフィードをコピーしておきます。試しに「del.icio.us / popular /」を日語化してみます。 URLは以下になります。 http://del.icio.us/rss/popular (1)「Fetch Feed

    [N] 「Yahoo! Pipes」の超簡単な使い方
  • プログラマのためのFlash遊び方

    今回からは、実践的なFlash作りを始めていきます。ActionScriptで簡単な図形描画をしながらActionScript 3.0の感覚をつかんでいきましょう。 最初は地味なサンプルと退屈な文法の解説が続きますが、後編では次のようなWeb 2.0 風バッジをActionScriptだけで描画します。がんばってついてきてください。 サンプルコードをコンパイルしよう 円や四角を描画するだけの簡単なサンプルを用意しました。味気ないサンプルですが、ActionScript 3.0の基がたっぷり詰まっています。 package{ ------(1) import flash.display.Sprite; ------(2) public class DrawTest1 extends Sprite { ------(3) public function DrawTest1() { -----

    プログラマのためのFlash遊び方
  • [JS]デザイナーのためのjQueryのチュートリアル

    Web Design Wallのエントリー「jQuery Tutorials for Designers」から、JavaScriptのライブラリ「jQuery」が視覚的にどのように動作するかデモと共に解説してる10のチュートリアルを紹介します。