タグ

2015年2月18日のブックマーク (8件)

  • RubyでSeleniumを使ってスクレイピング - Qiita

    JavaScriptバリバリなページはNokogiriなどのスクレイピングツールで扱うのが難しいですが、Seleniumでブラウザ自動操作すると大体のものはできるようになるので、使い方をまとめておきます。 Javaから使うのと比べて、Rubyバインディングだとずいぶんシンプルで良かったです。 リファレンス 【2015-11-12 追記】上記のリンクは更新停止しているようなのでこちらを見たほうが良さそうです http://www.rubydoc.info/gems/selenium-webdriver/ 使い方 gemをインストールする。

    RubyでSeleniumを使ってスクレイピング - Qiita
  • Ajax 誕生から 10 年とこれから - Block Rockin’ Codes

    Intro 誕生と言うのが正しいか微妙だけど、多分誕生でいいと思います。 というのも、「Ajax」という名前の出典は以下の記事で、この記事が書かれたのが今日からちょうど 10 年前でした。 Ajax: A New Approach to Web Applications (当時から、 URL が一回変わっている) Web 初めてまだ 10 年たって無いんで、全部見てきたってわけではないですが、個人的にはちょっと思い出深い記事だったりするので、ちょっと振り返ってみます。 Ajax: A New Approach to Web Applications 筆者の Jesse James Garrett 氏は UXコンサルティング会社である Adaptive Path の創立メンバーの一人で、 UX エンジニアです。 この記事の趣旨は、当時既にあった Google Maps や Gmail、G

    Ajax 誕生から 10 年とこれから - Block Rockin’ Codes
  • TodoistとEvernoteでつくるフリースタイルな仕事環境

    仕事を管理するのにきっちりとしたプロジェクト管理のツールを使うのもよいのですが、もう少しあいまいで、何でもフリースタイルで書き込むことができるほうが性に合っているというひともいるでしょう。 たとえるなら、一枚の大きな紙です。 きっちりとしたリポート用紙に仕事にまつわるタスクやメモを書き込んでゆくよりも、えいっと大きな紙にその場に必要なことを書き込みながら、時には乱暴に消したり上書きしながら仕事を進めるほうがいいということはよくあると思います。 こうした仕事環境をデジタルで作ることができるかが一つの挑戦なのですが、ここでも「人生仕事場」へと舵を切ったEvernoteが答えを出しています。 それがEvernoteブログで紹介されていた、TodoistとEvernoteを使ったこんな方法です。 シンプルが最強な Todoist と Evernote Todoistは私もここ1年ほどメインで

    TodoistとEvernoteでつくるフリースタイルな仕事環境
    technuma
    technuma 2015/02/18
  • Useful CSS Text Effects

    2014年8月22日 CSS モバイルファーストの概念が広まり、コンテンツ主体の「読ませる」サイトが増えてきた昨今。テキスト周りをより便利に、より素敵に表示できるようなCSSをいくつか集めました。ユーザビリティの向上も図れるようなものもあるので要チェック!基的なテクニックが中心なので、初心者さん〜中級者さんの参考になればと思います。 ↑私が10年以上利用している会計ソフト! テキスト周りで使えるCSSの小技 目次 テキストを選択する時の色を変更 蛍光ペンで線を引いたような効果 長いテキストを「…」で省略する 番号リストの表現を変更 リンクの種類でアイコン変える 言語によってスタイルを変更 テキストリンクのエフェクト プリント時はURLを表示 長いURLを途中で折返す 途中で折り返さず、次の行に 先頭の文字を大きく 先頭を一文字分あける グラデーションテキスト ブラウザーは特記していなけれ

    Useful CSS Text Effects
  • かわいい系デザインに使えるCSSいろいろ

    2015年2月18日 CSS 過去に書いた「かわいい系デザインに使えるフォントや素材、デザインアイデアを集めました」という記事でかわいい系デザインの作り方を紹介しました。今回はかわいい系第二弾!CSSだけでできるかわいい小技をいくつか紹介します。すべてデモ付きなのでイメージしやすいかな?と思います。デモ画面内にある「HTML」「CSS」タブでコードが表示されるので、コピペして使ってくださいね! ↑私が10年以上利用している会計ソフト! 目次 キラキラ系テキスト マーカーでラインを引く ステッチ風ボックス リボン 画像をハート型で切り抜く ハートの鼓動 ラブビーム 1. キラキラ系テキスト 某ギャル雑誌(もう刊行されてないのかな?)で毎回見かけていたこの白抜き+明るい色のシャドウ。CSSでは text-shadow を用いて表現できます。ポイントは文字を白に設定し、シャドウの横位置・縦位置と

    かわいい系デザインに使えるCSSいろいろ
  • ブログやサイトのパフォーマンス改善やセキュリティ向上のためによく使う.htaccessの設定のまとめ

    ブログやWebサイトのパフォーマンスの改善やSEOセキュリティの向上に役立つ.htaccessの設定を紹介します。 ドメインをwww有り・無しに統一、新ドメインに引っ越した時のリダイレクト、URLをクリーンなものにしたり、共有サーバーでのPHPのバージョンを指定したりなど、すぐに利用できるものばかりです。 .htaccess Snippets -GitHub 元記事には有用な.htaccessのスニペットがPublic Domainでまとめられおり、それら全部に加えて.htaccessファイルの作成と使い方を加えました。 .htaccessファイルの作成と使い方 リライトとリダイレクトの設定 セキュリティの設定 パフォーマンスの設定 その他のいろいろ有用な設定 .htaccessファイルの作成と使い方 「.htaccess」ファイルを作成することは非常に簡単です。 テキストベースのアプリ

    ブログやサイトのパフォーマンス改善やセキュリティ向上のためによく使う.htaccessの設定のまとめ
  • PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ

    スマートフォンの普及で、PCで閲覧するWebサイト(以下、PCサイト)に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景

    PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ
  • https://jp.techcrunch.com/2015/02/18/20150217share-twitter-account/

    https://jp.techcrunch.com/2015/02/18/20150217share-twitter-account/