博学Cafe-HPつくろうWiki

トップページ

2011-11-04T22:56:57+09:00

*博学Cafe-HPつくろうWiki とりあえずつくりました。おしながきはサイドをご覧ください。どんどん書いてください！予定： W研のサーバに間借り可能～

Subversion

2011-10-03T00:43:43+09:00

*Subversion- ---- #contents(fromhere) ---- *設定値 -URL : http://hcweb.unfuddle.com/svn/hcweb_hcweb/ -user : hcweb -pass : ごにょごにょ *Subversionとは？バージョン管理システムと呼ばれるものの一種．ファイルの作成，編集，削除などの履歴を記録，保存してくれる．誰がいつどこのファイルを編集したかわかる．また，複数人での同時編集も行える機構が備わっている． *TortoiseSVN導入手順 **TortoiseSVNとは http://tortoisesvn.net/downloads.html **ダウンロード **インストール **設定 *開発の手順 **チェックアウト **アップデート **コミット *Subversive Plugin AptanaからSVNを操作する *インストール Aptana3での場合で説明する Help→Install New Software→Available Software Sites→Eclipse Helios Update Siteをチェックして閉じる． Work withでさっきのEclipse Helios Update Siteを選ぶ．下のWindowがPendingになるので待つ． Collaboration→Subversion SVN Team Providerをチェックして，あとは雰囲気でインストール

デザイン案

2011-10-01T23:04:24+09:00

参考にしたいサイト

2011-09-03T16:05:59+09:00

*参考にしたいサイトとりあえずいろいろぶち込んでみましょう。載せときゃ役に立つかもしれないさ～。 ---- #contents(fromhere) ---- *HTML Webの基礎。文書構造を定義する。 **Another HTML-lint gateway HTMLを採点し、まずいところを指摘してくれる。 HTML5には未対応なので注意。 →[[http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html]] **The W3C Markup Validation Service Another HTML-lint gatewayと同様に、HTMLを採点してくれる。こっちはHTML5も対応。 W3Cのお墨付き。 →[[http://validator.w3.org/]] **HTML5への理解を5分で深めるスライド -HTML5マークアップの心得と作法 | コリス正しいタグの使い方を教えてくれる。わかりやすい！ →[[http://coliss.com/articles/build-websites/operation/work/slide-html5-by-futomi.html]] *CSS タグなんかに代わり、デザインを定義する。 CSSを差し替えればページの見た目を一新することも！よりリッチに表現するための仕様が増えているようです。 **W3C CSS Validation Service CSSのチェック。 W3Cのお墨付き。 →[[http://jigsaw.w3.org/css-validator/]] **LESSCSS CSSを動的に（変数などを使って）記述できるようにするライブラリ。これから来る！そうです。 →[[http://lesscss.org/]] **Bootstrap, from Twitter Twitterのようなデザインを実現するためのCSS、らしい。 →[[http://twitter.github.com/bootstrap/]] *JavaScript 一昔前は「ウザいサイト」構築の代名詞だったようなものが、今となってはWebの基幹技術に返り咲き。標準のパワーを生かして、いいサイト構築を！ **Google JavaScript Style Guide 和訳 Googleがまとめた、JavaScriptにおける''すべきこと、すべきでないこと''集。理由も示されているので納得しやすい。日本人にうれしい和訳。 →[[http://cou929.nu/data/google_javascript_style_guide/]] ちなみに原典はこちら。 →[[http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml]] **Ajax時代のJavaScriptプログラミング再入門割とイマドキのJavaScript文法解説みたい。しっかりとしたプログラミング言語としてのJavaScript。 →[[http://www.atmarkit.co.jp/fdotnet/ajaxjs/index/]] *jQuery 普通に書くと面倒なことが簡単に書けちゃう（らしい）魔法のライブラリ。各種企業のサイトでも脅威の採用率。 **公式 jQuery公式サイト。何気にチュートリアルなどもあり。現在(2011/8/09)の最新バージョンは1.6.2。 →[[http://jquery.com/]] *jQueryプラグイン *ツールなどいろんなツールを便利に使おう。 **YUI Compressor Yahoo!謹製のJavaScript/CSSの圧縮ツール。スペースの削除やコメント除去、はたまた識別子の置換まで行って、ファイルサイズを小さくしてくれる。開発はわかりやすい変数名、理解を助けるコメントを使うようにして、リリース前に適用するといいかも。 →[[http://developer.yahoo.com/yui/compressor/]]

メニュー

2011-08-09T00:53:41+09:00

**メニュー -[[トップページ]] -企画 --[[デザイン案]] -開発環境 --[[Subversion]] --[[Aptana Studio]] -資料 --[[参考にしたいサイト]] -[[プラグイン紹介>プラグイン]] -[[メニュー]] -[[メニュー2]] ---- **リンク -[[@wiki>>http://atwiki.jp]] -[[@wikiご利用ガイド>>http://atwiki.jp/guide/]] // リンクを張るには "[" 2つで文字列を括ります。 // ">" の左側に文字、右側にURLを記述するとリンクになります //**更新履歴 //#recent(20) &link_editmenu(text=ここを編集)

Aptana Studio

2011-08-09T00:10:34+09:00

*Aptana Studio 誰か詳しい人が書いてくらはい。

プラグイン/人気商品一覧

2011-08-06T23:05:39+09:00

プラグイン/コメント

2011-08-06T23:05:39+09:00

* コメントプラグイン @wikiのwikiモードでは #comment() と入力することでコメントフォームを簡単に作成することができます。詳しくはこちらをご覧ください。＝＞http://atwiki.jp/guide/17_60_ja.html ----- たとえば、#comment() と入力すると以下のように表示されます。 #comment

プラグイン/関連ブログ

2011-08-06T23:05:39+09:00

* 関連ブログ @wikiのwikiモードでは #bf(興味のある単語) と入力することで、あるキーワードに関連するブログ一覧を表示することができます詳しくはこちらをご覧ください。＝＞http://atwiki.jp/guide/17_161_ja.html ----- たとえば、#bf(ゲーム)と入力すると以下のように表示されます。 #bf(ゲーム)

プラグイン

2011-08-06T23:05:39+09:00

@wikiにはいくつかの便利なプラグインがあります。 ----- #ls ----- これ以外のプラグインについては@wikiガイドをご覧ください =>http://atwiki.jp/guide/