タグ

tutorialに関するmrnoonのブックマーク (52)

  • http://misdirection.oops.jp/blog/archives/000725.html

    mrnoon
    mrnoon 2007/04/11
    BADSTRING
  • Geekなぺーじ:クラッカーがGoogleを使って脆弱なサイトを探す方法の例

    Googleを使って脆弱性のあるサーバを探す手法を「Google Hacking」と言いますが、その検索方法を大量に集めた 「Google Hacking Database (GHDB)」というサイトがあります。 そこでは様々な検索キーワードが紹介されています。 紹介されているものを、いくつかピックアップしてみました。 (ただし、多少古いです。) このような検索を行って脆弱性のあるサーバを探している人が世の中に結構いるみたいです。 サーバを運用している方はご注意下さい。 これらの情報は既に公開された情報なので、検索結果にはワザとこのような情報を流して侵入を試みる人を誘い込もうとしているハニーポットが含まれている可能性もあります。 秘密鍵を探す 秘密鍵は公開鍵と違って秘密にするものなので発見できてしまうのは非常にまずいです。 BEGIN (CERTIFICATE|DSA|RSA) filet

    mrnoon
    mrnoon 2007/04/11
    これらの情報は既に公開された情報なので、検索結果にはワザとこのような情報を流して侵入を試みる人を誘い込もうとしているハニーポットが含まれている可能性もあります。
  • 【レポート】Java初学者には最適!? 解説から実行までブラウザでコンプリート - Javala (MYCOMジャーナル)

    Javaのオンライン学習するサイトJavalaが公開されている。JavalaはWebブラウザでJavaを学習したり、コードの実行結果を確認したりするための環境。タンペレ工科大学で開発されたもので、Java言語の学習を目的としている。リードデベロッパはTimo Lehtonen氏。使用に制限はなく、自由に利用できるとされている。用意されている言語は英語とフィンランド語。 図.1 Javala – Javaラーニング環境 基的なトピックとしてはJava言語の基礎(基型、演算子、制御構文、ループ構文、配列)、文字列(編集、比較、結合、トークン化)、オブジェクト(ネーミングとパッケージ、属性、演算、コンストラクタ、リファレンス、生成、削除)、クラス(クラスメソッド、クラス変数、定数、アクセス指定子)、継承(抽象クラス、サブクラス、動的束縛、型変換、比較、インタフェース)、例外(処理、try c

    mrnoon
    mrnoon 2007/04/11
    Javaのオンライン学習するサイトJavalaが公開されている。JavalaはWebブラウザでJavaを学習したり、コードの実行結果を確認したりするための環境。タンペレ工科大学で開発されたもので、Java言
  • IT戦記 - CSS の勉強会をしました

    2007 CSS Study Meeting http://artcode.g.hatena.ne.jp/keyword/2007%20CSS%20Study%20Meeting 発表をしましたので資料を置いておきます。 http://usrb.in/amachang/static/cssstudy/200701/ Firefox で動きます。IE でもぎりぎりうごきます。あ、でも、横長な表示域じゃないと崩れる可能性大です。 左右キーで操作してください。また、ソースは実行できるようになってるので、実際に実行しながら読んでいっていただけるとうれしいです。 他に事前に CSS のセレクタのバグリストとプロパティ一覧を作りました。 プロパティ一覧は element.style に辞書アタックを掛けて各種ブラウザから抽出したプロパティです。 http://usrb.in/amachang/stat

    IT戦記 - CSS の勉強会をしました
    mrnoon
    mrnoon 2007/04/11
    他に事前に CSS のセレクタのバグリストとプロパティ一覧を作りました。
  • artcodeグループ - 2007 CSS Study Meeting

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

    artcodeグループ - 2007 CSS Study Meeting
    mrnoon
    mrnoon 2007/04/11
    CSS の勉強会を行いました。発表資料は随時リンクします。
  • jmblog.jp - Web2.0っぽいグラデーションのコツ

    そろそろ「Web2.0的デザイン」という言い回しが恥ずかしくなってきましたが、それはそれでおいといて。グラデーションは今っぽいデザイン(ちょっと言い方を変えてみた)では外せない要素と言えるかと思いますが、プロのデザイナーの方はさておき、素人が挑戦すると、色の選択に失敗してイマイチ・・・なんてことになりがちです。 » A Gradient Tutorial » 9rules Network Official Blog こちらのサイトでは、グラデーションを作る際のポイントが説明されています。 さて、どれが一番きれいでしょう?1 は彩度(鮮やかさ)が足りません。上のサイトでは「a classic problem」と紹介されています。2 はマシですが、ちょっと素人臭さを感じます。まぁ好みは人それぞれだと思いますが、やっぱり 3 が一番きれいだと思います。 ちなみに僕は、次のようにしてグラデーション

    mrnoon
    mrnoon 2007/04/11
    そろそろ「Web2.0的デザイン」という言い回しが恥ずかしくなってきましたが、それはそれでおいといて。グラデーションは今っぽいデザイン(ちょっと言い方を変えてみた)では外せない要
  • 入力フォームのユーザビリティ&アクセシビリティ!

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    mrnoon
    mrnoon 2007/04/11
    入力項目の説明は、フォームの前に書くべきです。フォームの後に解説があると、ユーザが音声ブラウザ・テキストブラウザ等を利用していた場合、入力した後に説明に気づくことがありま
  • 「飛び出す写真」を簡単に作るPhotoshopチュートリアル | POP*POP

    たまにこんな(↑)写真って見かけますよね。インパクト絶大な写真です。 そんな写真を簡単に作る方法がこちらで紹介されていました。ちょっと人とは違ったサイトを作りたい方はいかがでしょうか。 » Out of Bounds – The Something Awful Forums Photoshopで作成します。ではどうぞ! ↑ 元となる写真はこちら。 まず作るレイヤーは3枚。下から順に黒の背景、素材、フレーム用のレイヤーとなります(↓)。 ↑ 次に矩形ツールで白色の長方形を作成します。 そして、選択ツールで長方形の内部を切り抜きます。これでフレームができあがりました。 ↑ 次にフレームの形を変えます。フレームのレイヤーで「Ctrl+T」を使ってフレームだけを選択。 右クリックし、「遠近法」でフレームの形を変えます。「自由な形に」を選べば微調整も可能です。 ↑ あとは、不必要なところを黒く塗りつ

    「飛び出す写真」を簡単に作るPhotoshopチュートリアル | POP*POP
    mrnoon
    mrnoon 2007/04/11
    そんな写真を簡単に作る方法がこちらで紹介されていました。ちょっと人とは違ったサイトを作りたい方はいかがでしょうか。
  • Photoshop Contests, Win Real Prizes, Photoshop Tutorials, Photoshop Forums

    On our site you can enter modified images into contests appropriately called photoshop contests. Other members then view, vote and comment on your work. The contest entry with the most votes, wins. You can win real prizes, while trading secrets with some of the world's most talented graphic artists.

    mrnoon
    mrnoon 2007/04/11
    Creative Contests. Real Prizes. Essential Resource.
  • Photoshopで写真から物体を消す方法

    Photoshop Tip: Remove objects from photos with Vanishing Pointというエントリーより。 Photoshop how-to site Photoshopsupport.com shows you how to make objects disappear from photos using Photoshop's Vanishing Point tool. Photoshopの「Vanishing Point」というツールを使い、写真から物体を消す方法を紹介しているチュートリアルビデオがありました。 こんな感じでブツを消してしまうというのですが‥‥ Vanishing Point Tool - Photoshop CS2 Video Tutorialで見ることができます(要QuickTime)。 こんなに簡単に消せてしまうものなんで

    mrnoon
    mrnoon 2007/04/11
    Photoshopの「Vanishing Point」というツールを使い、写真から物体を消す方法を紹介しているチュートリアルビデオがありました。
  • フォームの入力エラーを吹き出しで教えてくれる JavaScript

    ■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。 実際の動作サンプル とりあえず submit ボタンを押せば、全て理解出来るかと思います。 今回は CSS のファイルと画像のファイルといっぱい出来てきてしまっていて、いつもの「読み込ませるだけ」とはちょっと毛色も違い、使うのには事前の準備が必要で面倒です。 いつもの JavaScri

    mrnoon
    mrnoon 2007/04/11
    フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれ
  • MT & HTML Slidy でスライドを作る | WWW WATCH

    プレゼンテーションに使用するスライド資料といったら、パワーポイントのようなソフトウェアで作るのが一般的ですが、最近は、ブラウザ上で動作するスライドショーを使用し... プレゼンテーションに使用するスライド資料といったら、パワーポイントのようなソフトウェアで作るのが一般的ですが、最近は、ブラウザ上で動作するスライドショーを使用している方をセミナーなどで頻繁に見かけるようになりました。 このブラウザ上で動作するスライドは、(X)HTML + CSS + JavaScript で実現できます。スライド制作用 JavaScript ライブラリとしては、W3C で公開されている 「HTML Slidy」 が使いやすく有名ですが、個人的にもこの 「HTML Slidy」 を利用したスライドをどこかで使ってみようと思っていたところでしたので、いい機会ということで、テンプレートを作って公開してみることにし

    MT & HTML Slidy でスライドを作る | WWW WATCH
    mrnoon
    mrnoon 2007/04/11
    このブラウザ上で動作するスライドは、(X)HTML CSS JavaScript で実現できます。スライド制作用 JavaScript ライブラリとしては、W3C で公開されている 「HTML Slidy」 が使いやすく有名ですが、個
  • 動画で学ぶPhotoshop (27のテクニック) | POP*POP

    下記のサイトで「You Tubeで見るPhotoshopのチュートリアル」という記事が紹介されていました。YouTubeだけじゃなくてMetacafeの動画もありましたが・・・。 どちらにしろ文章だとわからないことでも動画だと簡単に理解できることもあります。細かい操作の多いPhotoshopやIllustratorなどはこうした動画チュートリアルに向いているかもですね。 » Use YouTube to learn Photoshop: etc: quick links to good stuff 以下、オリジナルの記事を尊重しつつ、内容の紹介というスタンスでいくつかご紹介・・・。 ■ Web 2.0-Style Logo Web2.0サイトでよく見かけるのロゴの作成方法です。光っているようなロゴですね。 ■ PHOTO EFFECT エフェクトの詳細です。どこにでもあるような電車の中の写

    動画で学ぶPhotoshop (27のテクニック) | POP*POP
    mrnoon
    mrnoon 2007/04/11
    下記のサイトで「You Tubeで見るPhotoshopのチュートリアル」という記事が紹介されていました。YouTubeだけじゃなくてMetacafeの動画もありましたが・・・。
  • 夕刊フジBLOG|一瞬で10ページの企画書を完成させるフォーマット

    mrnoon
    mrnoon 2007/04/11
    ①表紙②まえがき(企画趣旨・企画概要)③背景④目的⑤提案コンセプト⑥方策⑦要件⑧想定効果(実施メリット)⑨スケジュール⑩予算⑪課題⑫終わりの挨拶
  • Dr. Web Weblog ? Blog-Archiv ? Collection of Web 2.0 Navigation Menus

    mrnoon
    mrnoon 2007/04/11
    ber den neuen "Web 2.0 - Look" moderner Web-Auftritte wird immer noch viel und gern geschrieben und diskutiert. Badges, Verlauffarben, Schaltflchen und sind genauso wie Schatten und Spiegeleffekte in aller Munde. Wenn es aber um ein konkretes Design e
  • ピンポイントでデフラグできる高機能フリーソフト「Power Defragmenter」 - GIGAZINE

    SysinternalsのContig.exeというデフラグエンジンを使用して強力かつ高速なデフラグが可能になるというすさまじいフリーソフト。Sysinternalsは現在、マイクロソフトによって買収されているため、このデフラグエンジンの信頼性もかなり高いと判断して差し支えありません。 また、このデフラグソフトの特徴は有料のデフラグソフトでないと無理だった、「フォルダのみをデフラグ」や「ファイルのみをデフラグ」といった機能が使えるところ。これによって大量にファイルがあるフォルダを開く場合や、山ほどフォルダが存在する場合の妙な引っかかりを軽減させることが可能です。 というわけで、実際の使い方は以下から。 まずは以下のサイトから体となる「Contig」をダウンロード。これはコマンドラインで操作するソフトです。 Contig v1.53 次に以下のサイトから「Power Defragmente

    ピンポイントでデフラグできる高機能フリーソフト「Power Defragmenter」 - GIGAZINE
    mrnoon
    mrnoon 2007/04/11
    SysinternalsのContig.exeというデフラグエンジンを使用して強力かつ高速なデフラグが可能になるというすさまじいフリーソフト。Sysinternalsは現在、マイクロソフトによって買収されているため
  • 便利そうなGoogleのチートシートを二枚ほど | i d e a * i d e a

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

    便利そうなGoogleのチートシートを二枚ほど | i d e a * i d e a
    mrnoon
    mrnoon 2007/04/11
    Googleのサービス一覧が一枚と、Googleで使えるコマンド一覧がもう一枚です。一枚目はまぁいいか、と思いますが、二枚目は貼っておくと便利そうです。
  • Adobe Edge: 2007年2月 「Ajax したい!」Web デザイナーのための Spry 集中講座

    Spry framework for Ajax(以下、Spry)は、アドビが提唱しているデザイナー向けの JavaScript ライブ ラリです。無償で配布されているこのライブラリを利用することで、サーバサイドで特別なプログラムを用意したり、ユーザの Web ブラウザへ新たなプラグインをインストールすることなく、今話題の Ajax を利用した動的でリッチなインタフェースやコンテンツを HTML の中に作り出すことができます。 “デザイナー向け”というのが Spry の大きな特長であり、他の Ajax ライブラリと比べてもユニークな点です。Spry そのものは JavaScript ライブラリ群ですが、難解な JavaScript のプログラミング知識はそれほど必要ではありません。HTML コーディングのスキルがあれば、XML からのデータを取得し、加工し、ダイナミックな形で Web ページ

    mrnoon
    mrnoon 2007/04/11
    Spry framework for Ajax(以下、Spry)は、アドビが提唱しているデザイナー向けの JavaScript ライブ ラリです。無償で配布されているこのライブラリを利用することで、サーバサイドで特別なプロ
  • サービス終了のお知らせ

    平素より「PHPプロ!」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ!」ですが、サービスの利用状況を鑑みまして、2018年9月25日(火曜日)をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日(火曜日)を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 件に関するお問い合わせはこちらよりお願いいたします。

    mrnoon
    mrnoon 2007/04/11
    ブログ「WaxJelly」で、YouTube APIを用いたPHPスクリプト作成方法のチュートリアルが掲載されています。 チュートリアルはPart1とPart2に分かれており、Part1ではpagenation機能を用いた簡単なスクリ
  • 【コラム】そろそろきっちりJavaScript 第1回 "Firebug"の導入〜関数リテラルとは? (MYCOMジャーナル)

    多彩な演出効果をカンタンに導入できる事で脚光を浴びたprototype.jsの登場を皮切りに、インターネットで公開されているJavaScriptライブラリの数は、この一年で急激に増加した。何かやりたいことがあったときはWebで検索すれば、大抵、どこかにライブラリが転がっている。便利な世の中になったものだ。 一方、Webを通じて提供されるサービスは多様化の一途を辿っている。JavaScriptライブラリは整ってきたが、当然、置くだけでは機能しない。ライブラリのサポートページには簡単なサンプルが載っているものの、サンプルがそのまま適用できるケースはごくわずかだ。しかたなく、他の誰かが似たような事をやっていないかとWeb検索するはめになる。 思えば、これまでJavaScriptを言語としてとらえ、きっちり向き合う機会は少なかったのではないだろうか。 1995年の終わり、Netscape Navi

    mrnoon
    mrnoon 2007/04/11
    多彩な演出効果をカンタンに導入できる事で脚光を浴びたprototype.jsの登場を皮切りに、インターネットで公開されているJavaScriptライブラリの数は、この一年で急激に増加した。何かやりた