# vim Vimを起動して <?xml version="1.0"?> <?mso-application progid="Excel.Sheet"?> <Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet" xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet"> <Worksheet ss:Name="Sheet1"> </Worksheet> </Workbook> XMLを書いて <?xml version="1.0"?> <?mso-application progid="Excel.Sheet"?> <Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet" xmlns:ss="urn:

以前ここでも「CSS3 Transitionプロパティでアニメーションを実行させるパターン【ページロード／マウスオーバー／クリックアクション】」と題して、 CSSアニメーションの実行パターンをいくつか紹介しましたが、 アニメーションの実行制御をCSS側でなくjQueryで操作させる方法が 簡単でいろいろとこの先使えそうだったので紹介してみます。 構成としてはCSS側でアニメーション設定をしておいて jQuery側でコンテンツ要素に対してclassを付けたり外したりさせることで その要素に対してアニメーション制御をする形になります。 例えばHTMLには 以下のようなidを付けたdivを用意して、 ◆HTML <div id="action"></div> CSS側では 以下のようにアニメーションをセットします。 ◆CSS #action{ top: 0; left: 0; width: 50

This method of upgrading node is now unstable and should not be used. The best way to manage Node.js versions is to use NVM: Node Version Management.! I was recently installing a utility via NPM when I learned that my version of Node.js itself was out of date.  No worries -- simply upgrade my Node.js install and move forward.  Of course I could just hit nodejs.org and get the new image, but figure

Flat UI Free – Framework and Bootstrap Theme Design FreebiesAndrian Valeanu • March 08, 2013 • 2 minutes READ Flat UI Free is made on the basis of Twitter Bootstrap 3 in a stunning flat-style. Flat UI Free contains many basic and complex components which are great for designers to have at hand: buttons, inputs, button groups, selects, checkboxes and radio-buttons, tags, menus, progress bars, slide

Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.

Schedule a demoExplore team solutions and boost business efficiency.

こんにちは, 先日Kansai.pmで発表させて頂いたgoccyこと五嶋＠たんぽぽグループです. 今回は, 前回紹介した技術的負債の把握と改善を促すためにの続編として, 僕が作ったPerl5コードのコピペ検出器について紹介させて頂きます. はじめに 今やPerl, Ruby等さまざまな言語で, 便利なライブラリ群やフレームワークを利用できる時代になりました. これらを使うことでソフトウェアの開発コストは格段に下がり, より素早く開発することができるようになっています. しかし, 当初予定されていた機能を実装して, 「よしできたから終わり！」というわけにもいきません. 何か物を生み出せば, 必ずそれを保守・運用するコストが発生します. 開発することが便利になった今, 開発物を保守・運用することを支援するツールも求められています. ですが, 保守や運用, とりわけ保守に関して支援するツールはそ

Simulating squishy rubber (elastomer) buttons, inspired by designs on Dribbble...

Unfortunately the site you are looking for is unavailable at this time. This is not a server error, but an intentional closure. Domain owner? If you are the owner of this website and believe the website is offline in error, please contact [email protected] immediately. This page should not appear without due reason and you will have been notified by email regarding any important changes to your acc

In this tutorial, we are going to make a simple web app that allows you to drag a photo from your computer into the browser window, and apply instagram-like filters on it. For this purpose we are going to use a number of JavaScript libraries and plugins: Caman.js - this is a powerful canvas manipulation library that allows you to apply various effects and filters on an image. It comes with 18 pres

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! The following is a guest post by Dirk Lüth. Dirk had an interesting take on responsive layout. It uses media query breakpoints to shuffle things around as we are used to, but the fluid column widths are set in rem units rather than percentages, and the font-size is adjusted dynamically with

Rails 4のturbolinksについて最低でも知っておきたい事 （追記）turbolinksに関するセキュリティ上の懸念について turbolinksとは、ページ遷移をAjaxに置き換え、JavaScriptやCSSのパースを省略することで高速化するgemで、Rails 4からはデフォルトで使用されるようになります。 高速化は大歓迎なのですが、JavaScriptのイベントの起き方が変わるため、Rails 3までの書き方をしているとまず間違いなく問題が起きます。しかも、Rails 4ではデフォルトの機能ですので、最新版を使いたいなら必ず知っておかなければいけません。 本エントリではturbolinksを使うために絶対に知らなければいけないことを分かりやすく紹介したいと思います。 動作 turbolinksの動作は、すごく大雑把に言うと以下の通りです。 リンクのclickイベントをフッ

みなさんお料理頑張ってますか？僕は毎日cookbookのrecipeみながらkitchenでknife使ってChef気分です(意味不明)。 今日はopscodeが提供しているphpのcookbookをみて中身を解説したいと思います。 コードはここです。https://github.com/opscode-cookbooks/php(なお、build-essentialとxmlとmysqlのcookbookに依存性がありますので、それぞれ入手してください) この記事の目的は、標準的なcookbookの構成の把握とopscodeでのcookbookの作り方の紹介とそれを利用したカスタマイズ方法を紹介することです。 ディレクトリ構成まずソースコードのディレクトリ構成をみてみます。当たり前ですが通常のcookbookのディレクトリ構成と同じです。├── CHANGELOG.md ├── CONTR

Homebrewの導入方法については以前の記事を参考にして下さい。 以下、homebrewおよびzshインストール後に設定していきます。 1.zsh流の環境変数PATHの設定方法 環境変数PAHTに "/usr/local/bin" などを追加する場合、zshでもbashと同じ方法で設定することができますが、今回はzsh流の設定方法を行いましょう。 以下の設定を "~/.zshrc" に追加して下さい。 ## 重複パスを登録しない typeset -U path cdpath fpath manpath ## sudo用のpathを設定 typeset -xT SUDO_PATH sudo_path typeset -U sudo_path sudo_path=({/usr/local,/usr,}/sbin(N-/)) ## pathを設定 path=(~/bin(N-/) /usr/l

Vimには'iskeyword'というオプションがあり、バインドw b eなどでのカーソルの動きや* ^]でのジャンプの際の単語の認識に利用されている。 個人的にはw b eでのカーソル移動と* ^]でのキーワードジャンプは全く用途が違うので別のオプションに分けておいてほしいものだが。 カーソル移動の際は細かく動いてほしいが、キーワードジャンプの場合は大まかに認識してほしい。 それはともかくとして、オプションの説明にこんなものがある。 (MS-DOSとWin32でのVimの既定値: "@,48-57,_,128-167,224-235" それ以外のシステムでのVimの既定値: "@,48-57,_,192-255" Viの既定値: "@,48-57,_") C言語プログラムには "a-z,A-Z,48-57,_,.,-,>" が使えるだろう。 ヘルプファイルでは、このオプションは '*',

はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

operator-commentとoperator-sortは私が作ったプラグインです。 後に動作を詳しく説明します。 私が定義しているoperator operator-comment これは、ソースコードをコメント・コメントアウトするoperatorです。 .vimrcに定義していましたが、長くなったのでプラグイン化しました。 コメント文字列は'commentstring'を見ているのでカスタマイズしたい場合は適宜設定して下さい。 マッピングはarpeggioを使って、oと任意のキーの同時押しにマッピングしています。 operatorのマッピングは2回繰り返して押すと行に対する動作になるので、シングルストロークのマッピングの方が便利です。 しかし、キーはなかなか空いてないので、同時押しにマッピングできるarpeggioを使っています。 Arpeggio map oc <Plug>(op

はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

In this article, Jordan Moore is going to discuss a few of the lesser practiced elements that are quietly becoming part of the responsive Web design ecosystem under the umbrella of responsible Web design, a design that has been evolving rapidly ever since Ethan Marcotte coined the term two years ago. Since then, techniques have emerged, become best practices and formed part of our ever-changing me

<IfModule mod_ext_filter.c> # 画像圧縮フィルタを定義 ExtFilterDefine jpeg-filter mode=output intype=image/jpeg cmd="/opt/bin/convert -quality 15 +profile \"*\" jpeg:- jpeg:-" ExtFilterDefine png-filter mode=output intype=image/png cmd="/opt/bin/convert -colors 16 -colorspace Transparent -quality 90 +dither +profile \"*\" png:- png:-" ExtFilterDefine gif-filter mode=output intype=image/gif cmd="/opt/bin/conve

2013年03月12日08:00 【本】実例で見る商標審査基準の解説 ― 現場担当者渾身の商品・サービス名称案が登録・使用できないことがわかったその時に カテゴリ法務＿知的財産法務 businesslaw Comment(0)Trackback(0) 自社から新しい商品・サービスが生まれるのをお手伝いするのは法務として楽しい瞬間ですが、時に、法務がきまずいブレーキを踏まなければならないこともあります。その商品・サービスの名称案を正式決定しようかという場面で、法務による調査・検討の結果、その名称では登録・使用ができないことを報告するときは、このきまずい瞬間の一つ。その名前の案に強い思い入れがある現場の人に、その名称では登録・使用が不可能な理由を「言葉で」「商標実務を知らない人にも分かるように」「明瞭に」説明し、納得ずくで名称案を変えてもらうためには、一苦労があったりします。 「どうして登録で

The Polaris Dawn crew is back on Earth after a historic mission

シェルスクリプトの自動テストツールをググってみたら、shUnit2を発見した。 早速かんたんに調べてみた。 shUnit2開発の背景 log4shの複数シェル対応を自動テストすることを目的として開発された。 JUnitと同様の方法で動作するように設計されている。 準備 1. shUnit2のダウンロード wget -P ~/download http://shunit2.googlecode.com/files/shunit2-2.1.6.tgz2. 解凍 tar -xzvf ~/download/shunit2-2.1.6.tgz3. サンプル実行 ~/download/shunit2-2.1.6/examples/equality_test.sh テスト実行時の内部動作 shUnit2の内部動作は下記の通り。 下記のコマンドで shunit2 が読み込まれると、その時点で定義されている

シェルスクリプトのユニットテストフレームワーク "shUnit2" を使ってみた - ablog のつづき。 実際に自分で作った bash スクリプトのユニットテストを実行してみた。 最初のディレクトリ構成はこんなの。 $ su - oracle $ cd /home/oracle/scripts $ tree -pfug . |-- [-rwxr-xr-x oracle oinstall] ./stop_listener.sh <-- テストしたいスクリプト `-- [drwxr-xr-x oracle oinstall] ./test 1 directory, 1 file stop_listener.sh のソースコードはこんなの。 #!/bin/bash if [ "$1" != 'exec' ]; then echo "usage: ${BASE_NAME} exec" exit