[WordCamp資料]WordPressでWebアプリケーションを作る方法～Croppy編～
この記事は、WordCamp Tokyo 2012でお話した「WordPressでWebアプリケーションを作る方法～Croppy編～」の内容をまとめ、分かりやすいように + 一部のコードについてセッションよりも詳しく加筆したものです。 WordPress に Twitter・Facebook ログインのようなソーシャル性を取り入れたWebアプリを作るためのプレゼンをするにあたり、最初は「ノンプログラマーでもできる」みたいなタイトルにしようかと思ったのですが、さすがに PHP が分かっていないと厳しいかと思いますので入れませんでした。 普段 PHP を全く書かない方には少々難しいかもしれませんが、ある程度 WordPress をカスタマイズできる方ならなんとかなるかな…という程度かと思います。 Croppyとは Croppy は、ほぼ WordPress でできているWebアプリです。 気に
![[WordCamp資料]WordPressでWebアプリケーションを作る方法～Croppy編～](https://cdn-ak-scissors.b.st-hatena.com/image/square/ecd2788c73bf4fe2c30c0116e541fcc599fc08f9/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Fwctokyo_2012.001.png%3Ffit%3D1024%252C768%26ssl%3D1)
週6フリーターもWEBサービス作ってみました。
こんにちは。週6フリーターです。WEB業界で働く為に勉強中です。 ちゃんと働いてカーチャン温泉につれてくんだ。。。 下記の記事に触発されて自分もWEBサービスを作ってみました。 ・『自分でWEBサービスを作りたいと思っている人へ』 http://anond.hatelabo.jp/20101203150748 ・『Rails3 と jQuery で、真面目にオシャレなエロサイトをつくってみました』 http://d.hatena.ne.jp/inouetakuya/20120331/1333192327 あ、でも今回作ったものはエロ関係ありません（笑） 下記が今回の製作物になります。 今回の製作物 『はてブ1000users超え記事アンテナ(´・ω・)』 http://hatebu-1000users-over.com/ ・このサイトについて はてなブックマークにて1000users以上取
プログラムを勉強してみることにした "たのしい開発 スタートアップRuby" - Blog.おにぎりたまごうぃんなー
きっかけ こんなサービスがあればいいんじゃないかって考えることは今までにたくさんあったけど、実現する力が全くなく今までずっと心の底に。 UX/UIデザイナーとして、サービス設計、画面設計、HTML/CSSコーディングまではできる。 プログラマーではないから、動かすことはできない。 グラフィックデザイナーではないから、かっちょいいグラフィックデザインまではできない。 こんな現状が悔しくなってしまったのです。 買ってみた。 たのしい開発 スタートアップRuby 作者: 大場寧子,大場光一郎,五十嵐邦明,櫻井達生出版社/メーカー: 技術評論社発売日: 2012/07/31メディア: 単行本（ソフトカバー）購入: 3人 クリック: 140回この商品を含むブログ (15件) を見る Rubyと他の言語の比較とか、Rubuコミュニティーについてとか、テストの書き方とかが乗ってたのが、この本を買う決め手
iPhoneアプリで食べていく――「ぐんまのやぼう」ができるまで
「東京都は群馬県になりました」「日本の都道府県はすべて群馬県になりました、つまり日本は群馬県です」 日本中を群馬県にしてしまうスマートフォン向けゲーム「ぐんまのやぼう」がヒットしている。5月初めの公開から2カ月で60万ダウンロードを突破。関連グッズが発売されたり、開発者が群馬県の観光特使に任命されるなど、アプリの枠を超えた盛り上がりを見せている。 開発したのは、群馬県出身のプログラマー・RucKyGAMES（ラッキーゲームス）さん。スマートフォン向けアプリからの収入だけで生計を立てている、自称「ネオニート」の28歳男性だ。RucKyGAMESは彼とデザイナーから成る2人チームの名称だが、企画やプログラミングなど仕事の大半を、彼がこなしている。 これまで作ったアプリの数は約110、合計ダウンロード数は約600万。思いついたらすぐ作る、できることは何でも試すという軽いフットワークで、ゲームを作
h300 にかかった CDN 利用料と、それを半分に抑えてくれた JPEGmini - おいちゃんと呼ばれています
少し前に書いたエントリーでは、h300 にどっと押し寄せたアクセスを捌くために、画像ファイルを別サーバに移したり、最終的には AWS の CDN である「Amazon CloudFront」を導入したことなどを、その判断基準も含めてまとめました。 -オシャレエロサイト「h300」をリリースして、10万PV/日を捌くためにやったこと それに対して、1番よく訊かれたのが で、ぶっちゃけ、結局サーバ代（CDN 利用料含む）にどれだけかかったの？ << という質問でした。 ぶっちゃけたところを、書きます。また CDN 利用料を抑えるために JPEGmini という Web サービスが非常に役に立ったので、併せて紹介します。 **h300 にかかった CDN 利用料と、それを半分に抑えてくれた JPEGmini -1. h300 のサーバ代は、ぶっちゃけ 3万円/月 -2. CDN 利用料を半分に抑
PHPで3日で”ニコニコから動画をぶっこ抜いてMP3にする”サイトを作っ
http://nicomp3.com/ニコニコ動画からMP3を生成するサイト作ったときのお話。 環境PHP5.3くらいMysqlドメインはお名前.comなぜ作ったか自己満足（おぃすべてのニコ厨にMP3を・・・ 完成までの流れPHPでニコニコにログインとダウンロードのソースを改造自分で書いてもよかったがネットに落ちているので参考にしたhttp://istb16.wordpress.com/2011/09/11/niconico_download_for_php/(1時間くらい)↓さくらのVPS(4G)のCentOsの環境を構成(3時間くらい)↓ニコニコのAPIを発見する。これを利用してサムネイル等とってきてるhttp://ext.nicovideo.jp/api/getthumbinfo/ニコニコID↓動画を変換するためにffmpegをサーバーにぶっ込むそしてPHP側から利用（1日目）↓フォ
Rubyやってみる！（新おっぱいスクリプトもあるぉ） - ゆーすけべー日記
某プロジェクトでRuby on Rails使うっていぅんで 「アジャイルWebアプリケーション開発」本なんて買ってチュートリアルとかやってます。 ただ、Ruby自体なにも分からないので、Rails覚えてもどれだけできるかがよく分からなす。 ってことでRubyを勉強する！と先ほど書いてみた4つのスクリプトをご紹介。間違ってたらツッコミよろしくおくんなまし。 とはいえ簡単なやつだよ！でも新しいおっぱいダウンロードスクリプトもあるよ！ open-uri.rb まずは、Perlで言うLWP的なもの、つまりHTTPクライアントでこの日記のHTMLを取得してみるよー。 あら、簡単だねっ。 require "open-uri" html = open("http://yusukebe.com/").read; p html twitter-search.rb お次に「お得意の」APIを叩く系をやってみる
非WEB屋でもサイトが作れる驚異的サービス／『サイトを作る』という敷居がどんどん低くなっていると実感する物色々 | バンクーバーのうぇぶ屋
先週くらいのお話ですが、“カナダで留学した後自分たちでスモールビジネスをやるからサイトが欲しい、でもお金無いから自分たちで作りたい。”的な相談があって、「そんな、サイト作るだけのサービスなんぞ、腐る程あるわぁああ！！」と、半分ヤケくそになってお話したので丁度いい機会だからまとめてみようと思います。 まぁ、今日はどちらかというと、完全に非WEB屋な人に向けたサイト自体を作るサービス、問い合わせなどのフォームを作るサービス、ユーザーテストを低コストで行うためのサービス、そういう物をご紹介していこうと思います。 たぶん、趣味やとりあえずサイト作りたいと思っている人には朗報として、とりあえずサイト作れる人がWEBデザイナーだと思っている人へは啓発（的な？）として、記事を書かせて頂けると幸いです！ 加えてたまに、「サイトが作れるようになりたい。」と僕の元に来てくれる人がいますが、もしそういった人が「
JavaScript アニメーションのデザインパターン
JavaScript でアニメーションを作る アニメーションとは何？ ビューを少しずつ回転、拡大縮小、移動、変色などを行い、連続的な動きを作る こんな感じ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() { el.style.opacity -= 0.01; }, 10); </script> なんで、あんな感じの書き方になるの？ setInterval の意味が分からない こんな感じで書けないの？ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; w
ウェブサービスをゼロから作って成功したこと、失敗したこと - id:k-z-h
php, 雑記いつもなら寝ている時間なのだけれど、なぜか睡魔がやってこないので過去の思い出をまとめてみる。去年の2月ごろ、新規案件のウェブサービスに開発メンバーとしてアサインされた。作るべきものが大量にあったため、4チーム（工期中多少増減したが）に分けてドメインごとに作業分担をした。そのうち、ウェブアプリケーション本体（フロント、API、マネージツール）を担当するチームのサブリーダーが自分の役割だった。そのプロジェクトは去年の末に一旦の区切りを迎え、自分はそこで退職し、新たな環境に身を置くことにした。それから丸4ヶ月経って、自分が書いたコードと新しい環境で書かれていたコードを見比べて、思うところが多々ある。それらを文章としてまとめたいと思う。 失敗したこと簡単な骨組みを作ったあと、デプロイの仕組みを作った。php には phar という仕組みがある。これは jar/war のようにウェブサ
実装までにする7つの企画作業 - ゆーすけべー日記
メルマガ「ゆーすけべーラジオ」にてWebサービス/アプリをつくるにあたっての僕なりのエッセイを連載中です。先週は実装前に行う企画作業についてまとめてみたのですが、評判がいいので、折角ですしBlogで公開させていただきます。特に複数名でのものづくりに参考にしてみてください！ 何度か述べている通り、Webサービスにおいて「何を」つくるかは最も重要なことであり、いくら崇高な技術を持っていても「何を」つくるかによって、その技術が生きるか死ぬかが決まってきます。何をつくるかをしっかり決めることにより、実際に本番用のコードを書く実装の段階にも確信が持てますし、リリースした際のフィードバックも活きてくるでしょう。世の中でよく使われているサービスやアプリを見るとアイデアに富んだ今まで無かったと言われるような「何」がしっかりとしたものが多いと思います。 こうしたサービスの企画をつくるに当たっては各自の流儀に
初めてwebサービス作った。「Timer's High」 - tumblr
前略 マクドナルド北野駅前店スタッフのおばさま方、見ていますか。僕はやりました。雨の日も風の日も、来る日も来る日も貴店にノートPC持ち込んでコーヒー1杯で数時間粘り続けて居座り続けた結果、僕はやっと初めて一人でwebサービスをつくることが出来ました。ずっと自室で作業していたら、全然捗らずに僕はこの日を迎えることは出来なかったでしょう。貴店なしには、僕はこれを創り上げることは出来なかったはずです。 いつもいつも閉店ぎりぎりまで居座ってて閉店数分前に僕が出ていく瞬間にはとびきりの笑顔をみせてくれたり、昼過ぎに来てコーヒー1杯で数時間居座った後に一旦家に帰って自分でお米炊いて夕飯食べてから再び来店してコーヒー1杯頼んで数時間居座ろうとした時は思いっきり眉間にシワを寄せてくれたり。時に優しく、そして時に厳しく接してくださったあなたがたのおかげで、僕はなんとか一人でこれを達成することが出来ました。ど
Rails3 と jQuery で真面目にオシャレなエロサイトをつくってみました
いつぞやの飲み会で、 これだけウェブの技術が進化しているのだから、もっとオシャレなエロサイトがあってもいいんでないかい？ << という話になりまして。 だけどどうせ作るんならということで、Rails3 と jQuery を使って結構マジメにつくってみました。 （※大人の事情により、リンクはやむなく削除しました） 当初はエロにオシャレは必要ないのかなーと思ったときもありましたが、いざつくってみると、やっぱり選べるならオシャレなやつの方ががいいよね、という結論に落ち着きました。 今回つくったのは試験的なものなので 90日間限定でしか公開しないつもりですが、日本のエロサイトが今後もっとオシャレに発展していくきっかけになってくれたら嬉しいです。 以下、サイトのコンセプトや使っている技術についてまとめてみます。 **Rails3 と jQuery で真面目にオシャレなエロサイトをつくってみました 1
プログラム初心者がwebサービスをリリース - カズワヤblog
htmlとcssは分かるけど、プログラムに関しては素人の私、副長がいかにwebサービスを公開するに至ったかのまとめです。 この日記、もちろん（http://anond.hatelabo.jp/20101203150748）に触発されてます。 もともとwikiで作っていたサイトがあり、それを作り直し今月リリースしました。 2010年10月時点でのスキルセット html：5年くらい。 css：5年くらい。 Javascript（jquery）：2年くらい。 IA：3年くらい。 元マークアップエンジニアの現在webディレクターです。 リニューアル前のサイト 海外ドラマの情報サイト pukiwikiで構築 html、css、デザイン全て一人 api利用（yahoo、bing、楽天、amazon、WikipediaAPI）で自動取得できる情報は取得しまくった（全てJavaScript利用） サーバー
コーディングコンテストに集まったTODOアプリが「本気出しすぎ」と話題に | KAYAC DESIGNER'S BLOG - デザインやマークアップの話
jsdo.itでコーディングコンテスト「Web Creator's Contest Q」が開催中です。 現在募集中のテーマは「ブラウザで動くTODOアプリ」。 お手本コードをフォークして書き始めてもいいし、ゼロから書いても参加してもOKなコンテストです。 締切は今週の水曜日、3月28日です。 1位「MacBook Air」、2位「Apple TV」、3位「Web Money 5000円分」と賞品も超豪華なのでぜひぜひご参加ください！ と、いつものテンプレPR文はここまでにして、続々と集まっている投稿作品の一部をご紹介したいと思います。今回も皆さんかなり、本気出し過ぎですね…！ 萌えキャラ+対話型のUI toDoll - jsdo.it - share JavaScript, HTML5 and CSS 「もうちょっと離れてくれる？」 ということなので、離れましょう。→ フルスクリーン タス
文系リーマンでも、半年でFacebookアプリを１人で作れるようになった - maeharinの日記
私は文系リーマンで、半年前まではプログラミングができませんでした。けれど、独学で少しずつプログラミングをしたり、勉強会に参加したりすることで、先日「友達Tube」というFacebookアプリを、１人で作ってリリースすることができました。 その過程で学んだことの一部を、HatchUp様主催の「第2回渋谷facebookアプリ勉強会」で発表してきましたので、スライドを上げておきます。 作ったFacebookアプリ 友達Tube HatchUp様の勉強会で発表したスライド 文系リーマンでも半年でFacebookアプリを作れるようになった View more presentations from maeharin 講師をやることになりました 僭越ながら、HatchUp様からお声がけいただき、Facebookアプリ勉強会の講師をやる事になりました。私自身、プログラミングはじめてまだ半年の身なので、「
「ウェブサービスを一人で作れるなんて嘘だろ！実際大変じゃねーか！」 - uzullaがブログ
ワナビーのみなさんこんにちは、ワナビーのuzullaです。 昨日の記事を読んで、このタイトル通りのことを思った方、俺も同感です。 ワナビーではない皆様、ご機嫌麗しゅうございます。 本記事全くお役には立ちません。後半の割とゲスいサービスつくってください。 前の記事が久々に100ブクマとれてしまい*1、調子に乗って書いた、真の蛇足記事がこれです。 俺が蛇足記事だ！ 「つくるぞー！」＞「できた～」＞「人こない…」＞「サーバー落とす」 参考：http://uzulla.hateblo.jp/entry/2012/03/15/170632 上を分解すると ・作るのが大変 ・宣伝するのが大変 ・回すのが大変 ・クローズするのが辛い 作るのが大変なのは、(技術|腕|スキル)の所為？ これ系は解決する方法がネットにもうゴマンとあるし、割と努力次第でどうにかなるので、まあどうでもいい感ある。 ただ、アリガチ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
自分でWEBサービスを作りたいと思っている人へ
WebアプリにSNSアカウントでのログインを実装する
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
