タグ「クラスメソッド開発ブログ」

タグクラスメソッド開発ブログ

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 82件)

[Node.js]node.jsからゆっくりボイスをしゃべらせる[ネタ] ｜クラスメソッド開発ブログ

2013/03/05 71 users ボイス node.js SofTalk API Mac

node.jsからゆっくりボイスをしゃべらせるゆっくりボイスといえば、ニコニコとかでよく聞くあれです。 Windowsの場合、softalkを使えば再生したりファイルに保存したりできます。 Macでゆっくりボイスを使いたい場合、Yukkuroidというアプリがあります。これはMacでゆっくりボイスをしゃべらせるためのアプリなのですが、外部からアクセスするためのAPIも公開しています。今回はこ... 続きを読む

Amazon ELBでSorryサーバへのフェイルオーバーを実現する｜クラスメソッド開発ブログ

2013/03/04 63 users フェイルオーバー ELB リージョンフェイルオーバー機能

AWSにおいて、ELBによるSorryサーバへのフェイルオーバーは、長らく待ち望まれている機能です。先日、Route53にDNSレベルでのフェイルオーバー機能が実装（下記）されました。 Amazon Route 53のDNSフェイルオーバー機能を利用したリージョンを跨いだバックアップサイトの構築（EC2 to S3編） Amazon Route 53のDNSフェイルオーバー機能を利用したリージョン... 続きを読む

Backbone.jsでつくるMVPなUIパターン【リスト】｜クラスメソッド開発ブログ

2013/03/04 79 users Backbone.js リスト Form text HTML

今回はBackbone.jsを使ってフォームから追加し、削除できるリストを作ってみたいと思います。デザインは前回同様Twitter Bootstrapで作成しました。 htmlはこちら！ <div id="ui-list"> <div class="list-controls"> <form> <div class="input-append"> <input type="text" placeh... 続きを読む

iOSアプリ開発でZXing2.1を使ってQRコードを読み取る｜クラスメソッド開発ブログ

2013/03/04 60 users iOSアプリ開発 QRコード ZXing ライブラリサンプル

今回は、iOSアプリ開発で ZXing ライブラリを使い、URLの QRコードを読み取り、ブラウザで表示するサンプルを作ってみたいと思います。ちなみに ZXing の概要とAndroid版については、「Android Tips #41 ZXing ライブラリ (2.1) を使って QR コードを読み取る」を参考にしてください。環境構築今回は、以下の環境を使用します。 ZXing 2.1 ... 続きを読む

Backbone.jsでつくるMVPなUIパターン【タブ】｜クラスメソッド開発ブログ

2013/02/27 150 users タブ Backbone.js Bootstrap 本題クラス

今回はBackbone.jsを使ってタブUIを作ってみたいと思います。デザインはTwitter Bootstrapをつかって以下のようにしました。世界的に名高い企業の名前が並んでいますね。デザインはhtmlを仮組みしてBootstrapで既にできていることにします。（本題と離れてしまうので…すみません＞＜）ボタンの部分に active というクラスをつけると選択中のデザインに変わり、内容の... 続きを読む

RequireJS＋Backbone.jsでモジュール管理されたWebアプリ開発｜クラスメソッド開発ブログ

2013/02/27 106 users モジュール Webアプリ開発

Todoアプリもどきを作る今回はRequireJSの理解を深めるため、Backbone.jsと組み合わせてTodoを追加するだけの簡素なデモを作ってみました。 Backbone.jsについても触れているため、記事が少し長いです。お急ぎの方はページ下部にデモとサンプルコードがあるので、そちらをさくっとご確認ください。 RequireJS： http://requirejs.org/ Requir... 続きを読む

RequireJS＋Backbone.jsでモジュール管理されたWebアプリ開発｜クラスメソッド開発ブログ

2013/02/27 105 users モジュール Webアプリ開発

Backbone.jsにおけるModel-View-Presenterアーキテクチャパターン｜クラスメソッド開発ブログ

2013/02/26 163 users アーキテクチャパターン Backbone.js ＭＶＰ人気

クライアントサイドJavaScriptのフレームワークとして人気のBackbone.jsが採用している Model–View–Presenter (MVP) というアーキテクチャパターン(以下MPVパターン)について考察してみます。 Model-View-Controllerなら聞いたことあるけど？僕もそうでした。初めて知ったのはRuby on Railsを触った時です。 Modelはデータと手... 続きを読む

社内 GitHub を実用的に構築！ Amazon VPC 環境に GitLab サーバを構築してみた｜クラスメソッド開発ブログ

2013/02/25 178 users GitHub GitLab 本命サーバ Amazon VPC

社内 GitHub を実用的に構築！ Amazon VPC 環境に GitLab サーバを構築してみたはじめに先日 GitLab を Mac OS X にインストールするという記事を執筆しました。その用途はあくまで「個人で GitLab を使ってみよう！」というものでしが、やはり本命はクラウド上に構築し、どこからでもアクセスできるようにすることだと思います。しかしながら実際の運用で大切になって... 続きを読む

【Sassで解決】CSSの@importはどれだけ悪影響なのか自分で試してみる｜クラスメソッド開発ブログ

2013/02/22 137 users リソース順序速度指摘 Sass

はじめに Webサイトの高速化について調べてみるとCSSの@import url();は使わない方が良いという指摘をよく見かけます。問題となるのはパラレルロード（複数のリソースを同時にロードする）ができなくなることがあることと、CSSの読み込み順序が変わってしまうことがあるようです。実際にどれだけ読み込み速度に問題があるのか、3つの読み込み方で試してみたいと思います。比較する3つの読み込み方... 続きを読む

Node.jsアプリ開発で参考になる記事まとめ｜クラスメソッド開発ブログ

2013/02/20 306 users 参考まとめ毎回弊社ジャンルごと

最近は弊社のブログにもNode.js関連の記事が増えてきました。私も勉強中なのですが、社内ブログを参考にさせてもらうことがよくあります。毎回探すのもちょっと面倒なのでClassmethid.dev()内のNode.js関連の記事をジャンルごとにまとめてみました。 1年以上前の記事もあり、情報が古い可能性があるので注意して下さい。今後も新しい記事が追加されたら更新していこうと思います。メール送信... 続きを読む

HTML5 × CSS3 × jQueryを真面目に勉強 – #15 Evernote風タグ登録コンポーネントを作ってみた｜クラスメソッド開発ブログ

2013/02/14 184 users HTML CSS3 × jQuery 勉強 Evernote

HTML5 × CSS3 × jQueryを真面目に勉強してみる HTML5 × CSS3 × jQueryを真面目に勉強 – #15 Evernote風タグ登録コンポーネントを作ってみたちょっとした備忘録といったメモには Evernote を使っています。一時期に比べるとその頻度は少し落ちましたが、それでも使っています。地味なところですが、Evernote のタグ登録 UI が結構好きなのが理... 続きを読む

AWS：Route 53のDNSフェイルオーバー機能を利用したリージョンを跨いだバックアップサイトの構築（S3編）｜クラスメソッド開発ブログ

2013/02/13 50 users リージョン DNSフェイルオーバー機能 AWS バックアップ

■Route 53へのフェイルオーバー機能とヘルスチェック機能の追加先日のAWSよりRoute 53へのフェイルオーバー機能とヘルスチェック機能の追加に関しての発表がありました。 AWSでWebサイトなどをホストする場合、障害発生時に一時的にSorry Pageを表示したり、バックアップのWebサイトに切り替えたりといったことを自動的に行うことはこれまで比較的難しいかったと思います。今回、Ro... 続きを読む

【もうすぐバレンタインデー】デザイナーがCoffeeScprit、TypeScriptの開発環境（Win/Mac）をインストールしてみる｜クラスメソッド開発ブログ

2013/02/11 52 users TypeScript WIn Mac 火曜日夜中

【もうすぐバレンタインデー】デザイナーがCoffeeScprit、TypeScriptの開発環境（Win/Mac）をインストールしてみるおはようございます。この記事は夜中に公開しているので、みなさんの目に触れるのは火曜日の朝かな？今週はバレンタインデーですね。デザイナーの皆さん、この記事を読んで普段は声をかけづらい気になるイケメンプログラマーにこんなアプローチをしてみてはどうでしょう？山... 続きを読む

HTML5 × CSS3 × jQueryを真面目に勉強 – #14 jQuery UI Widget(プラグイン)の作り方について詳しく｜クラスメソッド開発ブログ

2013/02/07 128 users Widget 備忘録 jQuery UI HTML プラグイン

HTML5 × CSS3 × jQueryを真面目に勉強してみる HTML5 × CSS3 × jQueryを真面目に勉強 – #14 jQuery UI Widget(プラグイン)の作り方について詳しくそんな訳で、jQuery UI プラグイン(※以下、jQuery UI Widget) の作り方について学んだので、ここに書き記しておくとします。忘れっぽい自分のための備忘録として書いた内容なの... 続きを読む

ローカルで GitHub を構築！ Git リポジトリ管理ツール「GitLab」を Mac OS X にインストールしてみた｜クラスメソッド開発ブログ

2013/02/07 361 users GitHub GitLab Ruby git リポジトリ構築

ローカルで GitHub を構築！ Git リポジトリ管理ツール「GitLab」を Mac OS X にインストールしてみた GitLab とは GitLab は Git リポジトリを簡単に管理できるツール Gitolite をブラウザから管理できるようにする Ruby アプリケーションです。 GitHub のオープンソースクローンと呼ばれることから分かるように、UI が GitHub とめっちゃ... 続きを読む

Androidアプリからnode.js+Socket.IOと双方向通信する｜クラスメソッド開発ブログ

2013/02/07 99 users 双方向 node.js+socket.io WebView

AndroidアプリからWebViewなどを介さずにnode.js+Socket.IOと双方向通信するための簡単なサンプルを紹介します。サーバ側の実装 Androidアプリからnode.js+Socket.IO間で双方向通信するには、socket.io-java-clientというライブラリを使用します。今回はサーバ側には弊社うえじゅん氏が公開している記事で作ったチャットアプリを使用しますので... 続きを読む

AWS Elastic BeanstalkでWordpressを始める｜クラスメソッド開発ブログ

2013/02/06 65 users WordPress

ご挨拶はじめまして、今回初めてブログ書くとくがみあけりです。 3本書くと弊社会長からカレーをごちそうしてもらえるということでブログを書くことにしました。 ElasticBeanstalk みなさん、AWS ElasticBeanstalkは使ってますか？データベースサーバであれば、EC2にMySQLをインストールして運用するよりもRDSを選択する人は沢山見かけますが、 EC2にApacheをイ... 続きを読む

RequireJSでTwitter Bootstrap（jQuery）を非同期ローディングしてみる｜クラスメソッド開発ブログ

2013/02/04 133 users jQuery RequireJS compress 非同期

こんにちは、すどーです。 RequireJSでjQueryやjQueryプラグインの非同期ローディングを試してみました。最近は大規模な構成になると、「ちぢめる、まとめる、かためる（minify, combine, compress）」のが主流のようです。ですが小中規模な構成や、依存関係にあるフレームワークなども多くあるので、簡単な使い方だけでも覚えておくと便利かと思います。 RequireJS... 続きを読む

Amazon VPC環境にメンテナンス用の踏み台サーバを構築する｜クラスメソッド開発ブログ

2013/02/04 78 users 踏み台サーバ

前回は「Amazon VPCを使ったミニマム構成のサーバ環境を構築する」と題して、Amazon VPCに小さなサーバ環境を構築しました。この環境は、アプリケーションサーバ（Webサーバ）がユーザからのHTTPを受け付けつつ、管理者によるメンテナンスのためのSSHの受け付けも兼ねている状態です。セキュリティの観点からは、あまり好ましい状態とは言えませんね。そこで今回は、メンテナンスのための踏み台(... 続きを読む

コーダー必見、SCSS・Compassで開発効率アップ｜Retina Display対応CSS Sprite編｜クラスメソッド開発ブログ

2013/02/03 181 users コーダー必見 SCSS入門 SCSS・Compass 秋葉原

すぐに使えるSCSS入門コーダー必見、SCSS・Compassで開発効率アップ｜Retina Display対応CSS Sprite編はじめに特に寒い今日この頃ですが読者の皆様は元気にお過ごしでしょうか？ 2月のリア充イベントといえばバレンタインですね（企業戦略）。バレンタイン用のチョコを販売するお店も増えてきました。弊社は秋葉原という立地ですが意外なことに既婚者が多いので「リア充爆発しろ... 続きを読む

node.jsアプリのデプロイにやさしい grunt-rsync ｜クラスメソッド開発ブログ

2013/02/01 82 users デプロイタスクデフォルトコマンド同期

はじめにちょっとデプロイしてスマホで確認したい、皆に見てもらって感想が欲しい、とにかく直ぐにデプロイしたい。そんな時に便利なgrunt.js用のタスクのgrunt-rsyncです。 rsyncコマンド知ってますか？僕は知りませんでした（汗。ファイル群の同期を取る用途のコマンドです割と古くからあるみたいです。多くのUnix系環境にデフォルトで入っているようです。名前の通り、ファイルの同期を取るの... 続きを読む

Amazon VPCを使ったミニマム構成のサーバ環境を構築する｜クラスメソッド開発ブログ

2013/02/01 253 users Amazon VPC サーバ環境

AWSにおいては、ネットワーク環境をあまり気にせず、数クリックで簡単にサーバを構築できるのは一つのメリットだと言えます。しかし、本格的に運用するシステムに関しては、ネットワーク環境をコントロールする需要も出てきます。AWS Virtual Private Cloud (VPC)を使えば、AWS上に仮想ネットワークを定義し、その上に各種サーバを配置することができます。ただ、非VPC環境に構築してし... 続きを読む

node.jsのいろいろなモジュール14 – node-cronでcron的にプログラムを実行する｜クラスメソッド開発ブログ

2013/01/31 65 users cron 書式スクリプト node.js UNIX系OS

cronをnode.jsで実行指定した日時や定期的に実行したいスクリプトがある場合、UNIX系OSの場合はcronを使用することが多いとおもいます。 cronとは、スクリプトを自動実行するためのデーモンプロセスで、crontabファイルに特定の書式で記述をすることにより、指定した日時/定期日時にプログラムを実行することができます。今回紹介するcronモジュールは、node.jsプログラム内で... 続きを読む

【便利ツール】Emmetで、ちょっと気持ちいいコーディング with sublime text 2・下巻｜クラスメソッド開発ブログ

2013/01/31 194 users Emmet 下巻 sublime text 便利ツール

ダミーテキストの挿入 loremを記載して、展開するとダミーのテキストを挿入してくれます。 //展開前 p*3>lorem //展開後 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus consectetur nisi modi alias aspernatur suscipit nihil labo... 続きを読む

(1 - 25 / 82件)

次の25件 »