便利なXPathまとめ - ZOZO TECH BLOG
こんにちは。 今日も元気にクローラー作成！バックエンドエンジニアのりほやんです。 最近クローラーを作成する機会が多く、その時にXPathが改めて便利だと思ったので XPathについてまとめてみました！XPathを学ぶ方の役に立てれば幸いです。 初級編 XPathとは XPathはXML文章中の要素、属性値などを指定するための言語です。 XPathではXML文章をツリーとして捉えることで、要素や属性の位置を指定することができます。 HTMLもXMLの一種とみなすことができるため、XPathを使ってHTML文章中の要素を指定することができます。 例えば、 <html> ... <body> <h1>ワンピース</h1> <div class="item"> <span class="brand">iQON</span> <span class="regular_price">1,200円</s
ソースコードからドキュメントをDoxygenで生成する
新トップページへ ｜ Ｔｉｐ ソースコードからドキュメントをDoxygenで生成する LastUpdate : 13/01/02 JavaDoc的なことをC++でもやろう、という話です。 正直、JavaDocで生成したHTMLを見て役に立ったことがあまり有りませんが、コメントを書く際の統一的な書式としては役に立つと思います。 もくじ はじめに Doxygenのインストール コメントの書式 ドキュメントを生成する はじめに 詳細はこちら(http://www.doxygen.jp/)を参照。 日本語サイトがあるので、非常に便利です（すごい！）。また、非常に多機能。 実際、使えるようなドキュメントにするかしないかはコメントを書く人次第だが・・・。 このページでは、コメントの基本的な書き方をサンプルとしてあげる程度に留める。 また、Doxygenは、コメントの書式がいくつかのタイプから選べるが（
RGBとカラーコードの変換ツール : 数値が何色か調べることもできます
ツールの使い方 WEBブラウザ上で動作する、RGB値とHTML・CSSなどの色指定で使用するカラーコードを相互変換するシンプルなツールです。 カラーコードをRGB値に変換したい場合は上の欄にカラーコードを入力してください。 RGB値をカラーコードに変換したい場合は下の欄にRGB値を入力してください。 このツールはカラーコード・RGB値どちらか一方のパラメータを編集すると、その内容にあわせて反対側のパラメータが自動的に書き換えられる仕組みとなっておりますので、即座に変換結果を求めることができます。 上側の入力欄がカラーコード。6桁もしくは3桁の16進数を入力します。 下側の入力欄はRGB値の入力欄です。0から255まで10進数の数字が入ります。 Rが赤色、Gが緑色、Bが青色を表しています。 RGB値は、入力欄の横にあるスクロールバーで調整することもできます。 そして、一番下にあるボックスに現
これからWebサイトの制作をしたいけど、何から勉強したらいいの？っていう人のためのガイド
以前から、「Webサイトを制作をしたいけど、何から勉強したらいいの？」という質問をよく頂いていました。私が Web制作を勉強し始めた頃に比べると、最近はたくさん情報がありすぎて何から始めればいいのか迷う人も多いみたい …。なので今回は、Webサイトを作るのに必要な知識を簡単にまとめてみました。 最近本だなを整理していて、もう読まなくなった Web制作系の本を片付けたりしてみました。ずーっと前、Webサイトってどうやって作るんだろうってところから始まって、用語もよく分からないまま色んな本を読んだりした頃を思い出します …。 Webサイトは HTML っていうものでできていて、CSS っていうもので、見た目をデザインしていくのかぁ … っていうことさえ、あの頃の私にとっては新しい発見だったなぁ … なんて思ったりしました。 最近では HTML5 とか CSS3 とか、私が勉強し出した頃に比べる
MOONGIFT: » Markdown/HTML/LaTexを相互変換「Pandoc」:オープンソースを毎日紹介
プログラマはテキストフォーマットが一番大好きだ。かくいう私も好きだ。だが、ある程度形式ばった文書が必要な時もある。例えば仕様書などだ。 そうした時だけMS Wordをはじめとしたワードプロセッサを使う人もいるだろうが、とかく面倒くさい。テキストファイルからみられる形式に変換してくれるソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはPandoc、各種フォーマットの相互変換ソフトウェアだ。 PandocはCUIベースのソフトウェアで、ある形式の文書を別な形式に変換できる。読み込める形式として、MarkDown、構造化されたテキスト、HTMLそしてLaTexが対応している。そして、出力形式としてこれらに加えてConTeXt、DocBook、RTF、manそしてs5プレゼン形式になっている。 例えば、テキストファイルを元にs5形式で出力してプレゼンテーション資料を作り、配布はLaTeX
deck.js » Modern HTML Presentations
<div class="deck-container on-slide-1"> <section class="slide deck-previous"> <h1>My Presentation</h1> </section> <section class="slide deck-current"> <h2>Slide Header</h2> <p>Here is a list of points:</p> <ul> <li>Point 1</li> <li>Point 2</li> <li>Point 3</li> </ul> </section> <section class="slide deck-next"> <h2>Another Slide</h2> <blockquote cite="http://example.com"> <p>Lorem ipsum dolor sit
数式をツイートするWebアプリを試作してみました - catatsuy's Blog
なんとなく作りました デザインとか突っ込みどころしかないですが，とりあえず使えます というわけで何をするアプリなのか説明します Twitterには数式をツイートする機能はありません というかそもそもHTML自体数式の取り扱いはダメダメで，電子書籍の一形式であるHTMLベースのEPUBなんかも数式が表示できないから理科系で使われることはまずないと見られています というわけで数式を普通にツイートするのは無理なのですが，数式をテキストで表現する場合はTeXというデファクトスタンダードがあります といってもTeXの数式は読める人と読めない人がいる上に，読める人でも長いものは読むのもうんざりしてしまいます ということでTeXの数式を画像にしてツイートできるサービスがあったら嬉しいなーと思って作ってみました 画像はいろいろ考えたのですが，Twitter本家が一番簡単だったのでTwitterにアップロー
impress.jsでド派手なスライドをつくろうぜ！
“HTML5アプリ作ろうぜ！”連載がスタートしました！ デジタルハリウッドの現役アプリクリクリエイター専攻講師が、最近はやりの「HTML5・JavaScriptライブラリ・CSS3・API」の紹介、またそれらを組み合わせた「sampleアプリケーションの紹介と解説」を厳選し執筆していきます。 最近、セミナーでこの「impress.js」を利用する機会が多いのですが、その際に参加者から評判が良いので、まずはこれを紹介します。 impress.jsとは？ CSS3を活用したオープンソース（ライセンスMIT）のプレゼンテーションJavaScriptライブラリです。 対象ブラウザ Safariブラウザが現状では最もスムーズに動作します。一応、Chromeも推奨ブラウザです。 特徴 【1】ド派手なスライド動作 最大の特徴は派手でイケイケなスライド。始めてみた人は必ず見入ること間違いありません。シンプ
第5回 独自フォーマット戦略の終焉 | gihyo.jp
一歩下がって「時代の流れ」を見る この業界では日々さまざまなことが起きている。そんな中で、個々の事象にいちいち惑わされず、自分なりに「時代の流れ」をしっかりととらえる目を養うことが大切である。 最近だと、MicrosoftがHTML5の採用に踏み切ったこと[1]、AppleとAdobeのFlashに関するにらみ合い、Googleが買収したOn2 Technologiesのビデオコーデック「V8」を「WebM」としてオープンソースにしたこと、シャープが提唱する電子書籍の独自フォーマット「次世代XMDF」が激しく批判されていることなどが目についたニュースだが、そのどれもが一つの強い方向性を示している..「独自フォーマット戦略」の終焉だ。 独自フォーマット戦略 独自フォーマット戦略とは、自社が所有する知的所有権をからめたメディアのフォーマットをなんらかの方法で「業界標準」とし、ツール、再生ソフ
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA