CasperJSでWEBサイトをスクレイピングしてみる - Qiita
前回の投稿（CasperJSでWEBサイトの画面キャプチャを取得してみた）の続きです。環境構築の方法（Mac）については、前回の投稿をご覧ください。 はじめに とある事情で、Qiitaの Organizationページ(自社の) をWEBスクレイピングしました。 とある事情というのは、自社のブログ に、自社メンバーのQiita新着投稿をブログパーツ的に表示したかった。 Qiitaへゴリゴリ負荷をかけるものではないです^^; CasperJS は CoffeeScript をそのまま解釈してくれるので、今回は CoffeeScript で書いてみます。 ちなみに CasperJS は仮想ブラウザ？的に動いているので、対象ページが JavaScript 等で動的に描写されるページでも、スクレイピングできるはず..です。 今回の成果物 QiitaをWEBスクレイピングして、こういうブログパーツ（
Bootstrap 3でレスポンシブ対応のwebページをつくろう！グリッドシステムの基本な使い方
Bootstrapはここ数年人気が非常に高く、多くのWebデザイナー・制作者がレスポンシブ対応のWebサイトを作るための本当に便利なツールです。使いやすいclassを備えたモジュール式のフレームワークで、カスタマイズ性にも非常に優れています。 Bootstrapのファイルのダウンロードからファイルのセットアップ、グリッドシステムの基本的な使い方を解説した記事を紹介します。 Installing Bootstrap and the Bootstrap Grid System 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 Bootstrap 3の特徴 Bootstrapのダウンロードとインストール Bootstrapのファイル構成 このチュートリアル用のファイル構成 デバイス用のclass コンテナの実装と配置 グリッドの実装 オフセッ
[Vagrant] VagrantでSSH接続するためのSSH client導入法 for Windows ユーザー [PuTTY] - Qiita
[Vagrant] VagrantでSSH接続するためのSSH client導入法 for Windows ユーザー [PuTTY] Windowsの場合、vagrant sshコマンドを使うには、SSH clientを導入する必要があります。SSH clientには色々な種類がありますが、今回はPuTTYを使います。 SSH clientにPuTTYを使う まずは、PuTTYをインストール 下記URLを参考にしてください insecure_private_keyをPuTTY形式（.ppk）に変換 PuTTYgen utilityを開く Loadボタンを押す ....vagrant.d\ディレクトリに移動 Windows XP: C:\Documents and Settings{your username}.vagrant.d\ Windows 7: C:\Users{your user
![[Vagrant] VagrantでSSH接続するためのSSH client導入法 for Windows ユーザー [PuTTY] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/16a8f6ceb09776de0dbcde11ecf02a7e5089df7b/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9JTVCVmFncmFudCU1RCUyMFZhZ3JhbnQlRTMlODElQTdTU0glRTYlOEUlQTUlRTclQjYlOUElRTMlODElOTklRTMlODIlOEIlRTMlODElOUYlRTMlODIlODElRTMlODElQUVTU0glMjBjbGllbnQlRTUlQjAlOEUlRTUlODUlQTUlRTYlQjMlOTUlMjBmb3IlMjBXaW5kb3dzJTIwJUUzJTgzJUE2JUUzJTgzJUJDJUUzJTgyJUI2JUUzJTgzJUJDJTIwJTVCUHVUVFklNUQmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWQzOTUwN2MyODAyMzg1MjY1OGRmYzMzOTFhZDhkZTdm%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwcGFraXJhbiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NjU2NWQxOGMxY2M0NWU2ZWJkZGM3ODQ2NjVhY2FlODY%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Dd42f190fdd54a00664d22c15e26da108)
開発者がSurfacePro3を買ったらまずやること - Qiita
SurfacePro3買いました。なかなか面白いデバイスですね。 こころがぴょんぴょんするんじゃ～～ SurfacePro3を機に久しぶりにWindowsを触るという方もいらっしゃるかと思うので、Windowsでの開発環境構築まとめを書いてみます。タイミング的にタイトルにSurfacePro3を入れましたが、SurfacePro3特有の話はありません。 アカウント作成 いきなりですが、アカウント作成のときに注意点があります。ユーザー名に日本語を使ってはいけません。GNUツールの中には日本語パスやスペースを含むパスを考慮していないものが割とあります。あるいはemacsのように、プログラム自体は対応していても、プラグインの中に対応していないものがあるというケースもあります。それはそういうプログラムの問題ではあるのですが、使いたいプログラムが動かないと仕方がないですので、あらかじめユーザー名を英
WindowsにRails開発環境を立てる(Vagrant+rails-dev-box+RubyMine) - Wakotech Blog
__2016/3/8追記__ 結構アクセスあるみたいなので追記しますが、あらかじめ言っておくとUnixネイティブ程には追いつけないです。 特にjavascriptの差分ビルド関連が遅かったりするので、可能である限りおすすめしません。私はあきらめました。 動機 デスクトップマシンのWindowsは持ち運ぶMacbookと違い常に電源やディスプレイが刺さっており、配線準備をせず起動できるため Macbookよりマシンスペックが高いため 録画したアニメを見ながら作業ができるため KrileStarryEyesが使えるため これからやることの概要 VirtualBoxとVagrantとRubyMineをインストール RubyMineはJetBrain社の有償IDE。30日間無料で試用可能 学生ライセンスで無料で使用可能。学生は今すぐ登録しよう！ 試用期間が過ぎていて学生でない方は、他のエディタ+プ
コマンドプロンプトからPowerShellに乗り換えるための小さな本 - Qiita
2015年5月 初版 2017年11月 第2版 見やすく編集。 内容 はじめに 2 使い方 2 実行ポリシーの変更 2 モジュール用ディレクトリの作成とプロファイル 3 PowerShellの操作方法 4 基本的なコマンドレット 5 PowerShellスクリプト 6 コマンドレット 6 文字列の表示 6 コマンドライン引数 6 スクリプトの終了 7 変数 7 配列 7 連想配列 8 演算子 8 関数 9 オブジェクト 9 パイプラインとリダイレクト 10 .NET Framework の利用 10 COMの利用 11 既存のスクリプトの利用 11 応用例 12 ショートカットの一括変更 12 CSVファイルの作成 13 ゴミ箱へファイルを捨てる 14 Thumbs.dbの一括削除 14 フォルダのサイズ 15 はじめに Windowsでコマンド操作と言えば伝統的にコマンドプロンプトが使わ
JavaScriptを中心としたWebアプリ開発の栄枯盛衰まとめ――LiveScriptからAngularJS／React.jsまで
JavaScriptを中心としたWebアプリ開発の栄枯盛衰まとめ――LiveScriptからAngularJS／React.jsまで：15周年記念特別企画 ＠ITが誕生した2000年頃はJavaScriptが不遇だった時代。そこから現在のような人気のプログラミング言語になるまでには、どのような歴史があったのか。15周年を迎えた＠ITの豊富なWeb開発関連記事とともに振り返る。 2015年6月17日に、JavaScriptの最新標準仕様となる、ECMAScript 6（ES6、ECMAScript 2015）が正式に承認されました（参考）。1997年にECMAScriptのバージョン1がリリースされてから6度目のアップデートとなり、これまでの中で一番大きな変更が加えられたことになります。 本稿では、ECMAScript 6が正式に承認されたということもあり、2000年頃の第一次ブラウザー戦争
JavaScript入門 - Qiita
ブラウザに実装されているスクリプト言語 動きのあるウェブサイトにできる ※Javaとは別物 リファレンス mdn javascript 主な構造 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>JavaScriptの練習</title> </head> <body> <script src="myscript.js"></script> <script> /* コメント コメント コメント */ // コメント console.log("hello world!"); </script> </body> </html> ※scriptタグは/bodyの直前 変数とデータ型 変数とは データにつける名前 複雑なデータに名前をつけ、それを使って演算や使いまわしができる var msg; 文字列を割り当て
株式会社Qript グループ統合に関するお知らせ
このたび弊社を含む Penseur（パンスール）グループ傘下の事業再編にともない、2022年4月1日をもって、株式会社Qriptは株式会社Penseurへ吸収合併され、新たな歩みを進めることとなりました。 2000年に創業し本日に至るまで、多くの皆様からのご愛顧に対し、社員一同、深く感謝するとともに心より御礼申しあげます。 なお、弊社の既存事業・業務はすべて株式会社 Penseurにて継続してまいります。 事業再編により、新たな体制をもって総力を結集することが可能となり、今後さらに高付加価値のサービス提供が可能になると考えています。 今後も皆様のご期待に添えますよう全力を尽くしてまいりますので、引き続き、何卒ご指導ご鞭撻を賜りますようお願い申し上げます。 2022年4月1日 株式会社Qript 代表取締役 寺嶋正浩 株式会社Qript グループ統合に関するお知らせ（PDF） ※株式会社Qr
非同期通信（Ajax）をするときはタイムアウト処理を必ず入れてほしい（切実） - Qiita
非同期通信（Ajax）を行うとき、きちんとタイムアウト処理を入れていますか？ スマートフォンやタブレットでWebサイトを閲覧しているとき、地下に入ったりして通信ができなくなるというケースは頻繁に起こります。そんなとき、きちんとタイムアウト処理をしていないと、場合によってはいつまで経ってもローディングが終わらず、ユーザーが離脱してしまうということが起こります。質の高いWebコンテンツ制作のために、必ずタイムアウト処理は入れましょう。 jQueryでの実装例 たとえばjQueryでAjaxを扱うajax()メソッドには、timeoutという便利なオプションがあります。timeoutに指定した時間（ms）が経過しても通信が完了しない場合、エラー処理が実行されます。手軽に実装できるので、ajax()メソッドを使うときは必ず設定しましょう。 // 10秒経っても通信が成功しない場合は失敗処理を実行す
vue.jsとBootstrapのタブを組み合わせるサンプル - Qiita
追記: コメント欄でjQueryを使わないシンプルなコードを紹介していただいたので，そちらも参考にしていただければと思います。 はじめに 先日紹介したサンプルと同じ構成で，ページ内にBootstrapのタブを組み合わせるコードを紹介します。少なくとも日本語ではググってもイイ感じのサンプルが見つからなかったので…… 目標は，各ページをコンポーネントとして実装しているSPAで，「戻る」や「進む」によるページやタブの遷移を自然に行うことです。今回の例で言えば，次のような挙動を実現することです。 /にアクセスする（homeコンポーネントの内容が表示される） リンクから/exampleにアクセスする（exampleコンポーネントの内容が表示される，タブは1個めがアクティブ） タブを2個めに切り替える リンクから/にアクセスする（再びhomeコンポーネントの内容が表示される） 戻るボタンを押す（exa
AngularJSの便利なツール20選 | POSTD
皆さんはAngularJSに興味がありますか？ この記事では、AngularJSのための最適なツールと選りすぐりの情報をリストにまとめています。Angularを使ってアプリケーションの開発をする際には役立つ内容です。 Webアプリケーションを動的に設計したいWeb開発者の多くは、 フレームワークとしてAngularJSを選択するようになってきました 。AngularJSの開発者が新たにAngularJSプロジェクトを立ち上げる場合、本格的にWebサイトを開発しようとすると、非常に多くのツールが必要になります。 AngularJS初心者の場合は、まず始めに AngularJSの良書 を何冊か読むと良いでしょう。 私たちは、オンラインでAngularJSを学習するための、膨大な AngularJSのチュートリアル リストも作成しています。 AngularJSでWebアプリケーションを開発する際
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Bitbucket | The Git solution for professional teams
Accessでフォームからデータを追加し、Excelのシートにエクスポートする