Lispmeetup #56 Common lispによるwebスクレイピング技法
SSII2019 チュートリアル講演 TS2 6月13日(木) 9:00～10:20 (メインホール) プロジェクタとカメラを用いたセンシングは３次元形状の計測をはじめとして様々な用途で用いられています。本チュートリアルでは、近年注目を浴びている時間同期式のプロジェクタ・カメラシステムによって計測の頑健性が飛躍的に向上することを改めて紹介し、さらにロボットビジョン、自動運転、メディカルイメージングなど、その様々な応用に講演者の研究事例を交えて解説します。
今更といわせない！SASSでCSSを爆速でかけるようになろう。 – ホームページ・デザイン制作のAWESOME | 加古川・姫路・明石
良いプログラマーの口癖は「めんどくさい」という話しを聞きました。 効率よく仕事をサクサクっと終わらせて、仕事を終えたい人がプログラマーに向いているのでしょうか。 最近コーディングを効率的に早く終わらせる方法はないかと思いまして、色々と悩んだ結果SASSを復習しようと決めました。 今更感は否めないですが、便利なのに使ってない記法が色々ありました。 sassを使いこなすことで、メンテナンス性も上がりますし、コーディングの効率もあがります。 「sassって聞いたことも使ったこともない！」 って方でも分かりやすくsassを解説していきます。 sassを使ってCSSを効率よくコーディングしよう！sassとはCSSを効率的に書くことができ、保守性も向上させることのできる技術です。 スゲエCSSといったところでしょうか。 CSSってなに？って方は今回のblogは必要ないのでこちらの記事がおすすめです。
抽象化と組み合わせができるレイアウト言語があれば、CSSは必要ない | POSTD
Web上の視覚的なスタイルを指定するCSSは、あまりにも複雑で、恐らく今までに一度も正確に実装されたことはないだろう。それにもかかわらず、バージョンが上がるにつれて、その複雑さは増すばかりだ。一方で、CSSではできることが限られており、初歩的なデザインでさえ不可能であるか、あるいは法外に難しいことも少なくない。加えて状況依存的（または計算的）な側面を持つものは、すべて外部で対応しなければならないという有様だ。その結果、CSSに関するほとんどの手引きでは、希望する外観に何とか近づけたり、非互換性を回避したりするための頼りないハックに多くの労力が費やされている。 – Bret Victor 私は近年、クライアントサイドの開発技術を数多く見てきました。そして、その中でも特に興味深いと思ったのが Elm です。関数型のプログラミング言語としては、Elmはそれほどワクワクするようなものではありません
sass scss html5 - Google 検索
Sassファイルのスタイルの定めから、一部を別ファイルに切り分けることができます。スタイルを部品に分けることで、それらを組み合わせたり、管理がしやすくなるのです。
CSSのメタ言語 - Qiita
Less クライアント上でもCSSへ変換できるところが他の２つとの大きな違い。事前にサーバ上で変換を忘れて古いままのCSSを配布してるなんてことがなくなるのかな...一方で、中括弧やセミコロンの省略ができない。この省略できないのは個人的に痒いところです。また、サンプルコードを見る限り文法のラーニングコストが一番高そうかなと思います。しかし、Google TrendsとGithub上ではLessが一番なので、注目度が一番高いのは間違いなしですね。 Sass / SCSS Ruby on RailsではデフォルトでSassが設定されています。Lessと比較すると文法が分かりやすく、私はとっつき易さを感じました。Github上では、Stylusより少しStar数が多い感じです。SCSSは、2010年Sass3から新たに採用された記法です。SCSSではインデント記法が廃止されCSS3互換文法になり
SASSを５分で理解&導入する【for Mac】 - Qiita
対象 HTML/CSSをそれなりに理解して書けるようになった人。 それなりの規模のWebサービスのCSSを書いた経験がある人。 SASS（サス）とは？ SASSとは「Syntactically Awesome Style sheets（文法的にイケてるスタイルシート）」の略で、CSSをより効率的・構造的に書けるように生まれたものです。（変数や関数を活用しながら、CSSが書けます。） SASSをコンパイルすることで、CSSが生成され、そのCSSがHTMLから読み込まれます。 SASSをインストールしよう SASSをインストールするためには、Rubyがインストールされてることが前提ですが、Macではデフォルトでインストールされているため、SASSをインストールするところから始めます。 これだけ。 SASSを書いてみよう SASSには二つの記法があります。 SASS記法 SASS記法はインデント
Common LispでかんたんWebスクレイピング - masatoi’s blog
WebスクレイピングとはWebから情報を自動的に集めてくるクローラを実装するということである。これを実現するにはHTTPクライアントとHTMLパーサ、そしてパースされた木構造から必要な情報を探索、抽出するセレクタがあればいい。Common Lispにはそれぞれに複数のライブラリがあるが、今回はHTTPクライアントにDexador、HTML/XMLパーサにPlump、CSSセレクタにCLSSを使う。これらのライブラリは全てQuicklispから入る。 (ql:quickload :dexador) (ql:quickload :plump) (ql:quickload :clss) 例としてこのロイターの記事 堅調地合い、1万8000円へ戻りを試す展開に＝来週の東京株式市場 を分析してみる。 HTTPクライアント: Dexador まずHTTPクライアントでHTMLを取ってくる。これにはde
CSSになり損ねた言語たち | POSTD
TeXやMicrosoft Word、あるいはその他の汎用的なテキスト処理環境では簡単に実現できるような見た目に自分の文書を似せようと頑張る（文字どおり）無数の人たちに対して、 “悪いけど、うまくいかないよ” と繰り返し言い続けるのは、実際のところ、この1年間、私にとっては継続的な楽しみだった。- Marc Andreessen 1994年 Tim Berners-LeeによってHTMLが発表された1991年には、ページのスタイルを設定する方法はありませんでした。HTMLタグがどのように処理されるかはブラウザ次第で、多くの場合、ユーザの恣意的な入力が大きく影響しました。そうした事情から、ページがどのようなスタイルで処理されるかを”提案”するような標準的な方法を求める声が上がるようになりました。 しかし、CSSが導入されるのは5年先で、完全に実用化されるには10年の歳月を待たねばなりません。
CSS in JSの資料やリポジトリまとめ - I'm kubosho_
CSS in JSについて調べる必要が出てきたため、せっかくなので見ていた資料やリポジトリを共有しておきます。 資料 React: CSS in JS // Speaker Deck 原典（まだ読み切れてない） React.js + CSS - Qiita 原典の資料を元に、なぜCSS in JSがでてきたのかを解説した記事 CSS in JS と CSS Modules // Speaker Deck CSS in JSとそこから発展したCSS Modulesについて書いてある CSS Modulesの実装がwebpack/css-loaderやoutpunk/postcss-modules、css-modules/css-modulesifyなどになる radium/README.md at master · FormidableLabs/radium Radiumリポジトリ内にあるC
Parenscriptで遊んで見る (1) defun編 - eshamster’s diary
TypeScriptやCoffeeScriptといったJavaScriptを吐き出す言語の名前をしばしば聞きます（まだ使ったことはないです…。）が、Common LispにはParenscriptというものがあります。少しいじってみていたのですが、defun周りが気になったので少し遊んでみたという記事です。 次のように、ps環境下でdefunすると、javascriptの関数定義が出力されます。 (defun test-ps () (ps:ps (defun f1 (a b) (+ a b)) (f1 10 20))) (print (test-ps)) => function f1(a, b) { return a + b; }; f1(10, 20); ネストした環境下でdefunを書くというのもなんか気持ち悪いので…、外に出してみます。 ; NG (defun f1 (a b) (+
脱Bootstrapガイド 〜フルスクラッチCSS〜 - Qiita
2021/02/12 追記 この記事を執筆した当時、Bootstrapがどのサイトでも使われていました。 当時のBootstrapはjQueryと密結合していたり、いろいろと剥がす動機があったのですが、 現在のBootstrapは内部的にもflexboxになっていたりと改良されています。 まずは剥がす前に最新版への更新を検討してみてください。 一方で、TailwindやインラインスタイルCSSなど、Bootstrapを採用しづらい場面も増えてきています。 その場合にはやや記述は古いのですが本記事が役に立つ場面もあるでしょう。 ポイントは、腹をくくってFlexboxのプロパティについて真剣に学ぶことです。 追記終わり Bootstrapは便利ですし、デフォルトのスタイルもフラットでかっこいいですね。 デザイナーでなくてもそれなりに整った画面が作れるということで、大変便利なBootstrapで
とほほのＷＷＷ入門
はじめに ご使用上の注意 (1) 主な更新履歴 (24) 管理者へのメール (1) 自己紹介 (1) 基本編 用語集 (82) Webページ作成入門 (7) 逆引きリファレンス (32) フォーマット HTML (400) HTML5 (7) XHTML (1) MathML (1) DTD (1) JSON (1) SVG (1) VML (1) GIF (1) CSV (1) セマンティック・ウェブ (1) CSS CSS (ABC順)(719) Bootstrap (61) Less (1) Sass (1) Tailwind CSS (1) CSSフレームワーク (1) リセットCSS (1) プログラミング言語 JavaScript (39) TypeScript (1) Java (25) Perl (4) PHP (14) Ruby (11) Python (13) Go (
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://twitter.com/alam_tahera/status/1532607990796533760?t=xC-0DRFHxwntZz4Z1nDyIg&s=09
https://twitter.com/designerSaha/status/1518131401857531905?t=xXJpC3x_qKkfhDJdJEVpdg&s=09
GitHub - Shinmera/CLSS: CSS Like Simple Selectors. A Common Lisp DOM tree search engine based on CSS selectors.
Satoshi Imai on Twitter: "ブラウザでCSSセレクタをコピーできる機能はじめて知った。Common LispのCLSSに突っ込んでみるとまさにその部分を引っ張れた。これは便利 / “Python Webスクレイピング テクニック集「取得できない値は無い」Ja… https://t.co/mwl8CAbUyG"
Flexbox Defense
いまさら聞けないCSS／スタイルシート入門
css macro common lisp - Google 検索
https://github.com/kiwanami/CSS-Guidelines/blob/master/README.ja.md
