暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
Simple Grid
Simple Grid was created for developers who need a barebones grid. Simple Grid works well with 1140px layouts but easily adapts to any size of layout. With fluid columns, Simple Grid is responsive down to mobile. DownloadGithub Responsive Built with responsive sites in mind, Simple Grid allows developers to build websites on a foundation suited for mobile and tablet browsers. Lightweight Simple Gri
Spine.js をはじめよう(2) [簡単なサンプル] | DevelopersIO
こんにちわ。深澤です。 今回はボタンを押したらJSONデータを取得してページの内容を書き換える簡単でAjaxなサンプルからSpineを知っていこうと思います。SpineにはContactsやTodos等のサンプルアプリもありますが、わりと量が多く、理解するのに自分も時間がかかったため、簡単なところから始めてみます。 動作するサンプル まずは動くものを見てください。ボタンを押すと通信してHTMLを書き換えます。 処理の流れのイメージ 1.Controllerがイベントを受け取る 2.ControllerがModelにデータを取得させる 3.ControllerがViewにModelで処理した結果を反映させる Controllerが主体となってデータ担当のModelと描画担当のViewに仕事をさせる。といったイメージです。 サーバーサイドのMVCフレームワークと概念は一緒です。データをDBから
JavaScriptMVCフレームワーク「Spine.js」を使ってみる - Taste of Tech Topics
むらたです。 若手ではないのですが、こちらに出張投稿します。 AcroquestではHTML5+CSS3+JavaScriptによるグラフィカルなWebUIを開発するためのOSSであるWGPを開発しています。このWGPを利用する上で、JavaScriptMVCフレームワークを活用したいと考えており、私はJavaScriptMVCフレームワークを調査しています。そんなわけで「ステートフルJavaScript」を読んでおり、Spine.jsを調査しています。 Spine.jsはbackbone.jsにインスパイアされて開発されたCoffeeScriptと親和性が高いフレームワークであり、CoffeeScript好きな私としてはbackbone.jsの前にこちらを調べています。今回はSpine.jsのTodoアプリケーションを作ってみたので、その内容をまとめました。 Spine.jsのTodoア
初心者のためのSpine.js その1 | jekylog
多分コードも説明もおかしいのであんま参考にしないで下さい。あくまでも初心者である自分の勉強用なので。 ステートフルJavaScriptを写経しながら何となくMVC（MVVCとかMVPとかまだなんのこっちゃ分からん）っぽい概念は分かったけどいざ自分でコード書くとなるといまいちフローが分かないので、汚コードだろうがなんだろうがとにかく自分で考えながらコード書いてみた。徐々に機能を追加、リファクタリングしていく。 ちなみにどうしても自分で考えても分からなくなった時には下記ソースを見ながら進めた。 Todos 1. HTMLを用意する JavaScriptありきのHTMLってのはないと思うのでまずは兎にも角にもHTMLを用意。これを元に作っていく。 最新のSpine.jsも読み込んでおく。 また、jQueryも最新版を使用する。 <div id="mod-app"> <header> <h1>To
Spine入門
2012/07/11 第31回 HTML5とか勉強会 JavaScriptMVCフレームワーク「Spine入門」 (2012/07/12改版）ファイルサイズの比較について、比較条件が同じではないとのコメントを頂き、条件をmin+gzip時に統一して該当箇所を改版しました。Read less
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
node.jsを試してみた – cyclogy
いささか時期を逃した感がありますが、サーバサイドJavaScriptであるnode.jsを試してみた。 node.jsはGoogleのJavascriptエンジンのV8を利用し、Non Blocking I/O環境を実装したもので、速度も速く言語的にもイベントドリブンなど実装しやすいのが特徴。 早速インストールから。 インストール 例のごとくMac環境でhomebrewを利用しているので簡単です。 homebrewは新しいソフトウェアの対応も早く、MacPortsと違い自分でのパッケージ追加も楽なのでおすすめです。 (homebrewのインストールの仕方はこちら) まずはnode.jsとnpmのインストール。 npmはperlのcpan、phpのpear、rubyのgemにあたります。 依存関係を含めライブラリをインストールするユーティリティです。 以下のコマンドを入力して、コンパイル・イ
Spine.js をはじめよう [環境構築編] | DevelopersIO
Spine.js て何だ？ RIA界でもHTML5/CSS3/JavaScript でよりリッチなUIを比較的大きなプロジェクトでも実現しようとする動きが前にも増して強くなっているようです。またPhoneGap等のスマートフォン向けネイティブ（風）アプリにおいてもより複雑な実装が求められると思います。その結果、複雑化しがちなJavaScript界にMVCフレームワークが乱立してきています。 その中でもRails3.1でも採用されたCofeeScriptと親和性の高い（Spine.js自体もCoffeeScriptで書かれていますし、公式ドキュメントもCoffeeScript/JavaScript両方で書かれています）、今後注目されるであろうフレームワークがSpine.jsという訳です。人気のフレームワークであるBackBone.jsを尻目に作られたかは知りませんが、似ているところがあるよう
PictBear（ピクトベア）- 多機能で軽快なペイントソフト | フェンリル
レイヤー効果で 多彩な表現が可能 PictBearには画像を重ね合わせて写真と写真を合成したりカラーを変更したりできる、レイヤー機能が備わっています。レイヤー効果の組み合わせ方法を変えて使用すると、幅広い表現が可能になります。 レイヤー＆ レイヤー効果 レイヤーとは透明なシートのようなものです。 絵を描いたり写真を配置して重ね合わせることで簡単に合成加工ができます。 また、レイヤーに様々な効果を加えるレイヤー効果で表現の可能性がぐっと広がります。 充実の フィルタセット フィルタを利用すると画像に様々な効果を簡単に加えられます。 また、このフィルタを組み合わせることで、本格的な加工や編集が可能になります。 アルファ チャンネル アルファチャンネルに対応しているので、 透過画像や半透過画像の重ね合わせなどが表現できます。 ウェブ用の画像を作成する場合にも非常に便利です。
テキスト以外のdiffの取り方、およびDiff/Mergeツールの整理 - Qiita
Diffのみ DF 差分表示ソフト Rekisa Diff/Merge WinMerge DiffMerge Perforce Visual Merge and Diff Tools | Perforce vimdiff その他 Subversion+TortoiseSVN限定でよいならmsofficesvnという手もあります。 msofficesvn - Microsoft Office (Excel, Word, PowerPoint) add-ins that invoke TortoiseSVN commands - Google Project Hosting TortoiseHgとセットで動くmsofficehgもリリースされました。(Excel Word の文書管理に Mercurial？ - MAJ1MAの日記) msofficehg - Microsoft Office
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
JavaScriptのテストツール「testem」が素晴らしいぞ - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） JavaScriptユニットテスト一年生の私が、Nettuts+ のチュートリアルで知ったテストツール 「testem」のお陰で大変捗ったので是非お勧めしたく、ここで紹介してみます。 testem ってなに testem via GitHub : airportyh/testem Unit testing in Javascript can be tedious and painful, but Testem makes it so easy that you will actually want to write tests. 要するに、面倒なJSのユニットテストをより快適にしてみんなでハッピーにテスト書こうよ！というツールです。 testem自体はnode.jsベースで動作し、Jasmine/QUnit/Mochaに対応して
まつもと直伝 プログラミングのオキテ 第6回 メタプログラミング：ITpro
今回は「プログラミングをプログラムする」メタプログラミングについて学びます。メタプログラミングを利用すると，動的にメソッドを追加するなど，実際のアプリケーション作成に役立つ処理が簡単に実現できます。メタプログラミングと小言語の関係についても解説を加えました。 今回はメタプログラミングを扱います。メタとはギリシャ語で「間に，後に，越える」などを意味する接頭辞「meta」に由来する言葉で，「超越」，「高階」などの意味があります。例えば，Rubyをはじめとする多くのオブジェクト指向プログラミング言語では，「クラスのクラス」のことを「メタクラス」と呼びますし，他のオブジェクトを支えるクラス・オブジェクトなどのことをメタオブジェクトと呼ぶこともあります。 メタプログラミングとは，プログラミングをプログラミングすることです。そんなことが何の役に立つのかと感じる方もいらっしゃるでしょう。今回は一見して何
様々なブラウザ環境に対応する為のJavaScriptライブラリ「Modernizr」
配布元：Modernizr ライセンス：MIT & BSD licenses. ModernizrはTwitterなどの大手サイトでも採用されているブラウザの機能の実装状況を調査するためのJavaScriptライブラリです。 たとえばModernizrを読み込んだサイトではhtml要素が次のように書き換えられます。 <html lang="ja" class="no-js"> ↓ <html lang="ja" class="js flexbox flexbox-legacy rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms c
node.js モジュール ajmax の公開
東京Node学園祭2012 アドベントカレンダー １４日目の記事です。イベントの告知の意味も含めて、毎日だれかが１つづつ node.js についてブログで書く、という企画だそうです。 そこで本題ですが、github に ajmax という node.js モジュールを公開しました。npm にも登録してあるので、"npm install ajmax" でインストールが可能です。 詳しくは readme ファイルに書いてありますが、英語なので簡単に解説すると、AJAX（eye candy 的な AJAX ではなくて、実際に非同期にデータをサーバーから取得してページの一部をアップデートするタイプの AJAX） を活用した one-page web application を作るための micro MVC framework です。 これまでいくつか AJAX を駆使したアプリを作って来ましたが、
HTML5の学習に役立つ(主に)日本語のサイトまとめ2012
webにあるHTML5の情報は英語のものが多い 当然のことですが、HTML5の情報は殆どが英語です。W3Cのサイトだって英語で書かれていますし、大抵の情報は英語さえ分かればアクセスできますね。 まあとはいえ、HTML5を勉強しようと考えるいきなり誰もが英語を読めなければならないとなるとちょっと難しいですよね。最初は先輩方の翻訳または日本語で書かれたオリジナルの文書から学びたい。そして情報の速度や判断の尺度のずれが気になってきてから、それから国外の情報で勉強しても遅くはないはずです。…そう思いたいですｗ HTML5に関する国内のサイトや情報源をまとめました と言う訳で、今回はwebcre8が認識しているHTML5に関する情報源やリソースサイト、参考になった記事、調べてたら出てきたものをざっくりとまとめてみます。サイト、ブログ記事、リファレンス、ツール等です。せっかくなので、知っているものは英
かしこい人のニュース読解法／議論の苦手な人は何ができていないのか - デマこいてんじゃねえ！
ヒトは「頭の使い方」を覚えると賢くなる生き物だ。 かけ算九九しかり、元素記号の語呂合わせしかり、丸暗記してしまうことで思考をスピードアップできる。理系大学生のサイフは平均的に文系大学生のサイフよりも軽い。なぜなら彼らは数字に強く、「おつりのコインを最小にする計算方法」を身につけているからだ。それに加えて実験とレポートに追われてバイトができないという涙ぐましい事情がある。 私は学生時代に、ちょっとだけ英語ディベートをやっていた。その時に先輩に教えてもらった「ニュースの読み方」が今でも役に立っている。ニュースを読むにはトレーニングが必要で、読み慣れないうちは、「なにが問題なのか分からない」のが最大の問題となる。逆に「読み方のテンプレート」を覚えてしまえば、そのニュースの論点を即座に見抜けるようになる。かしこい人はこうやってニュースを読むのか！ と当時は感心した。 今回のエントリーでは、その一部
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
sphinx + blockdiag で始めるドキュメント生活 2011/05 yokohama.pm
Excel 方眼紙撲滅委員会 活動報告 2012.11 #odstudy