pre要素でソースコードを折り返すためのCSSです。最近は色々なSyntax Highlighterが登場しているので必要ないかもしれませんが、URLなどの横に長い文字列をpre要素で表示したいときに有効かもしれません。 1.CSS 以下のCSSでpre要素の文字が折り返せます。「white-space: pre-wrap」または「word-wrap: break-word」に未対応のブラウザはoverflowプロパティでスクロールします。 pre { white-space: pre-wrap; word-wrap: break-word; overflow: auto; } 以下は、過去の記事でよくみかけた設定です。 pre { white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; w
継続的インテグレーションができるようになったのなら、あとは継続的デプロイメントまでやっていただきたいし、大切なのは倍返しじゃなくて繰り返しだねってことで表題の通り。 前にやろうとして調べた時は、HerokuのAPIキーを暗号化して自前でデプロイ用スクリプトを用意して…てな感じでややこしそうだったけど、今はTravis CIで正式に対応していて、コマンド一発で設定できてしまう簡単さで、驚きのあまり出向しそうになった。 The Travis CI Blog: Introducing Continuous Deployment to Heroku HipChatに通知を送る時にも使ったtravis gemからその設定を行える。 $ travis setup heroku Deploy only from ruedap/daplog? |yes| yes Encrypt API key? |yes
デモページ CSS3を使った8つのテクニック デモページの8つの実装方法を個別に見てみましょう。 HTML HTMLは全デモ共通で、hr要素にclass名を付与するだけのシンプルな実装です。 <hr class="style-one"> [ad#ad-2] CSS スタイルシートは各デモのキャプチャとともにご紹介。 繊細なグラデーションを使ったデザインです。 hr.style-one { border: 0; height: 1px; background: #333; background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); background-image: -ms-linear-gr
Remove sensitive data · GitHub Helpの翻訳です。直訳すると日本語として不自然になるようなところは一部意訳しています。 秘密情報の削除 パスワードや何かのキーをGitリポジトリにうっかりコミットしてしまうことは往々にしてあるものです。しかもそれらはgit rmコマンドでファイルを削除してもリポジトリの履歴に残り続けます。ですがご安心ください。gitにはとても簡単にリポジトリ全体の履歴からきれいさっぱりそのファイルを消し去る方法があります。 危険!: 一度コミットしてpushしてしまったそれらの情報は信用ならないものと考えるべきです。それがパスワードであれば絶対に変更しましょう。何かのキーであれば再生成するべきです。 ファイルをリポジトリから切り離す方法 パスワードを変更したら、そのファイルを履歴から消し去り、確実に再度コミットしてしまわないように.gitig
最初に この記事は Ruby on Rails Advent Calendar 2013 - Qiita [キータ] の7日目の記事です。 前日は a_suenami さんの Railsでサービスとフォームを導入してみる話 - assertInstanceOf('Engineer', $a_suenami) です。 本題 こういう gem を作りました。 pinzolo/rails-flog - Github rails-flog - RubyGems.org Gemfile に下記を追加して bundle install するだけで、ログに出力されるパラメータとSQLが整形して出力されるようになります。 gem 'rails-flog', :require => 'flog' Redmine でのスクリーンショットはこんな感じ。 使用前 使用後 Railsアプリケーションに tmp/no
photoshopにプラグインを追加してファビコンなどを作るときに使う形式であるicoファイルを作成する方法です。 1、まずは下記のサイトからプラグインをダウンロードしてきます。 http://www.telegraphics.com.au/sw/icoformat.ja.html 64bit以上のphotoshopなら、Winでは「Windows, 64ビット版 Photoshop CS4 専用 」をMACならMac CS5 (Intel 32/64-bit)を落とします。その他自分の環境に合ったものをダウンロードしてきてください。 ダウンロードしてきたファイルを回答するとICOFormat.8biとかIcoformat.pluginとかプラグインが入っていますのでそれを下記の場所にコピーします。(おそらくプラグイン以外はhtmlファイルですので、見ればわかるかと思います。) Macの場
doctype html html head script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" script src="js/animatedtablesorter/tsort.min.js" link rel="stylesheet" href="js/animatedtablesorter/style.css" type="text/css" body javascript: $(document).ready(function(){$('table.tableSorter').tableSort();}); table border=1 class="tableSorter" tr th ID th Thumnail 以下略 scriptへのリンク自体はimgを埋め込む時と同じ感じ。 scr
単体テストの習慣がない場所で必ず聞く言葉がある。 「単体テストを書けば不具合はなくなるの?」 答えはNOである。 「単体テストを書けば工数が減るの?」 厳密に言えば、答えはNOである。 単体テストは変更・追加開発した場合のデグレーションを減らすことはできるが、変更・追加箇所に不具合がないことを保証する方法論ではない。もちろんTDDで開発して、単体テストを予めかいておけば、いくらか不具合を減少させることはできるし、検証テストでは作るのが難しいテスト条件でのテストを行うこともできるので、まったく完全なNOではない。検証テストで発見される不具合が少なければ、不具合修正と再テストの時間を減らすことができるので、工数が減る場合もある。 でも、単体テストは銀の弾丸ではない。単体テストができるのは、テストケースで定義した状態・状況において不具合が発生すると教えることだけである。 ということを頭においた上
Amazon SageMaker Geospatial Capabilities Now Generally Available with Security Updates and More Use Case Samples At AWS re:Invent 2022, we previewed Amazon SageMaker geospatial capabilities, allowing data scientists and machine learning (ML) engineers to build, train, and deploy ML models using geospatial data. Geospatial ML with Amazon SageMaker supports access to readily available geospatial dat
闇Advent Calendar 1日目の記事として、最近の開発における心の闇に触れます。 最近開発した Autodoc というツールについて簡単に説明した後、 この手のツールの開発にあたって考えていた、 創作活動の在り方や、社会の斥力、25歳定年説などについて触れようと思います。 Autodocとは Rack applicationで実装されたAPIに対して、RSpecで書かれたテストを元にAPIドキュメントを生成するもの。 テストを実行すると、テスト中に発行したリクエストやレスポンス、そのテストに付けられたメッセージを元に、 良い感じに情報をまとめ、Markdown形式でAPIドキュメントを記したファイルを生成してくれる。 例えばGitHubではMarkdownファイルを適当に描画してくれるので、 下図のようにGitHub上で簡単にドキュメントを閲覧出来るようになる。 テストの書き方
Tools for Web Developers Join 13,273 subscribers! One email every week By subscribing using the above form, you agree to receive emails from Web Tools Weekly and you agree to the terms and conditions and to have your data stored and tracked in line with Intuit MailChimp's privacy policy and terms. What Readers Say About Us... Over the years I've received a number of unsolicited messages via email
Getting Started A simple Thor class exposes an executable with a number of subcommands, like git or bundler. In a Thor class, public methods become commands. class MyCLI < Thor desc "hello NAME", "say hello to NAME" def hello(name) puts "Hello #{name}" end end You can start the CLI with a call to MyCLI.start(ARGV). Typically, you would do this in an executable in the bin directory of your gem. If
A syntax to SCSS uses its @media = 700x600x40:body = green, and foreground =… To generate a Sass Syntax, please contact Sass Syntax using this url and a screen name (width: (000) 700px). Image: @media (width *= 700px); body: green; background: green. Table of contents what is @media in sass?what is media scss?how do you structure a media query?can we use media query in sass?where do media queries
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く