タグ

2011年9月16日のブックマーク (35件)

  • あるSEのつぶやき: Ajaxライブラリまとめ

    Ajax/JavaScriptライブラリをまとめておきます。(順不同) | 基 | 統合 | 表示系 | GUI部品 | イメージ | PGM連携 | ブラウザ | Flash | その他 | | 部品集 | リンク | 編集履歴 | ・基ライブラリ ・・・Ajax開発のベースになるもの ↑TOP prototype.js 超メジャーなAjaxライブラリ prototype.js の開発者向けメモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引きサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDFAPI/サンプル/解説 Prototype.js Documentation - まとめサイト Prototype 1.6.0へのアップグレード実例紹

  • jQuery Mobile が必須スキルになる!と思うのでこれから勉強する際に参考になる記事まとめ | バシャログ。

    Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいです。マジで。 HTML5+CSS3への対応が目に付きますが、個人的にはjQuery MobileとPhoneGapフレームワークの導入に注目します。 アプリ開発はこれまで、Objective-Cやjavaが主流でしたがDreamweaverでアプリへの書き出しまで出来てしまうなんて…。今後、モバイルアプリケーションの統合開発環境のデファクトスタンダードになる予感が。 ってことで、まずはjQuery Mobileを理解せねば! jQery Mobile についてはまだ書籍はあまりなく洋書しかありませんでしたので、参考になる記事を取り上げてみます。 http://jquerymobile.com/ 家サイト jQuery Mobile Gallery http://w

    jQuery Mobile が必須スキルになる!と思うのでこれから勉強する際に参考になる記事まとめ | バシャログ。
  • jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳

    もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 1)3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;

    jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
  • Webサイトをスマートフォン対応してと言われた時に見ておきたいサイトまとめ|caraldo.net | WebとiPhoneとロードバイクが大好き!

  • サンプルで学ぶjQuery Mobileまとめ(前編) (1/5)

    jQuery Mobileにはこれまで紹介した以外にもさまざまな機能があります。サンプルの作成を通じて紹介した基的な使い方をおさらいしつつ、そのほかの機能も併せてまとめておきましょう。 ページの作成 jQuery Mobileでは、1つのHTMLに複数のページのコンテンツをまとめて記述します。ページの区切りやページ内のレイアウトは、カスタムデータ属性のdata-role属性で定義します。 ページの作成 data-role="page" div要素などにdata-role属性「page」を指定すると、HTML内にページを作成できます。data-role="page"を指定した要素には他と重複しないページIDを付け、id属性に記述します。 ヘッダーの表示 data-role="header" ページ内にdata-role属性「header」を指定した要素を配置すると、ヘッダーが表示されます。

    サンプルで学ぶjQuery Mobileまとめ(前編) (1/5)
  • 40分で覚える!jQuery速習講座 (1/6)

    いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは? そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目:導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー体(JavaScriptファイル)は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。

    40分で覚える!jQuery速習講座 (1/6)
  • 少しのコードで実装可能な20のjQuery小技集

    2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します!「jQueryってなんだ?」という人もコピペで実装できますよ!サンプルも用意したのでぜひご覧ください! ↑私が10年以上利用している会計ソフト! 追記:この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です!詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基的な使い方 まずはjQuery家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます

    少しのコードで実装可能な20のjQuery小技集
  • 「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね

    Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。 ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 @pocotan001さん作のスライドです。 このスライドを見ながらコーディングする、というより、基礎知識を頭に入れるのに適したスライドだと思いますので気軽にご覧になってみて下さい。ハードルがかなり下がると思います。 また、当ブログでもjQueryプラグイン等の情報を取りあえげていますので合わせてどうぞ。 jQueryのリファレンスサイトと入門書籍 [2011.09.21アップデート] よくアクセスいただくのでハブ的な役割くらいは果たそうと思います。 jquery / jQueryの家です。jQuery

    「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね
  • 人気記事ランキング | Web担当者Forum

    人気記事ランキング | Web担当者Forum
  • vol.01 ノンプログラマのためのPHP入門, Recorded on 10/02/14 h2ospace on USTREAM. Technology

    Not rated yet. You must be logged in to rate this video.

    sakudro
    sakudro 2011/09/16
  • Web Developer's Note

    It's work outside the GRID「DreamweaverのためのZenCoding インストール編」の続編です。 今回はZenCodingの基的な使い方について、色々なブログに同じ様なエントリーがた多々あるので、割愛しようとも思ったのですが、Dreamweaverユーザー向けのZenCoding解説エントリーとして外せない要素になりますので、一応書いていきたいと思います。 続きを読む 以前から気になっていたZen Codingを手持ちの環境にやっと入れてみました。 XAMPP+Dreamweaverで快適なPHP生活にも書きましたが、私は元々TextEditorでの手打ちコーディング派でしたが、効率化の為に最近Dreamweaverに鞍替えしたばかりのDw初心者です。 今回更なる効率化とスピードアップの為に、DreamweaverにZenCodingを入れてサク

  • zen codingは超便利!Dreamweaverで使ってみました。 – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-

    先日、ノンプログラマのためのPHP入門という素敵なUSTを見ていたのですが、その中で出てきたzen coding。 前々から知っていたものの、これ使うならエディタごと乗り換えないといけないんだ!とずっと勘違いしていて、なんだかんだでまだDreamweaver使ってるし…サイトの定義とかもしてるからなんだかんだでエディタ乗り換えるの面倒だしなぁ…とかごにょごにょ思っていたのですが… Dreamweaverでも使えるらしいよ!知らなかった!無知って怖い!>< Dreamweaver用はこちらからダウンロードできます。 ダウンロードしたZen Coding.mxpをダブルクリックするとエクステンションマネージャーが立ち上がるので、承諾するをクリックしてインストール。 これだけでOK。 インストールが終わったら、早速何か入力してみましょう。 すごい!感動! 展開はcontrolキーと,(カンマ)キ

    zen codingは超便利!Dreamweaverで使ってみました。 – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
  • いろんなエディタのzen-codingプラグインをまとめてみました

    先週くらいから爆発的な注目を集めている、HTML/CSSショートカット用ライブラリ「zen-coding」。 「zen-coding」とは、カンタンな記述で構造化されたHTML/CSSが生成されるという、コーダー感涙の超絶便利なライブラリです。 その便利さ、コーディングが驚くほど簡略化されるというコトで、AptanaやDreamWeaverをはじめ、WordPressやCodaにもzen-codingプラグインが続々と登場しております。 そこで今回のエントリーでは、そんなzen-codingの各種エディタ用プラグインをまとめてみました。 まだ触ったコトの無いコーダーさん!もし自分の愛用エディタのプラグインがあったら、ぜひ騙されたと思って導入してみてください♪ zen-codingとは 先ほども書きましたが、zen-codingとは「カンタンな記述で構造化されたHTML/CSSが生成される」

    いろんなエディタのzen-codingプラグインをまとめてみました
  • Zen-Codingで楽々コーディング! + コツ1つ

    話題のHTMLCSSコーディングあしすとツールのzen-codingを触ってみました。すごい楽ちんこ! zen-codingって何?使い方は?という人は以下のページを見てくださいね。 Zen-Codingでできるあんなことこんなこと 知らない人は損してる?コーディングが3倍速くなるZen-Codingを導入してみた ある程度HTML/CSSのコーディングに慣れた人なら、ビジュアルデザインを含んだ文書があれば、それをもとに脳内でHTML構造に置き換えられますよね。デザインから興す人は、Photoshopを触りながら、同時に頭の中でHTMLを組み立ててる人も多いんじゃないでしょうか。 たいていの文書は、小さなパターンと大きなパターンの繰り返しだし、コンテンツに関しての試行錯誤はあっても、HTMLの記述で試行錯誤するってことは無いんですよね。(CSSのブラウザの実装の関係とかこの際忘れよう)

  • 秀丸マクロでZen-Coding

    概要 Zen-Coding とは、CSSセレクタ風の簡単な記述を、複雑なHTMLソースへ素早く変換することを軸にしたコーディング支援ツールです。 例えば、div h1 aが<div><h1><a href=""></a></h1></div>になります。 その Zen-Coding を秀丸エディタでも利用できるようにすることをめざした秀丸マクロです。 家にある機能のうち、「HTML生成」「生成したHTMLで既存のソースをラッピング」のみを実装しています。 そのほかの機能は別項で紹介するいくつかの秀丸マクロに任せ、連携していただく方針です。 インストール 秀丸エディタ(ver 7.00 以降のみで確認)を入れてください。 マクロフォルダのパスを確認します。秀丸エディタの [その他] - [動作環境] - [パス] - [環境] - [マクロファイル用のフォルダ] で指定されているフォルダで

  • Zen-Codingのショートカットをまとめてみました - EC studio デザインブログ

    前回の記事ではZen-Codingの導入方法について解説しました。 今回はZen-Codingの機能とそれを実行するためのショートカットの解説をします。 ※2010/02/22現在の最新バージョン「Zen Coding for Aptana v0.6.0.1」を対象にしています。 なおAptana(Eclipse)の場合だとAptanaの方の機能に多くのショートカットが割り当てられているので、利用する環境によってはショートカットを変更する必要があります。Zen-Codingのデフォルトのショートカットが機能しない場合は、記事最後にまとめる変更方法を参考にしてください。 Expand Abbreviation(省略コードの展開) Win:Ctrl+E mac:Command+E Zen-Codingの主な機能のひとつです。

  • 知らない人は損してる?コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ

    最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか? Zen-CodingはHTML/CSSをショートカット+スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか?という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio

  • Emacs クイックリファレンス

    back はじめに このマニュアルは emacs (あるいは mule) を使いはじめてまだ間もない頃の 人のためのものです。emacs を一度も使ったことのない人は残念ながら 対象としていません (そういう人には emacs 付属のチュートリアルをすすめます)。 これを読んでも emacs が快適に使えるようになるかどうかはあなた次第です。 emacs はマウスやカーソルキーで操作することもできますが、 これらを使っているようでは上達しないということも 覚えておいてください。このマニュアルはよその人にも読めるように書いた つもりですが、基的に csc (東工大 情報工学科 計算機室) で emacs を 使用する人を対象としています。そのため、日本語入力環境やメール環境については 必ずしもあなたのサイトとは一致しないかもしれませんので注意してください。 基的なこと ファイル操作 カー

  • エディタ(gvim)逆引きリファレンス

    Unix標準エディタのvi,vimWindows版gvimの入門サイトです。gvimエディタの使い方などを書いています

  • Aptana

    Register now for Axway Summit 2024 and get energized to accelerate your digital transformation. Learn More Aptana Studio 3 is an open-source web development IDE, and while we are no longer actively maintaining the repository, it is still open-source and public so if you wish to download Aptana Studio 3 you can do so on GitHub.

    Aptana
  • シンプルなテキスト・HTMLエディタ Crescent Eve (フリーソフト)

    Crescent Eve はシンプルなエディタです。 こだわりの基機能とHTML編集機能を持っています。 【雑談】 ある日のふとした疑問 ~ HTMLを書く道具 ~ ある日、メモ帳等のテキストエディタでHTML書いている人が意外に多いことに気がつきました。 「多機能で優秀なHTMLエディタは沢山あるのに、なぜかな」 「もしかして、軽くてシンプルなSDI形式のHTMLエディタが求められているのだろうか」 「よし、作ってみよう!」 「あくまでシンプルに、テキストエディタとしても使えるようにして、タグはキーボードから自然に入力補完できるようにしよう」 「手作業でタグを打ち込んだら間違いが出るから、文法チェック機能をつけよう」 「文字コードの自動認識は、絶対失敗しないようにしよう」 ・・・というような考えから Crescent Eveを開発することにしました。 その後 公開以来、多くの方に好評を

  • ez-HTML

    充実したカスタマイズ、正確な入力支援、XHTML形式出力も記述ができる高機能・次世代HTMLエディタ。 開発開始からの累計ダウンロード数が100万を突破しました(2022月4月5日)。 最新版(ver 7.71)をダウンロード! (2.20MB) 2005年度 VECTORベストオンラインソフトウェア賞を受賞、 2007年度 Greva!プラチナ賞を受賞しました。 Index 市販の「ウェブサイト制作ツール」(以下WYSIWYGと省略)は画像なども簡単に挿入でき、レイアウトなども簡単にできますが、その反面font要素を乱用したり何度も編集している間ゴミのようにタグが残ってしまうという問題点があります。 当ソフトウェアは主に手打ちでHTMLソースを記述する人向けのために開発されています。 また、WYSIWYGで制作したHTML文書のちょっとした編集などにも使う事ができます。 また、このHT

  • nazono.objectdump [javascript] nazoking

    サポート・ブラウザ Internet Explorer 6 for Windows ( 4 でもいけるはず) Opera 7.6 for windows Firefox 1.0 以上 for Windows

  • jqueryrotate - Project Hosting on Google Code

    Code Archive Skip to content Google About Google Privacy Terms

  • gigle (ギグる) | オンガク×テクノロジーをおもしろくする

    もっと楽しく、コンサート・ライブ情報をみつけて、シェアして、記録する、音楽好きのためのサービスです。

    gigle (ギグる) | オンガク×テクノロジーをおもしろくする
  • みんなのビジネスオンライン

    みんなのビジネスオンラインは中小企業、個人事業主様を対象とした無料ウェブサイト構築サービスサイトです。みんビズのとはなにか、みんビズの心得、みんビズで作られたサイトの制作事例、ヘルプ&サポートなどを掲載しております。インターネットは、すべてのビジネスを変える力を秘めています。 ウェブサイトを活用して生まれる新しいつながりが、 あなたのビジネスを豊かに進化させるはずです。 「みんなのビジネスオンライン」とともに、 ビジネスは次のステージへ。

  • 無料なのに高機能すぎる見積・請求書発行ソフト『三森支太郎』 | ライフハッカー・ジャパン

    フリーランスには最適なフリーアプリと言っても、あながち過言ではありません。 請求書や納品書のテンプレートはGoogle先生に聞けばすぐ用意してくれます。単発で発行するなら、これでもさして不都合はありませんが、見積→請求→納品のそれぞれのタイミングで書類を発行する必要があったりと、継続的に事業を行うのであれば、各種書類を一括で管理できた方が便利です。 そこで『三森支太郎』の出番。フリーの請求書発行ソフトとしては定番の部類に入る、Windows専用の高機能な帳票管理ソフトです。 基的な操作は、画面の項目を埋めていくだけ。数量と単価を設定すると、自動で金額計算をしてくれます。消費税の有無は印刷時の設定で変更可能。源泉徴収額の計算機能は、編集メニューから選べます。 便利なのが「請求額から金額を逆算」する機能。これは「トータルで10万(税込み)にしたいんだけど、税抜きでいくら請求すればいいのか」を

    無料なのに高機能すぎる見積・請求書発行ソフト『三森支太郎』 | ライフハッカー・ジャパン
  • ガントチャート,プロジェクト管理,スケジュール表がサクサク作れる。チャート作成がカンタンに共有!しかもフリー タスク管理にも - Brabio!

    ガントチャート作るならエクセルの10倍速い初心者専用のクラウドツール。20万社突破! 工程管理もスケジュール表も簡単に作成。様々なビューで視覚的にわかりやすい プロジェクト管理 かんたんチャート作成、進捗管理もバッチリマイルストーンだって管理できます <便利な機能をかんたんに> ・プロジェクト横断ビュー ・ExcelCSV入出力 ・タスクをリンク ・進捗率(達成率)の入力管理 ・担当状況確認ビュー ・プロジェクトサマリー ・組織への対応

    ガントチャート,プロジェクト管理,スケジュール表がサクサク作れる。チャート作成がカンタンに共有!しかもフリー タスク管理にも - Brabio!
  • Facebookで熱く盛り上がれる「Shaker」本日ローンチ【増田(@maskin)真樹】 | TechWave(テックウェーブ)

    1990年代初頭から記者としてまた起業家として30年以上にわたりIT業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNSLINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア(スペイン)の元日編集長を経て現在に至る。 この画面を見てアバター型の仮想空間「Habbo」やゲーム「The Sims」を彷彿した人も多いだろう。ユーザーが産み出す要素があることからSecondLifeに似ている人もいるかもしれない。これはfacebookと連携した仮想空間「Shaker」の画面。これまでの匿名仮想空間が仮面舞踏会だとしたら、ShakerはFacebookの実名ソーシャ

    Facebookで熱く盛り上がれる「Shaker」本日ローンチ【増田(@maskin)真樹】 | TechWave(テックウェーブ)
  • DNode: Asynchronous Remote Method Invocation for Node.js and the Browser :: The Universe of Discord

    Introducing DNode Introducing DNode, a node.js library for asynchronous bidirectional remote method invocation. Network socket and websocket-style socket.io transports are presently available so system processes can communicate with each other and with processes running in the browser using the same interface. Remote method invocation (RMI) is the object-oriented cousin of remote procedure calls.

  • Felix's Node.js Style Guide(和訳)

    node.jsアプリケーションのスタイルを支配する公的な文章はありません。このガイドはあなたが美しく、一貫したソフトウェアを作れるようになる教訓を与えようとする私の独断の試みです。 このガイドはあなたがnode.jsのみを対象にしていると仮定しています。もしあなたのコードをブラウザなど他の環境でも動かす必要があるのなら、いくつかのガイドは無視してください。 様々なパッケージだけではなくnode.jsもまた、それぞれ自体のスタイルを持っています。なので何かのパッケージの開発に貢献することに興味があるのならば、それぞれのルールに従ってコーディングを楽しんでください。 Tab vs Spaces まずはこの宗教的な問題の話をしましょう。私達の慈悲深い独裁者様はnodeのコアに2スペースのインデントを選択なさったので、彼の秩序に従うのが賢明でしょう。 セミコロン あなたからセミコロンを奪おうとする

  • 仮想パネル: JavaScriptで非同期プログラミングを乗り切る方法

    これに対して、CommonJSグループはPromiseという形でこれに答えている。これは任意の時点で、完了しているかもしれないし完了していないかもしれない、非同期に実行されるアクションの結果を表現したオブジェクトとのインターフェイスを提供する。この方法では、さまざまなコンポーネントが非同期アクションのためのpromiseを返すことができ、コンシューマは予測可能な形でそのpromiseを利用できる。また、Promiseは非同期性を支援するために構文上便利な言語レベル拡張のために利用される基エンティティを提供することもできる。 Stratified JavaScriptはこれとは別のアプローチをとっており、JavaScript言語のスーパーセットを提供することで、この問題を解決している。しかし、使う言語を切り替えられないのなら、とるべき道はシーケンシャルなコードをエミュレート可能な、柔軟なA

    仮想パネル: JavaScriptで非同期プログラミングを乗り切る方法
  • FacebookとHeroku、アプリ開発者向けクラウドホスティングサービスを発表

    Facebookの開発者向けページから数クリックで、Herokuのクラウド上でのアプリ開発・運営ができる。 米Facebookと米salesforce.com傘下のHerokuは9月15日(現地時間)、Facebookアプリ開発者が利用できるクラウドホスティングサービスを立ち上げたと発表した。 既に多くの開発者がFacebookアプリのホスティングサービスとしてHerokuを利用しているが、この提携により、Facebook内からシームレスにHerokuのサービスを利用できる。 これにより、Facebookアプリの開発者はサーバの心配をせずにアプリに専念でき、急激なトラフィックの増加などにも対処できるとしている。 Facebookの開発者向けページ「Developer App.」で「Create App」をクリックし、アプリ名を入力して使用規約に合意すると表示されるページに「Cloud Se

    FacebookとHeroku、アプリ開発者向けクラウドホスティングサービスを発表
  • Cube

    Time Series Data Collection & Analysis Cube is a system for collecting timestamped events and deriving metrics. By collecting events rather than metrics, Cube lets you compute aggregate statistics post hoc. It also enables richer analysis, such as quantiles and histograms of arbitrary event sets. Cube is built on MongoDB and available under the Apache License on GitHub. Collecting Data An event in

  • grambook グラムブック

    「グラムブック」サービス終了のお知らせ 平素はグラムブックをご利用いただき、誠にありがとうございます。 この度2015年3月31日(火)をもちまして、サービスを終了致しました。 これまでご利用頂きました全てのお客様には、心より感謝申し上げます。 グラムブックをご愛顧頂きまして、誠にありがとうございました。 2015年3月 株式会社ソルトワークス グラムブックスタッフ一同