Webアプリケーションのテスト自動化 - Qiita
社内向け説明資料。SeleniumWebdriverを用いた自動テストの概要について。 基本情報 執筆：2018/07/23 更新：2020/01/16 OS:Windows10 Seleniumとは Webアプリケーションをテストするためのフレームワーク（ライブラリ）、といった書き方がしてあるサイトが多いが、「Webブラウザに特化したRPAツール」といった表現の方が理解され易いかもしれない。 できること ブラウザ上で人間が行う操作をプログラミングし「ブラウザ操作ロボット」を作ることで、Webアプリケーション開発時のテスト工数を節減できる。以下がメリットと考えています。 ボタン一つでテストが完了できる。（人間の作業が不要） 異なるブラウザでのテストが可能。(つくりによるが大抵は再コーディング不要) レガシーとなる。（費用の有効活用） Webアプリケーション開発を行う際のテスト工数は開発費用
JavaScriptで自分だけのWeb製作エディタを構築できる「GrapesJS」を使ってみた！ - paiza開発日誌
どうも、まさとらん（@0310lan）です！ 今回は、ドラッグ＆ドロップで誰でも簡単にWebサイトを製作できるサービスのご紹介です！ そのままでもWebオーサリングツールとして大変便利なのですが、JavaScriptで好きなようにカスタマイズしてオリジナルのエディタを開発＆公開できるという面白い特徴があります。 現在、オープンソースとして活発に開発が進められているので、ぜひこの機会にみなさんも試してみてください！ 【 GrapesJS 】 ■「GrapesJS」の使い方！ それでは「GrapesJS」を使ったWeb製作エディタがどのようなツールなのかを見ていきましょう！ トップページにある「Webpage Demo」というボタンからアクセスすることができます。 登録なども不要で、すぐにブラウザ上で「エディタ」が表示されます。 この画面上で、自分の好きなようにWebサイトを製作することができ
JavaScript / jQueryでtableの行を「追加」「削除」「移動」「変更」させる方法
まず「リスト選択」の列の選択肢から「B」を選択します。 ⇒「リスト名」が「B」に変更されます。（変更）「追加/削除」の列の「+」ボタンを押します。 ⇒行が追加されます。（追加）追加された行の「リスト順」の列の「↑」をクリックします。 ⇒行が上へ移動します。（移動）移動した行の「リスト順」の列の「↓」をクリックします。 ⇒行が下へ移動します。（移動）最後に、好きな行の「追加/削除」の列の「-」ボタンを押します。 ⇒行が削除されます。（削除） いかがでしょうか。まあ、よくある機能ですね。では、この機能の実装方法について以下にまとめておきたいと思います。 HTMLHTMLでは、以下の点がポイントとなります。 それぞれの機能を発生させるためのイベントハンドラをセットしておきます。操作の対象となる「行」の部分は<tbody>タグ内に記述するようにします（これが後々大事になります）。JavaScrip
Monacaで作る、初めてのOnsen UIアプリ
← 前回 連載 INDEX 次回 → 連載2回目の今回は、前回作成した“初めてのOnsen UIアプリ”プロジェクトを開いて、そこに含まれるファイルの中身を見ていく。 「Onsen UI最小限のテンプレート」から作成したこのプロジェクトには、自動的に作成されるナビゲーションやボタン用のコンポーネントが含まれ、コードは通常のJavaScriptの書き方で書かれている。これをAngularJS流に書き換えていく。そして書き換えたアプリのアプリケーションファイルを作成（ビルド）して、デバイスに実際にインストールする。 Monacaにログインしていない場合には、トップページを開いて、［ログイン］ボタンからログインする。するとMonaca IDEのダッシュボードが開き、プロジェクトの一覧に“初めてのOnsen UIアプリ”が表示される。このプロジェクトを開くにはプロジェクト名の右にある［開く］ボタン
フェイスブック用にOGPの設定してたら修正が必要な[いいね！]ボタンの警告？
OGP(Open Graph protocol)って知ってますか？ 「フェイスブックなどのSNSがブログやサイトの情報を持って行く際にOGPの情報を参考にする」ようです。どんなサイト管理者も注目する要素ですね。 エラーが出る「修正が必要な[いいね！]ボタンの警告」 OGPの設定をして「ひゃっほー」となっている私をあざ笑うかのようにフェイスブックのデバッカーがエラーを吐く・・・ ・Facebookのデバッカー エラーの内容は下記のとおりです。 Admins And App ID Missing: fb:admins and fb:app_id tags are missing. These tags are necessary for Facebook to render a News Feed story that generates a high clickthrough rate. G
![フェイスブック用にOGPの設定してたら修正が必要な[いいね！]ボタンの警告？](https://cdn-ak-scissors.b.st-hatena.com/image/square/1783c43e6fa1f66fd3ff6098a7df6189e5ede4b0/height=288;version=1;width=512/http%3A%2F%2Fwww.promeshi.com%2Fwp-content%2Fuploads%2F5a957eea79674b52577ba301418c7524.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
