Tech Compass Vol.6 “Love Heroku?” の発表資料です http://techcompass.jp/study/06/
![Heroku を利用した Quipper の開発事例紹介](https://cdn-ak-scissors.b.st-hatena.com/image/square/6edb2bdb0790d07b24985066b55537c21bf2c8b3/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F019487d03b3701313b5e46a2acfee086%2Fslide_0.jpg%3F2359698)
常時接続が一般化し、ブラウザ上のオフライン動作の需要は減少 (逆にネイティブアプリケーションすらオンライン動作を要求)
git-flowのインストールとブランチ運用前のリポジトリ準備:Gitブランチを使いこなすgit-flow/GitHub Flow入門(2)(1/2 ページ) 数回にわたってgit-flowとGitHub Flowを使ったGitの活用テクニックを紹介します。今回は、git-flowのWindows、Mac、Linux別でのインストール手順、利用の仕方の流れ、ブランチ運用前のリポジトリ準備の流れを紹介。 前回の「いまさら聞けない、成功するブランチモデルとgit-flowの基礎知識」では、git-flowで利用するブランチモデルの概要について解説しました。今回は、git-flowのインストールとgit-flowを利用し始める前のリポジトリの準備について解説します。 git-flowをコマンドベースで利用 git-flowを利用するには、コマンドラインから利用するCUIのgit-flowを利用す
Fukuoka.php Vol.11 に参加してきました。 リンク先にもあるように今回は NO PHP DAY ということで Fukuoka.php という名前を冠しながらも、誰一人として PHP の話をしなかったという珍しい勉強会でした。残念ながらUstreamの中継はなかったためオープンにはなりませんでしたが、いろいろと勉強になってたくさんインプットができたイベントでした。素晴らしい発表の数々は、後々各発表者の方より資料やブログが公開されると思います。Twitter では #fukuokaphp ハッシュタグで流れを追えると思います。 そんな NO PHP DAY な Fukuoka.php で僕も LT 枠をもらっていたので、ひとつアウトプットをしてきました。 プログラマとデザイナのコラボレーション Web 業界では、プログラマとデザイナが一緒に仕事をすることは多いと思います。一般的
ツイート今日は、第 1 回のSQL アンチパターンの回から良コンテンツを提供しまくりなエンバカデロ・テクノロジーズさん主催の第 3 回 DB エンジニアのための勉強会に参加してきました。 今回は 漢(オトコ)のコンピュータ道で有名な漢の中の漢、 @nippondanji 氏がデータベース設計を徹底指南してくれるということで、元々 DB エンジニアがバックグランドのわたしとしてはいかないわけにはいかんだろう、と喜び勇んでいってきました! 内容はというと下記の概要をカバーする内容でした。 リレーショナルデータベース(以下RDB)は登場してからかなりの時間が経っています。その名が示すように、RDBはリレーショナルモデルをベースに考案されたソフトウェアです。しかしながら、未だに現場ではRDBが使いこなされているとは言いがたく、リレーショナルモデルへの理解も進まず、誤った常識が跋扈しているのが現状で
かなり前から気になってはいたので、今度こそ使ってみようと思って、AngularJSを使い始めた。 Yo+Grunt+Bowerを使うとワークフローがかなり楽なので、ここにまとめておく。 まず、 以上の3つのソフトは何なのかを軽く紹介する。 Yo: プロジェクトのテンプレートなどを自動生成するためのツール Grunt: JSのタスクランナー。テストの実行とか、ファイルの結合とか自動でやるために使う。 Bower: Twitterの出しているJSのフロントエンド用のパッケージマネージャー。 セットアップ 事前インストール Nodeとnpmのインストール このツールを使うためにNodeJSとnpmが必要になるので、まずそのインストールから。 NodeJSのインストールはプラットフォームによって変わったりするけど、WindowsとMacの場合は公式サイトのダウンロードページからインストーラーがダウ
1300の優良サイトが選んだシリース、第3回は「AMDと遅延ロード」です。 JavaScriptファイルのロードのパフォーマンス向上を図るメカニズムを「AMD(Asynchronous module definition)」といいます。Webアプリ開発を行なうデベロッパの方は、今後重要な知識になるでしょう。 一方で画像ファイルのパフォーマンスを向上させようという「遅延ロード(Lazy Load)」というアイデアもあります。こちらはサイトのデザインそのものにも影響を与えることになるため、Webアプリのデベロッパだけでなくデザイナの方も、仕組みを知る必要があるでしょう。 今回も、1300の優良サイトが採用しているAMD・遅延ロード手法を確認し、ベストプラクティスが何かを探ってみようかと思います。 画像ファイルの非可視エリアロード問題対策 画像ファイルのサイズは、比較的大きくなるという特徴を持ち
以前、JavaScriptで雨を再現した癒やし系スクリプトを紹介しましたが、今日紹介するのはスクリプト無し、CSS3アニメーションで実装する窓越しに楽しむ雨粒を紹介します。 キャプチャは静止画ですが、CSS3アニメーションで雨粒がどんどん増えていきます。
フォームのチェックボックスとラジオボタンに余分はタグは使用せずに、ちょっとだけアニメーションを加えて楽しくするスタイルシートを紹介します。 Animated Toggles HTML チェックボックスもラジオボタンも通常通りにマークアップします。 余分なタグは特にありません。 <form> <h1>Animated Toggles!</h1> <div class="controls"> <input id='check-1' type="checkbox" name='check-1' checked='checked' /> <label for="check-1">Apples</label> <input id='check-2' type="checkbox" name='check-1' /> <label for="check-2">Oranges</label> </div
概要 Promiseとは非同期処理を上手く扱う為のAPIであり、パターンである。 非同期の処理の完了後に続けて処理を行いたいとき、よくコールバックパターンが使われるが、処理が連続するとコールバック地獄と言われる分かりづらいソースコードになってしまう。 また、複数の非同期処理が完了した時に処理を行うなど、コールバックパターンでは難しい事をスマートにできるのがこのPromiseである。 今まではDOMの方でDOM Promiseとして仕様策定が進められていたり、ライブラリのDeferredが有名だったが、ES2015標準に入ることになり、V8に実装された。 実装されたメソッド Promise.resolve(x) Promise.reject(x) Promise.all( [p1, p2, p3, ......] ) Promise.race( [p1, p2, p3, ......] )
アーカイブ 2021年December (1) 2020年June (1) 2016年August (1) 2016年June (5) 2016年April (10) 2016年February (7) 2016年January (5) 2015年December (5) 2015年November (2) 2015年October (3) 2015年September (3) 2015年August (1) 2015年July (9) 2015年June (7) 2015年May (6) 2015年April (9) 2015年March (1) 2015年February (7) 2015年January (3) 2014年December (6) 2014年November (7) 2014年October (11) 2014年September (11) 2014年August (
Marionette.jsはBackbone.jsのラッパー的なライブラリです。 Backbone.jsの問題点 Backbone.jsは割と自由度が高いフレームワークなのですが、 それ故に中規模以上のプロジェクトで使おうとすると 設計が難しい(ベストプラクティスがわからずオレオレ実装になる) 初期化やインスタンスの管理が面倒 Viewは同じような処理が増える(で基底クラスにまとめたりする) といったデメリットがあります。 実際僕もよくわからないまま初期設計をした結果 大きな技術的負債を作ってしまった事がありました。 Marionette.js Marionette.jsはBackbone.jsと比べて抽象度が高く、 モジュール機構、CollectionView、Viewのデストラクタなど 独自実装になりがちな機能を提供してくれます。 これらを使う事で上に挙げたようなデメリットを回避し B
Captcha security check actyway.com is for sale Please prove you're not a robot View Price Processing
こんにちわ。セイカイです。 JavaScriptは簡単に動いて取り回しの柔軟な言語ですが、開発のスケールを考えると中々辛いところがありますね。 というところで、今回はTypeScriptの導入に関するお話です。 実際導入するにあたってのポイントなどを紹介したいと思います。 目次 導入にあたって 導入の目的 メリット デメリット まとめ 導入の目的 AltJSの導入目的は、JavaScriptはclassが無かったり、自由度が高すぎたり、書き方が統一し難かったりと大きな規模での開発に適用し辛いという部分が大きなところではないでしょうか。 私がTypeScriptを使い始めた理由も上記同等となります。 尚、AltJSの中でTypeScriptを選んだ理由としては下記のようなものになります。 既存のJavaScriptとの親和性 JavaScriptからTypeScriptで作成したコードの
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました IDEでは当たり前の入力補完をテキストエリアで実現します。 スマートフォンやフューチャーフォンでは当たり前になっているのが自動入力補完です。キーボードで全ての単語を入力するというのは煩わしいもので、入力補完機能があればスムーズに入力が続けられます。 そんな機能をWebアプリケーションでも使えるようにするのがAutoJSです。テキストエリアでの入力を自動的に補完してくれます。 AutoJSの面白いところとしては入力補完部分は選択状態になっているので、そのまま別な文字を入力すると別な単語に切り替わるということでしょう。単語リストを持っているので、その単語数次第で便利に使えるようになります。 なお日本語では平仮名からの変換が必要になるので同様の仕組みで行うのはちょっと難しいかもしれません
ハイブリッドアプリをさくさくっと作りましょう! ここ1年くらいWebとネイティブの技術を組み合わせたハイブリッドアプリに対する注目が急激に高まっています。Mobile Safariのパフォーマンス向上、HTML5への期待の現れと言えるでしょう。 今回はそんなHTML5を利用したWebアプリケーション開発に使えるフレームワークIonicを紹介します。この手のフレームワークはたくさんありますので、より先進的なものを選ぶと最新の機能が使えるのではないでしょうか。 タスク一覧のデモ。ヘッダー、フッターは常時張り付きます。 タブバーをクリックして画面の切り替えもできます。 スライドメニュー。画面をスワイプまたは左上のメニューアイコンをタップします。 メニューが左からスライドしてきました。 画面を切り替えた後の戻る機能もあります。 フォーム。 サンプルの天気アプリ。 地図アプリ。 プロフィールアプリ。
Emscriptenの限界が見えない…。 JavaScriptを使ってどこまでのことをやらせるのか、そんな限界に日々挑戦している人たちがいます。その際に注目したいのがEmscriptenではないでしょうか。 既存のソフトウェアをJavaScriptに変換することで無茶と思えるような行為が平然と行われています。今回は動画の変換ソフトウェアとして知られるFFMPEGをJavaScriptにしてしまったvideoconverter.jsを紹介します。 ライブラリ読み込み中。意外と時間がかかります。 読み込みが終わりました。ヘルプが出ています。 コーデックの表示です。 画像の変換もできます。 WebMフォーマットの動画をMPEG4に変換する無茶を試みます。 時間はかかりますがちゃんと変換されました。 使い勝手としてはFFMPEGなので画像や動画を自在に操作することができます。動画をアニメーションG
メールアドレスの「ルール」に関する話題が盛り上がっていますね。 「メールアドレスのルール」系まとめがそろって間違ってるのでご注意を 「メールアドレスのルール」なんて使ってはいけない3つの理由 これらのエントリに異論があるわけでありません。メールアドレスに関するルールというとRFC5322などがあるものの、現実の運用では簡易的な仕様を用いている場合が大半である…という事情は、私も以前ブログに書きました。、 本稿では、「空前のメールアドレスのルールブーム(?)」に便乗する形で、RFC5322に準拠したメールアドレスで、XSSやSQLインジェクションの攻撃ができることを紹介します。と言っても、SQLインジェクションについては、過去に書きましたので、本稿では、RFC5322バリッドなメールアドレスでSQLインジェクションとXSSの両方ができるメールアドレスを紹介します。 まず、攻撃対象として、以下
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く