サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
都知事選
labs.s-cubism.com
html5boilerplate(日本語サイト)は、HTML、CSS、JSのベストプラクティスを詰め込んだテンプレートを提供するサイトです。ここでは、そこで使用されているプラクティスの幾つかを紹介します。 modernizr.jsによるHTML5/CSS3の対応調査 Modernizrは、ブラウザがHTML5/CSS3の新機能に対応しているか否かを判別するjavascriptです。このスクリプトを置くと、htmlのトップ要素に新機能の対応結果を示すclassがページロード時に付与されます。CSSではその付与されたclassを利用して、新機能が使える場合とそうでない場合に分けてスタイルを書くことができます(参考サイト)。 例えば、boxshadow機能がブラウザで使えない場合、 <html class=”no-boxshadow …”> のように、classがページロード時に付与されます。h
ご存知の方も多いと思いますが、 node.jsというのは、サーバ側で実行するjavascriptのフレームワークの一つです。 個人的には下記の理由によりサーバサイドjavascriptは熱いと思っています。 javascriptはweb開発では必須の技術 (ブラウザ側でjavascriptの使用量は増えていく傾向にあり、javascriptなしではwebの開発はありえない) イベント駆動との相性がよい ブラウザ側もonClickイベントなど、イベント単位で記述していている。その延長でサーバ側も記述できる 今回はnode.jsでmongoDBを使う方法を簡単に説明します。 mongoDBのORMとして、mongooseというものがあるので今回は、mongooseを利用します。 mongooseはnpm(node.jsのパッケージ管理ツール)に登録されていますので、 下記コマンドでイ
screen とは、1つのターミナル内に、 複数の擬似ウィンドウを開くことが出来るようにするソフトウェアです。 歴史ある技術ですので、ほぼどのLinux環境にも使えて、動作も安定、 設定・操作も手軽で済むため、多くのエンジニアに重宝されています。 ターミナル用のソフトですが、サーバへインストールするものです。 今更の内容ですが、復習も兼ねてまとめてみることにしました。 ちなみに、タイトルに「初心者入門編」と書いていますが、 少なくとも自分は2年間、この内容だけで便利に使えています。 (まー、自分はかなり開発環境に無神経な方ですが) screenの特徴・長所 擬似ウィンドウ(スクリーン)を開いて、複数SSHセッションを平行して操作できる。 サーバへインストールすれば、どのターミナルからも使える。 インストール・設定は超簡単。 ターミナルソフトを落としても、SSHセッションを維持して
今回は、Google App Engine (GAE) でTwitter上のデータを集約するRSSリーダーのようなアプリを作りたいと思います。 解説する内容は以下になります。 Google App Engine (GAE) の利用方法 Twitter API の利用方法 ツイートの集積と簡単な未読・既読処理 1. Google App Engine (GAE) の利用方法 GAEの利用 GAEはGoogleが提供するクラウドインフラです。 制約はありますが、ウェブサービスを作ることができます。URL フェッチやクーロンタスク も可能です。 なんといっても、無料で始めることができます。規模の原理が効いているので、通常のサーバーよりもコストが低くなります。 GAEを始めるには、http://code.google.com/intl/ja/appengine/docs/python/gettin
最近巷でよく聞くNoSQL(Not Only SQL) 試してみたくてPHPから簡単に使えるものはないものか・・・と色々探した結果たどり着いたのがMongoDBでした。 今回はインストールから、簡単に使ってみるところまで紹介します [MongoDBとは?] http://ja.wikipedia.org/wiki/MongoDB [インストール方法] 1.yumにリポジトリを追加する $ vim /etc/yum.repos.d/10gen.repo 下記を記入 [10gen] name=10gen Repository baseurl=http://downloads.mongodb.org/distros/centos/5.4/os/$basearch/ gpgcheck=0 enabled=1 2.MongoDBのインストール リポジトリを追加したのでinstallするだけ $ yu
★命名ルール 一意の要素にはidを、汎用的な要素にはclassを使う ○ class="important" ○ id="company_detail" 全て半角英数小文字とし、日本語のローマ字表記は極力避ける × taitoru ○ title 単語の連結には _ を使う × companyList ○ company_list 修飾語は英文とは違い、後置する × left_menu, right_menu ○ menu_left, menu_right レイアウトに使用する「枠組み」は、接頭に wrap_ を付ける 例 wrap_header wrap_main wrap_navi_left wrap_navi_right wrap_menu wrap_footer id、class名に属性や値を表す表記は使わない 例えば、class名を "red" のようにすると、後で色の変更をしづ
エンジニアなら誰しも一度は、 DBのバックアップを定期的に取って、特定のストレージに保存したい 特定のフォルダに生成される一時ファイルを定期的に消したい ユーザ追加の際の諸々の作業を自動化したい なんてことを考えたことがあるのではないでしょうか。 こんなときに役立つのが【シェルスクリプト】なわけですが、その他のプログラミング言語とは書き方が若干異なるため、少しとっつきにくさを感じる方もいらっしゃるのではないでしょうか。 そんなわけで、シェルスクリプトの基本の基本を書いてみました。 事前準備 シェルスクリプトを書く際に、まず必要なのは次の2つです。 ファイルの1行目に使用するシェルを指定する #!/bin/sh という、よくある「あまじない」ですね。/bin/bash でも、/bin/zsh とかでもOKですが、そのシェルがインストールされている必要があります。 ファイルに実行権限を与える
他言語をメインでやっている方が、 PHPで正規表現を扱う際に気を付けたいことをまとめました。 1. preg系で日本語を扱うにはu修飾子 2. preg_match_all の戻り値 3. preg_match_all の検索結果 4. “/” で括る必要は無い 5. 後方参照は $1 で取る 1. preg系で日本語を扱うにはu修飾子 preg系は、そのままだと日本語を正確に扱えないので、u修飾子の指定が必要 # 非マッチ $result = preg_match('/は.ほ/', 'いろはにほへと'); var_dump($result); // -> 0 # マッチ # u修飾子が「文字列をUTF-8として扱う」フラグ $result = preg_match('/は.ほ/u', 'いろはにほへと'); var_dump($result); // -> 1 # これはマッ
先週あたりに現在開発中のGoogleのOSである、”Chrome OS”が”Chromium OS”というプロジェクト名でオープンソース化され、ソースコードが入手可能になったので、早速試してみることにしました。 今回の目次 ChromeOSって何? ビルド環境の準備 ビルド 使ってみる ChromeOSって何? Googleが開発中のオープンソースのOSです。Linuxカーネルの上に、独自のウィンドウシステムを備えています。webの閲覧とwebアプリの実行に特化したOSということで、非常に軽量なOSとなっています。 詳しいアーキテクチャについては本家のサイトを参照してください。 http://www.chromium.org/chromium-os/chromiumos-design-docs/software-architecture ビルド環境の準備 上記のサイトに詳しい説明がありま
Closure Library (クロージャー・ライブラリ) は先日Google から出されたオープンソースのJavaScriptライブラリです。GmailやGoogle Docsなど様々なGoogleのAjaxサービスで使われてるそうです。もともとJavaScript自体は、異なるブラウザで挙動が違ったり、標準のモジュール化方法が提供されなかったりと、素で使うには厄介でした。そのために、これまで幾つものJavaScriptのライブラリ(prototype.js、jQuery、dojo、Ext JS、YUI、MooToolsなど)が登場してきました。今回のClosure LibraryはそれらライブラリにGoogleが本格的に対抗するものと捉えられます。 筆者はこれまでjQueryを好んで使っていました。一番メジャーであり、軽量かつ覚えるのも簡単で、プラグインも豊富にあるからです。ただ、と
筆者は最近PHPを使い始めました。 PHPは型キャストをしなくとも文字列と整数などを勝手にキャストしてくれるなど、型をあまり気にせずにプログラムを書いても、なんとなく動いてくれます。 もちろん変数の型宣言もなし、です。 こういった動的な、弱い型付けを持つ言語では、キャストなどに必要なコードの量を減らすことができる反面、プログラマの意図しない変換が行われてしまうことがあり、原因のわかりづらいバグを生み出しがちです。 静的であれ、動的であれ、コンパイラのチェック(と制約)が弱いとき、バグを減らすために重要なのは、プログラムを小さな単位に分解し、それぞれの動作を検証することができるようにすることです。 そうすると、プログラムが動かないとき、テストを使ったバグの原因推定を行いやすくなるからです。 というわけでユニットテストのツールを導入してみました。 今回は、ググってみて有名そうだったPHPUni
次々と新しい技術が生まれては消えてゆくこのご時世ですが、 基本に立ち返り黒い画面を見つめ直そう、ということで、 python cursesによるTUI(Text User Interface)プログラミングを練習してみました。 curses とは まずは、軽く curses とは何ぞや?という話をいたしますと、 Unix や Linux に備わっている端末の出力を動的に制御できるAPIをcursesといいます。 CUIプログラミングをした場合、普通は 「出力をすると」 いえば、 標準出力を使って上から下にだーーーーっと出力を流すものですが、 cursesを使うことで、例えば vi のような、アプリケーションっぽい出力を行うことができます。 参考) Wikipedia - Curses どんなことが出来る? 黒い画面だからとナメちゃいけません。 座標は、細かくても (
Androidを使うと、Javaによる携帯電話プログラミングが数段パワフルになった感じがします。 Androidのドキュメントを読んでいると、どうやらリフレクションも使えるご様子。 リフレクションとは反響、反映のことです。転じて、Javaにおいてはプログラムが自分自身(プログラム要素)へアクセスするための手段を意味しています。名前だけではちょっとイメージしづらいですね。 簡単に言うと、Javaクラスのフィールドやメソッドの情報を取得するためのAPIです。 ・・こんなクラスのこんなメソッドを呼び出したい・・・ ・・が、そのメソッドやクラスの名前がプログラムを書いている時点では未知である (たとえば、開発者ではなく、利用者が指定する) そんなときに使います。 テストや分散処理などのフレームワークづくりをしたいときや、APIを提供したいときに便利です。 今回は以前、JavaCCを使って作
コレは使える!Arduinoで部屋の状況を自動つぶやき君@Twitter(前編)に引き続き、後編では、実際に Arduino を使って楽しいガジェット制作をやってみよう。 作ってみたのは、センサーで「室温」と「部屋の明るさ」を取得して Twitter に自動ポストする【つぶやき君】である。 こんな感じで、ArduinoからTwiiterに自動ポストされる 仕様は、 基本的に15分間隔で「室温」と「部屋の明るさ」をつぶやく 設定温度を超えたら「暑いよ、暑いよ」とつぶやき続ける 明るさが変わったら、その時点でつぶやく という感じ。パソコンなしで、LANケーブルと電源を挿しただけで動かすのもポイント。 必要なのは、 Arduino Duemilanove 328(Arduino本体) Arduinoイーサネット・シールド(ネット接続用) CdSセンサ 5mmタイプ 温度センサ LM35DZ ブ
『Arduinoとはハードウェア設計もソフトウェア設計もオープンソースでなんちゃらかんちゃら』という説明がよくされているけど、それよりは何ができるのかを知ってもらった方が Arduino の面白さが伝わるだろう。 今日の勉強会でウケたのは、 各種センサーから読み取った値をパソコン無しで Twitter につぶやきまくる! こと。 (画像:標準的な Arduinoボード) 試しに「室温」と「部屋の明るさ」を Twitter に自動ポストするガジェット【つぶやき君】を制作してみた。 サーバ周辺に置いておけば異常に暑くなった時に「あち~」とつぶやいたり、みんな帰宅して真っ暗になったタイミングで「お疲れ!」とねぎらってくれたりする。 人体感知センサーを組み合わせれば侵入者を通知してくれるなんてことも可能だ。 けど、「つぶやく」だけで、怪しい人を捕まえることはしてくれないので要注意(笑 これを制作
Recent Entries セキュアなサーバを作るために最低限やっておくこと Yahooキーワード抽出APIライブラリ テスト駆動開発 (test driven development: TDD) のすすめ GoogleAnalyticsAPI on EC-CUBE 土日で作るコンパイラ OPEN ERPに挑戦3 OPEN ERPに挑戦2 OPEN ERPに挑戦 ERPはたくさんあれど・・・ OpenGLで3D、やってみよう Recent Comments No Responses. Recent Trackbacks テスト駆動開発 (test driven development: TDD) のすすめ 06/11 » Yahooキーワード抽出... みなさんはサーバを管理するときに、何を一番気にしますか? 人によって程度の差はあるのでしょうが、誰もが気になるのが「セキュリティ」でしょ
Recent Entries テスト駆動開発 (test driven development: TDD) のすすめ GoogleAnalyticsAPI on EC-CUBE 土日で作るコンパイラ OPEN ERPに挑戦3 OPEN ERPに挑戦2 OPEN ERPに挑戦 ERPはたくさんあれど・・・ OpenGLで3D、やってみよう ライセンスなどのおさらい IPアドレスの基礎知識 Recent Comments No Responses. Recent Trackbacks No Responses. テスト駆動開発 (TDD)とは、「プログラム開発手法の一種で、プログラム本体よりも先にテストケースを書くスタイル」(wikipediaより)のことです。テストケースとは作ったメソッドがどのように使われて、どのような振る舞いが想定されるかが分かるような検証用のコードです。TDDでは、多数
タイトルがアレなのは、さて置いて。 先月、4/22に「GoogleAnalyticsAPI」が公開されました。 要は、御馴染み「GoogleAnalytics」で収集したデータを、外部から参照,閲覧できるようするGoogleが用意してくれたインターフェース…といったトコです。 一方、弊社で扱うことの多いEC-CUBEですが「素の状態」ではアクセス収集機能はついておらず、 仮に実装するとなると別サーバなり同サーバなりに何らかのアプリを入れたりもするんですが、 またEC-CUBEの主なターゲットである「お手軽店舗展開」感覚で用意されるサーバだと、 アクセスログ収集機能自体がサイト全体への負荷に繋がったりするケースもあるワケで。 また、ASPサービスを使うにしても有料だったり、バナー表示が義務付けられてたり…と。 そんな中、無料でかつバナーも表示させなくてよいってことで、 結構便利な
Read more >> をクリックすると、次のページでgoogle ドキュメントが読み込まれます === 参考文献 === Scalable Semantic Web Data Management Using Vertical Partitioning; DJ. Abadi et al. === キーワード === セマンティックウェブ Resource Description Framework: RDF ヴァーティカル・パーティショニング (vertical partitioning) コラム指向データベース (column-oriented database) === クラウド データベース === Google App Engine BigTable Amazon Simple DB === スキーマフリー データベース === Persevere perseve
参考リンク: Mate (Flex フレームワーク) Mate sample source (サンプルのソースコード) Dependency Injection (DI) (依存性注入の説明) springpython (pythonのDIコンテナなど) snake-guice (pythonのDIライブラリ) PyDispatcher (pythonのイベントディスパッチャー) twisted (pythonのイベントライブラリセット)
次のページ
このページを最初にブックマークしてみませんか?
『S-cubism LABS』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く