はじめてのRiot.js | CYOKODOG
手抜きタイトルのはじめてシリーズ３つ目。近頃、耳にすることの多いRiot.jsをさわってみました。 Riot.jsとは Riot.js — A React-like user interface micro-library（日本語訳） Reactを意識して作られた超軽量のUIライブラリ、ビュー部分(コンポーネント)に特化 Web componentsのように利用できる HTMLの中に、JavaScriptやCSSを書く 軽量、5.7KB インブラウザ・コンパイルを利用することで、CDNを読み込むだけで手軽に利用できる 開発元：MUUT 簡単な利用例 今回試した内容のリポジトリ。 cyokodog/riot_study 以下手順で利用可能。 CDNの読み込み コンポーネントの定義と読み込み コンポーネントのマウント /01/index.html <html> <head> <meta htt
Backbone.js ではじめるクライアントサイド MVC プログラミング | CYOKODOG
MVC と言えば Apache Struts をはじめとするサーバサイド・フレームワークを想像しますが、 今回は JavaScript による大規模開発の際に採用されるクライアントサイド MVC フレームワーク「Backbone.js」の使い方についてまとめてみました。 (厳密にはクライアントサイドの場合、MVC とは呼ばず MVVM とか MV* とか呼ばれてるようです。) 前提 Backbone.js の構成を簡単に言ってしまうと 単一データの管理を行うモデル 複数件のモデルの管理を行うコレクション 画面の管理を行うビュー の３つの主要モジュールを軸に構成されており、Underscore.js、jQuery(Zepto）に依存するかたちで動作するようになっています。 利用の際は、underscore.js、jquery.js、backbone.js の順で読み込みます。 //cdnjs
mailto:リンク機能を利用しやすくする jQuery プラグイン | CYOKODOG
mailto:～ と記述されたリンク要素をクリックするとメールクライアントの作成フォームが起動されるのはご存知でしょうか？Web メールが主流な昨今あまり見かけなくなりましたが、宛先や本文を指定することでメールテンプレートとしも利用できるので、企業内システムなどで活用すると結構便利かと思います。 Mailto は、そんな mailto リンク機能を利用しやすくする jQuery プラグインです。 jQuery Sitekit の一機能として、もしくは単独の jQuery プラグインとして使用することができます。 使い方 jQuery、Mailto（または jQuery Sitekit）の JS ファイルを読み込みます。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></scrip
PaaS で動かす WordPress ＋ OpenShift 入門 | CYOKODOG
このブログは PaaS の AppFog のフリープランで動かしてるのですが、先日、フリープランのサービス縮小の通知がありました。念のため WordPress が動く目ぼしいところが他にないか探したところ、OpenShift が 「無料、広告なし、独自ドメイン対応、Git でアップロード」といった感じで良さげでした。 そんな訳で OpenShift で WordPress を使用する手順をまとめてみました。 ※OpenShift では簡単にオンライン上で WordPress を作成することもできますが、この方法だとソースをいじれないので自前で WordPress を準備する方法でまとめてます。 事前準備 ここでは 32ビット版 Windows 環境で行います。まず以下の準備をしておきます。 Git（1.8.5.2） WordPress 日本語版（3.8.1） phpMyAdmin（4.1.
はてブ、Twitter、Facebook、Google+ などのソーシャル系サービスの API を手軽に使用できるようにする jQuery プラグイン | CYOKODOG
Social Info は、はてなブックマーク数や Twitter のつぶやき数などを取得するソーシャル系サービスの API を簡単に利用できるようにする jQuery プラグインです。独自デザインのソーシャルボタンなどを自作する際に利用すると便利かと思います。 jQuery Sitekit の一機能として、もしくは単独の jQuery プラグインとして使用することができます。 使い方 jQuery、jQuery Sitekit（または Social Info）の JS ファイルを読み込みます。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><script src="jquery.social-info.js"></script>
WordPress の Markdown 環境を『Behave.js』でさらに快適にしてみる | CYOKODOG
みなさん WordPress の投稿記事はどういう形式で入力されてますか？自分の場合、快適に Markdown 記法を使いたくてブログを転々としてることもあり、「Markdown on Save Improved」というプラグインを使い Markdown で入力してます。今回、さらなる快適編集環境を求め「Behave.js」という JavaScript ライブラリを導入してみました。 Markdown 環境を求めて Markdown の存在は、ホッテントリ入りした以下記事で知りました。 Markdownで文章を書こう！ – ゆーすけべー日記 それまで技術情報などのナレッジの蓄積は Google Sites で行ってましたが、そのやんちゃなマークアップ変換ぶりの WYSIWYG 仕様にほとほと参っていた当時の自分にとっては「こんな便利かつシンプルな記法があるとは…」と、目から鱗な記事でした。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
