Ｅｘｃｅｌ方眼紙？ そんな時でも大丈夫。そう toExcelHogan.vim ならね。 - cd01's blog
2013-03-10 Ｅｘｃｅｌ方眼紙？ そんな時でも大丈夫。そう toExcelHogan.vim ならね。 Vim cd01/vim-excel-hogan · GitHub https://github.com/cd01/vim-excel-hogan 初めての Vim Script に挑戦してみました。 これで、すぐにＥｘｃｅｌ方眼紙を作ることができます！ 参考 Big Sky :: 僕たちプログラマーは、Excelファイルの生成に、Vimを使います。 Big Sky :: モテる男のVim Script短期集中講座 Vimスクリプト基礎文法最速マスター - 永遠に未完成 文字列型 — 名無しのvim使い とびだせエクセル方眼紙 － ＠IT自分戦略研究所 cd01 2013-03-10 15:13 コメントを書く 前の記事
Big Sky :: 僕たちプログラマーは、Excelファイルの生成に、Vimを使います。
# 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:
jQueryでCSSアニメーションを実行させる方法｜BLACKFLAG
以前ここでも「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
Upgrade Node.js via NPM
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 - Designmodo
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
Learn web development | web.dev
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.
Colordot - A color picker for humans
How toBack & Forth for Hue Up & Down for Lightness Scroll for Saturation
PeerJS - Simple peer-to-peer with WebRTC
The PeerJS library PeerJS simplifies WebRTC peer-to-peer data, video, and audio calls. PeerJS wraps the browser's WebRTC implementation to provide a complete, configurable, and easy-to-use peer-to-peer connection API. Equipped with nothing but an ID, a peer can create a P2P data or media stream connection to a remote peer. Downloads Setup Include the library with a script tag <script src="https://
Cinnamon.js: Find In-Page Text using Synonyms | Thomas Park
A visitor to your site decides to follow you on Twitter. You have a link in your footer — but their search for “Twitter” comes up empty and they move on. Unfortunately, you named the link “@username” instead. Cinnamon.js prevents just this situation, taking some of the pain out of naming things. It allows users to find links, images, and other content by their synonyms, using the browser’s built-i
インフォグラフィック& オンラインチャートを作成 | infogr.am
Start with our collection of designer templatesNever stare at a blank screen again. Our ready-to-use templates drive engagement, impress your audience, and look perfectly polished. Stay on brand with company guidelinesGet a custom template with your brand, colors, fonts, and logo. Empower everyone on your team to create branded visuals in minutes.
続・技術的負債の把握と改善を促すために - mixi engineer blog
こんにちは, 先日Kansai.pmで発表させて頂いたgoccyこと五嶋＠たんぽぽグループです. 今回は, 前回紹介した技術的負債の把握と改善を促すためにの続編として, 僕が作ったPerl5コードのコピペ検出器について紹介させて頂きます. はじめに 今やPerl, Ruby等さまざまな言語で, 便利なライブラリ群やフレームワークを利用できる時代になりました. これらを使うことでソフトウェアの開発コストは格段に下がり, より素早く開発することができるようになっています. しかし, 当初予定されていた機能を実装して, 「よしできたから終わり！」というわけにもいきません. 何か物を生み出せば, 必ずそれを保守・運用するコストが発生します. 開発することが便利になった今, 開発物を保守・運用することを支援するツールも求められています. ですが, 保守や運用, とりわけ保守に関して支援するツールはそ
The progress element | HTML5 Doctor
When building web sites and web applications, we often need to provide essential feedback to a user informing them of the progress of their request or task, be it uploading a file, playing a video, or importing data. HTML5 makes life easier for us by defining an element whose sole purpose is just that: the <progress> element. The HTML5 specification describes it best: The progress element represen
This website is no longer available
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 support@34sp.com immediately. This page should not appear without due reason and you will have been notified by email regarding any important changes to your acc
Make a Web App with Instagram-like Filters
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
REMux: An Experimental Approach to Responsive Web Design | CSS-Tricks
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. 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
Using background clip for text with CSS fallback | Divya Manian
I was looking at the lovely design of polygon when their use of background-clip & background: linear-gradient(…) immediately suggested a JS-free fallback for using the non-standard background-clip: text. What it is background-clip is a CSS property that was originally introduced in WebKit (in 2008) that allows backgrounds specified on elements to clip to the text content of the element like so: by
Rails 4のturbolinksについて最低でも知っておきたい事
Rails 4のturbolinksについて最低でも知っておきたい事 （追記）turbolinksに関するセキュリティ上の懸念について turbolinksとは、ページ遷移をAjaxに置き換え、JavaScriptやCSSのパースを省略することで高速化するgemで、Rails 4からはデフォルトで使用されるようになります。 高速化は大歓迎なのですが、JavaScriptのイベントの起き方が変わるため、Rails 3までの書き方をしているとまず間違いなく問題が起きます。しかも、Rails 4ではデフォルトの機能ですので、最新版を使いたいなら必ず知っておかなければいけません。 本エントリではturbolinksを使うために絶対に知らなければいけないことを分かりやすく紹介したいと思います。 動作 turbolinksの動作は、すごく大雑把に言うと以下の通りです。 リンクのclickイベントをフッ
opscodeのphpのcookbookを解説してみる
みなさんお料理頑張ってますか？僕は毎日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
zshでHomebrewを使用する場合に設定しておいたほうが良いこと - よんちゅBlog
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
'iskeyword'とは何なのか - cafegale(LeafCage備忘録)
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日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
便利なVimのOperatorをマスターする｜技術ブログ｜北海道札幌市・宮城県仙台市のVR・ゲーム・システム開発 インフィニットループ
operator-commentとoperator-sortは私が作ったプラグインです。 後に動作を詳しく説明します。 私が定義しているoperator operator-comment これは、ソースコードをコメント・コメントアウトするoperatorです。 .vimrcに定義していましたが、長くなったのでプラグイン化しました。 コメント文字列は'commentstring'を見ているのでカスタマイズしたい場合は適宜設定して下さい。 マッピングはarpeggioを使って、oと任意のキーの同時押しにマッピングしています。 operatorのマッピングは2回繰り返して押すと行に対する動作になるので、シングルストロークのマッピングの方が便利です。 しかし、キーはなかなか空いてないので、同時押しにマッピングできるarpeggioを使っています。 Arpeggio map oc <Plug>(op
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
SIPS コマンド - 画像をコマンドラインで - その１ （リサイズ / 回転 / 反転 など） --- --- 脳みその中身-
あるJOBの作業プロセスに、 「数万の画像ファイルを、それぞれのファイル名を元に、複数の大きさに切り出す」ことをしなければならなくなりました。 「フォルダ内の全ての画像ファイルを一括に画像処理する」ようなFreeのツールをいくつか使ってみたのですが、トラブル発生！ 対象画像が数百を超えるようなフォルダを処理させようとすると…落ちてしまいます。 だからといって、AppleScriptでは、スピードに問題が… ということで、調査開始。。。。。。。。 なーんだ、Mac OS X 標準で、SIPS というコマンドが用意されているではないですか！ Image Events のターミナルコマンド版なのですね。 タグ情報を取り出したり書き換えたり*1、 リサイズだってお手のものなのね。 いくつかのページが、SIPS について説明しているのですが、ちょいとわかりづらいので、 リサイズ / 回転 / 反転
Webサイト高速化対策の現状
はじめに はじめまして、こんにちは。クラスメソッド株式会社でWebを担当している野中です。 この度、「これから身につけるWebサイト高速化テクニック」と題して記事を連載させていただくこととなりました。 本連載ではWeb担当者やWebデザイナー、コーダーの方々に向けて高速化に関する手法や技術について調べ、身につけたテクニックを細かな解説を加えて紹介していきます。中には少し難しいテクニックも含まれますが、できる限り分かりやすく、すぐに実践できるよう紹介していきたいと思います。とても長い連載ですが、よろしくお願いいたします。 なお、本連載はクラスメソッド開発ブログで連載されている「身につけておきたいWebサイト高速化テクニック」の増補改訂版です。 本連載の流れ 本連載はできるだけ多くの方に興味を持っていただけるように、最初に高速化対策の全体像と必要な知識を紹介します。その後、具体的な高速化対策と
Responsible Considerations For Responsive Web Design — Smashing Magazine
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) 自社から新しい商品・サービスが生まれるのをお手伝いするのは法務として楽しい瞬間ですが、時に、法務がきまずいブレーキを踏まなければならないこともあります。その商品・サービスの名称案を正式決定しようかという場面で、法務による調査・検討の結果、その名称では登録・使用ができないことを報告するときは、このきまずい瞬間の一つ。その名前の案に強い思い入れがある現場の人に、その名称では登録・使用が不可能な理由を「言葉で」「商標実務を知らない人にも分かるように」「明瞭に」説明し、納得ずくで名称案を変えてもらうためには、一苦労があったりします。 「どうして登録で
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
シェルスクリプトの自動テストライブラリ shUnit2 を調べてみた - oknknicの日記
シェルスクリプトの自動テストツールをググってみたら、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
シェルスクリプトのユニットテストフレームワーク "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
Fixing Vim's Background Color Erase for 256-color tmux and GNU screen - The Terminal Programmer
Summary Run :set t_ut= to disable Background Color Erase. Run :redraw or press <C-L> to repaint the background. Use terminalkeys and fixkey to recognize modifier keys. Problem This is what you would see if you applied the Zenburn color scheme to Vim running under the TERM=xterm-256color environment inside tmux or GNU screen, which itself was attached to the xterm-256color terminal: Here, the termi
ワタタツのウィッ記 - TerminalEastAsianAmbiguousClearer
This page is for a SIMBL plugin TerminalEastAsianAmbiguousClearer (TEAAC). TerminalEastAsianAmbiguousClearer makes East Asian Ambiguous Character Width clear in Terminal.app of Mac OS X for Japanese people. TerminalEastAsianAmbiguousClearer は Mac OS X の Terminal.app での東アジアの曖昧な文字幅を (日本人向けに) 明確にします。 日本人向けに、半角カタカナぐらいを半角にしてほかは全部全角にしてしまうというおおざっぱな仕様です。 しかしわしの環境ではそれだけでたいがい満足です。 リモートマシン上で mew で罫線ばりばり整形された
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Googleウェブマスターツール徹底ガイド改訂版（前編） | Moz - SEOとインバウンドマーケティングの実践情報
Spoiler Prevention with CSS Filters
元素科技
Dig deep into CSS linear gradients
CodePen - Squishy Toggle Buttons
How To Create a Simple Collapsing Header Effect
これから身につけるWebサイト高速化テクニック一覧
Engadget | Technology News & Reviews
TechCrunch | Startup and Technology News