JavaScriptテストの基礎知識と使えるフレームワーク6選
JavaScriptテストの基礎知識と使えるフレームワーク6選：フレームワークで実践！ JavaScriptテスト入門（1）（1/3 ページ） しっかりとJavaScriptの“テスト”を行うために、最近のJavaScript事情やテストを取り巻く環境、今注目のテストフレームワークを6つ紹介する JavaScriptでもテストを書こう ＠ITの読者の方たちのほとんどは、どのような言語を主に利用しているのかなどの違いはあるにせよ、日常的にプログラムを書いている方たちが多いかと思います。 アプリケーションを作る、ライブラリを作成する、オープンソースプロジェクトに貢献するなど、皆さんがプログラムを書く場面はそれぞれいくつかあるはずです。それらプログラムを書く場面に共通して大切な習慣の1つとして、「作成するプログラムに対しては必ずテストコードを書く」ことがあるのは、誰にでも同意してもらえることでし
PythonでSeleniumを操作する「SeleniumBase」レビュー | さくらのナレッジ
Webのフロントエンドをテストする時に利用するSeleniumを利用することが多いと思います。Seleniumは現時点でJava、C#、Ruby、Python、Javascript (NodeJS）とほぼ、主要な言語はカバーしています。今回はその中の一つ、Pythonで利用できるSeleniumBaseを紹介します。 利用ブラウザについて 執筆（2016年7月25日現在）時点でSeleniumBaseはFirefoxのドライバが同梱されていますが、最新のFirefox 47.0ではエラーで強制終了してしまいます。 本記事ではChromeの利用を前提としています。 事前準備 SeleniumBaseを利用するにはPython、pip、git が必要となります。以下のサイトが用意されていますので、はじめてPythonやpipを利用するという時は参考にしてみて下さい。 SeleniumBase/
まさにWebサイトを見たままに編集できるWYSIWYGエディタ·fresherEditor MOONGIFT
fresherEditorはcontentEditableを使ったWYSIWYGエディタです。 オンラインでコンテンツを編集する際にはWYSIWYGエディタを使うことが多いように思います。色々なライブラリが存在しますが、今回はfresherEditorを紹介します。jQueryベースのエディタです。 デモです。テキストエリアの枠がないのが印象的です。 編集状態です。枠が出ています。 WYSIWYGなのでその場で反映されます。 画像の追加も行えます。 フォントの選択もできます。 fresherEditorではcontentEditableを使ってコンテンツを編集可能にしています。デザインについてはBootstrapを使っています。まさに見たままに編集できる、そんな感じのソフトウェアになっています。 fresherEditorはjQuery/JavaScript製のソフトウェア（ソースコードは
jQuery Corner Demo
This plugin was originally written by Dave Methvin. Dave and I collaborated on several improvements and the project is now hosted on github. The most recent version is also available here: jquery.corner.js. It's important to understand that this corner plugin is pulling off its magic by adding more elements to the page. Specifically, it adds div "strips" to the item to be cornered and sets a solid
ドラッグアンドドロップで表示を自在に組み替えられるjQueryプラグイン·Gridster.js MOONGIFT
Gridster.jsは自由にレイアウトが組み替えられるUIを提供するjQueryプラグインです。 Pinterestに感化されたのか、ブロックの高さを組み替えつつ表示するUIが流行っています。今回紹介するGridster.jsはそれに似ていますが、横幅も変更可能で、さらに自分でドラッグアンドドロップして並びが変更できるのが特徴になっています。 ドラッグして場所を移動できます。 こんな感じに並んだりもします。 Gridster.jsはjQuery製のプラグインになっています。使う最小のカラム数、行数を指定できます。使える場所としてはiGoogle的なウィジェットを自分で並び替えて表示する類のUIであったり、写真を表示したりするのに良いかも知れません。 Gridster.jsはjQuery/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTは
jQueryに足りない機能を色々追加·jQuery++ MOONGIFT
jQuery++は標準のjQueryにはない機能を幾つも追加するプラグインです。 jQueryはとても優秀なJavaScriptライブラリです。プラグインも多数作られており、それを使えば様々なことができます。そうした多彩な機能をまとめて提供してくれるのがjQuery++です。 ブロックの大きさを自動計算します。ブラウザごとの誤差も吸収してくれるようです。 フォームの各項目を操作するのに便利なメソッドです。 選択している文字、場所を取得できます。 マウスの場所やその時のDOM要素が取得できます。 ドラッグアクションです。 ドロップアクションです。 リサイズです。 jQuery++ではこれ以外にもアニメーション、クッキー、キーボード入力でBackspaceやタブ、エンターキー、ファンクションキーの入力を判定したりできます。全てのライブラリを一括でインストールする必要はなく、必要な機能だけをピッ
ガントチャートからiTunes風表示まで。Dojoを使ったグリッドライブラリ·dgrid MOONGIFT
dgridはDojoを使ったWebブラウザ向けグリッドライブラリです。 jQueryなどと並んで有名なJavaScriptライブラリのDojo。そんなDojoで使える高機能グリッドフレームワークがdgridです。 iTunes風の表示です。アルバムやアーティストを選択すると内容が変わります。 ガントチャート風表示です。タスク同士の関連性が表現できています。 サブタスクも表示できます。 テーブル表示です。 クリックで説明を表示します。 詳細リスト表示です。 ギャラリー表示です。 Todoデモです。 消し込めます。データはローカルストレージに保存されるので再読みしても消えません。 dgridの特徴としてはモダンなアーキテクチャ、機能拡張対応（カラムのリサイズ、ドラッグアンドドロップによる並べ替えなど）、スキン、モバイル対応、キーボード操作対応となっています。デスクトップブラウザはもとより、iO
間違ってブラウザを閉じても編集データを保持できる·Sisyphus MOONGIFT
Sisyphusはフォームの入力内容をローカルストレージに保存するjQueryプラグインです。 Gmailでは編集中のメールの内容を定期的に保存しておいてくれるので誤って画面を閉じた場合でもメールの内容が消失したりしません。同様の仕組みをクライアントサイドで実装してくれるのがSisyphusです。 最初の表示です。右側にフォームが表示されています。 入力しています。時々、ローカルストレージに保存しましたというメッセージが出ます。 保存されると別なタブで開いた時にも入力内容が再現されています。 SisyphusはHTML5のローカルストレージを活用し、フォーム内に入力されているコンテンツを保存しています。ラジオボタンやチェックボックスは問題ないですが、テキスト入力の場合は保存されるタイミングが難しいようで、入力直後だと保存されていない場合もあります。とはいえ便利なライブラリです。 Sisyp
jQueryで作られた本格的表計算ソフトウェア「jQuery.sheet」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
jQuery.sheetはjQueryで作られたWebベースの表計算ソフトウェアです。 業務システムなどではWeb上にテーブルを表示するというケースがよくあります。さらに一歩進んで表計算のように集計したり並び替えたりしたいという無茶な要望が出るかも知れません。そんな時に使ってみたいのがjQuery.sheetです。jQuery製の表計算ソフトウェアです。 カラムはもちろん、グラフの表示までできてしまう本格的な表計算ソフトウェアです。 最大化表示。セルの値を参照することもできます。 テキストだけではなくラジオボタン等も使えます。 関数も多彩に用意されています。 編集しているところ。 文字装飾を変更します。メニューから選択できます。 HYPERLINKはその名の通りリンクを埋め込みます。 データにはHTML/XML/JSONが使えます。エクスポートも各フォーマット向けに可能です。 JavaSc
HTML+CSS主体のJavaScriptエフェクト！ 簡単で「使える」jQueryテクニック（解説つき）
4月から入社した2011年度新卒社員です。 ハロこんにゃんセヨ がぜんウェブウェブしているほんだです。 今年4月より、意匠部のME課（めか）でマークアップエンジニアとして働いているほんだです。 入社したての新卒社員ですが、PCサイトのHTML+CSSのマークアップや、MovableType（ブログ構築ツール）での組み込みなど、色々な仕事をさせてもらってマークアップリア充です。 そんな中でも最近多い業務はjQueryを使ったビジュアル面でのちょっとしたJavaScript（以下 JS）プログラミングです。 jQueryってとっても便利ですなぁ。HTML+CSSの知識を持っている人なら、簡単に「使える」エフェクトをつくれます。 この記事では僕が入社して2ヶ月間に学んだ、簡単で「使える」jQueryテクニックを紹介します。 jQueryってなんぞってとこと、使う前の準備をざっくり解説 jQuer
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する