サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Wikipedia
fjord.jp
プログラミング未経験の素人が3ヶ月でWebサービスを作って起業するべく、FJORD, LLCでChallenge Intern中の宮内達也です。 そろそろ、インターンシップを卒業する時期がやって参ります。それに伴い、Webサービスを作って起業したい学生・社会人インターンを募集します。 インターンシップ – Wikipedia インターンシップとは、一定期間企業などの中で研修生として働き、自分の将来に関連のある就業体験を行える制度。 FJORDがインターンで提供できること FJORDのチュートリアルに沿ってrailsを使ったWebサービスを作る方法が学べます。このチュートリアルで実際に作業しながらインフラ(Linux)を含めて、学べるようになっています。最終的には以前のエントリーに書いた(小さい会社のツールスタック・開発フロー)ような環境でWebサービスが作れるようになります。 FJORDが
こんばんは@hrysdです。 このたび、「怖話」のAndroidアプリがフリーペーパーの「Poco’ce 9月号」によって紹介されました。 ポコチェは毎月25日に発行されているフリーマガジンで、 首都圏のニューデイズ・ミニストップなどのコンビニで入手することができます。 ポコチェ設置場所 僕は、新宿駅西口の地下にあるミニストップで入手しました! しかし、ポコチェを郵送していただける事を知らなかったので 現在フィヨルドのオフィスには五冊ポコチェがあります… 今時の女性に向けた美容関連、食事関連といった様々な情報を掲載しています。 そんな情報の中で、ひときわ禍々しいこの部分!! ポコチェ読者の悲鳴が今にも聞こえてきそうですね! ぜひみなさんも、手にとってみてください。
おはようございます。@komagataです。 弊社(FJORD, LLC)でもインターンシップを行いたいと思います。 まずインターンシップとは何か、Wikipediaで調べました。 インターンシップ – Wikipedia インターンシップとは、学生が一定期間企業などの中で研修生として働き、自分の将来に関連のある就業体験を行える制度。 企業は労働力と入社見込み社員を得、学生は就業体験、職業訓練を得る。という制度のようです。 企業によって何を得たいか、学生によって何を得たいかが違います。そのためミスマッチが発生することもあるようですので僕らが何を得たいと思っているか、学生に何を提供できる(と思っている)のかを説明したいと思います。 僕らが考えたのは、 「オフィスの席が余っている」 「MacBookも余っている」 「デザインやプログラムを教える代わりに誰か怖話を手伝ってくれないかな?」 「でも
おはようございます。@komagataです。 弊社にデザイナーインターンの@Horaotokoが来てくれたので、説明を兼ねて現時点の僕らの会社で使ってる正直なところのツールと開発フローをまとめておこうと思います。(有料のツールやサービスについては値段とプラン名を明記します。) 真面目か!(aka トシ@タカアンドトシ) インフラ CIサーバーとstagingサーバーはさくらのVPS 1G (980円/月)に同居しています。怖話 (kowabana.jp)のproductionはさくらのVPS 8G (7980円/月)を使っています。オフィスのBGMは確認用のiPhoneで流しています。 webサービス Google Apps Google Analytics AMoAd PivotalTracker STARTUP Sプラン ($7/month) Github Organization B
こんにちは、フィヨルドのデザイナー枠インターン生の中里です。 町田さん@machidaに「ちょっと相方募集しといて」と言われたので僕が代わりに書いてます。 インターンの最後のステップで僕とこれから来るであろう相方さんが一緒にwebサービスを立ち上げます。 自前のwebサービスですよ?ヤバない? おそらくエンジニアさんはRubyを使ってデータベースやらなんやらをこねくり回す感じだと思います。(詳しい事は町田さんにお聞きください。) もし興味を持たれた方は info@fjord.jp までメール、またはTwitterで@komagataまでメンションください。 あと個人的に仲良くなりたいなーとかこの人どんな人だろー(とかちょっとお仕事あるんだけどー)って方は@HoraotokoまでメンションまたはDMをください。 一緒に頑張りましょう!ろくろ回せるように頑張りましょう! という訳でエンジニアの
@komagataです。 怖話(http://kowabana.jp)の3月のアクセス数と収益のまとめです。 (怖話とはスマホで怖い話がサウンドノベル風に見れる・投稿できるWebサイトです。) アクセス数 約54万PVでした。先月が33万PVで先々月が32万PVなので急に増えました。原因は”怖い話”でGoogle検索した時の順位が2月は7位ぐらいだったのが4位になったことだと思います。(今日は6位になっちゃってますが)何故順位が上がったのかについてはよくわからないです。 アクセス数が増えた事で、webサーバー(nginx)が502を1日50回ぐらい返してるのが気になります。appサーバー(unicorn)のプロセス数を増やせばいいんですが、さくらVPS512ではとっくにメモリをオーバーしていて、一番メモリを食うunicornのプロセスを増やすのはキツイです。(と思ったらさくらインターネット
こんにちは、フィヨルドの町田です。 最近、同じLLC仲間の合同会社モバリーンさんがインターン生と楽しくやっているみたいで羨ましい!うちもうちも、と募集を開始しました。興味のある方はやりたいことなどを書いて info@fjord.jp までメール、またはTwitterで@machidaまでメンションください。ちなみにモバリーンのインターン生募集はこちら。 フィヨルドってどんな会社? 渋谷区初台のマンションの一室でやってるエンジニア一人、デザイナー一人の二人だけの会社。二人だけだから、サービスの構築から運営まで全部二人だけでやってます。怖い話が読めるサービスなどを運営しながら、他社のサービスの開発のお手伝いもしています。 歓迎スキル Macで画像が作れる HTMLとCSSでサイトが作れる プログラムが書ける 怖い話が好き 霊が見える 寺生まれ こんな人にオススメ Webサービスを作って起業した
2011年も残り一ヶ月を切ったので、こちらのフィヨルドブログで今日からクリスマスくらいにかけてちょこちょこ今年にやったデザインのお仕事(もしかしたら仕事じゃないのも含むかも)のご紹介をしていこうと思います。 モバリーンのコミュニティ・イベント管理サービス「Doorkeeper」から。 合同会社モバリーン まずは合同会社モバリーンの紹介。 モバリーンはカナダ出身のポール・マクマホンさん(Paul McMahon)、ドイツ出身のミヒャエル・ラインシュ(Michael Reinsch)、フィンランド出身のヘンリー・セルボマー(Henri Servomaa)さんの異なる国出身の三人の会社。社内の公用語は英語で格好いいです。だけど、僕の周りのどの日本人よりも日本のガラケーに詳しくて、galakeiというガラケー対応用のRubyのGemまでリリースしています。 他にもRuby英語という、Rubyと英語
怖話 (http://kowabana.jp)の11月のアクセス数と収益のまとめです。(なるべく毎月公開したいです。) アクセス数 月間約19万PVぐらいです。8月は約5万PVだったので4倍ぐらいになってますが、もっと増えて欲しいところです。 使われてる端末はもう圧倒的にAndroidですね。怖話はPC版もありますが、全部の中でAndroidブラウザーが60%っていうのはかなりのシェアだと思います。 収益 追記:AdSenseの管理画面スクリーンショットは規約違反だったので外しました。 Google AdSenseを貼っています。月間約3万円ぐらいです。今の20倍ぐらい欲しいです…。 広告については全く分からないので、知り合いについていって広告代理店2社にお話を聞かせてもらいに行ったり、営業の電話が掛かってきたときに聞いて勉強していますが、イマイチGoogle AdSense以外を使うメリ
怖話を開くといきなり始まる怖〜いムービー。 これ、HypeというMacのアプリで作りました。 Hype Hypeはすごく簡単にHTML5のアニメーションが作れて、しかも値段は ¥2,600!(2011年9月現在) HTML5でムービーが作れるのでiPhoneでもちゃんと表示されます。 ホームページ制作会社の方がiPhoneサイトを作る際にHypeでムービーを設置したら、よりお客さんに満足いただくものを納品出来そう。操作は簡単なので、使い方を説明するまでもないのですが、まぁ、こんなことが出来るっていうのの参考に、Hypeの使い方や手順をこちらで紹介したいと思います。 Hypeを購入、インストール HypeはMac版しかありませんので、Windowsの方はMacを買うところから(Macの購入はこちら)。 HypeはMac App Storeで購入します。こちらクリック。Mac App Stor
Issue82の続き こちらの開発レポート、プログラマー側はどうやっていくか実際のIssueをこなしながら紹介したいと思います。 Github for Mac を使ってデザイナーがブランチ作る、怖話の開発レポート | FJORD, LLC(合同会社フィヨルド)」 といってもプログラマーは黒い画面で黙々といつも通りやるだけなので目新しいことはありませんが・・・。 % git branch -a issue20 issue26 issue28 issue47 issue52 issue71 * master refactor-string_size remotes/heroku/master remotes/origin/Issue82 remotes/origin/master @machidaさんが作ったIssue82ブランチがちゃんとありますね。(今度から全部小文字にしましょうと話しまし
只今開発中のサービス、スマホで怖い話が17,000話以上が無料で読めるサイト「怖話」のIssueをGithub for Macを使ってブランチを作って作業をしたので、それのレポート。 今回はこのIssueをやってみます。 開発にはGithubにリポジトリを置いて、Issueの管理もGithubを使ってます。 このIssueで解決させたい問題と解決策 怖話には17,000話以上もの怖い話があるんだけど、全然そんなにあるように見えない! なので、トップページにババンッと現在の怖話総数を表示します。 サイトを開いたらすぐに怖話を読みたい! 怖話の総数の横にランダムで怖話の個別ページに飛ぶリンクを配置します。 今回の簡単なラフ こんな感じで作ってみようと思います。 ブランチ作成 今回はデザイン(コーディングも含む)を先に作って、後からkomagataさんにその部分にシステムを入れてもらう、っていう
こちらのエントリーが大変参考になったので、僕らが作ってる怖話.jp(kowabana.jp)のシステム構成や開発方法についても公開していこうと思います。 怖話.jpはスマホ向けWebサービスなのでPC向けとはPVとかの傾向がちょっと違うかも知れません。 怖話.jpとは スマホで17,000話以上のサウンドノベル風の怖い話が閲覧・投稿できるサイト(アプリではありません)です。詳しくは下記エントリーを参照してください。 スマホでサウンドノベル風怖い話投稿サイト | FJORD, LLC(合同会社フィヨルド) 7月16日にRubyKaigi2011に合わせて無理矢理ベータテストオープンして、8月9日に正式オープンしましたので正式オープンからは1ヶ月経ってないまだまだのサイトです。開発期間は約1ヶ月ぐらいです。 サイト情報 (これAnalyticsを直接貼るのはどうやればいいんだろう?) 直近一ヶ
昨日(2011年6月21日)、エンジニアではなくデザイナーなのにも関わらず、Mitaka.rbという三鷹を中心とするRuby/Railsエンジニアさん達の集まりに@komagataさんと一緒ではなくフィヨルドから一人で参加させていただいた上に、LTまでやらせていただきました。 デザイナーが RailsとGitのことを少し知ってると色々捗る <div style="padding:5px 0 12px"> View more <a href="http://www.slideshare.net/">presentations</a> from <a href="http://www.slideshare.net/machidanohimitsu">哲平 町田</a> </div> Mitaka.rbは「たのしいRuby,おいしいMitaka」をコンセプトにした勉強会。今回もご飯を食べて、お酒
これはあの名門女子大「フェリス女学院」の2010年の学園祭パンフレット。 フィヨルドはインデントに困った女子大生を救います。 インデントに困ったら… CSSのインデントに困ったら…(@ruedapさん作)
2011年4月21日(木)、アップルストア銀座 3Fシアターで開催されたCSS Nite in Ginza, Vol.56で“黒い画面”のお話をさせていただきました。 CSS Nite in Ginza, Vol.56が終了しました | CSS Nite公式サイト
リポジトリホスティングサービスとしてお馴染みのgithubですが、弊社(2人だけど・・・)も全てのWebサイトのコードとデザインはgithubに預けています。そのgithubのタスク管理機能であるIssuesが先日リニューアルしました。 基本のタスクをマイルストーンとラベルで管理する感じは変わってませんがUIが大きくなったり、コンテキスト毎に整理されて見易くなりました。担当者もアイコン付きで分かりやすいですしWikiも以前より良くなっています。数人のプロジェクトだったらこれだけでいいんじゃないの?って感じです。 (Commit logに#issue番号を書いておけば勝手にcloseしてくれる) マイルストーンあたりの進捗率が分かるし、リポジトリと最初っから密に連携していているのも話が早いです。 リニューアル前からWebフレームワークのCappucino(and Objective-J)を使
お手伝いさせて頂いたfoodfoto incのコーポレートサイトが2月1日に公開されました。デザインプロセスは@machidaさんが書かれたので僕はシステム面について書きたいと思います。 といってもプログラマーの僕は殆ど何もやってません。これは依頼者である@func09さんとデザイナーの@machidaさんがコラボレーションツールを上手く使った為だと思います。そこでfoodfoto.jpサイトを作るに当たって使ったツールやサービスを紹介してみたいと思います。 Basecamp 言わずと知れた37signals, LLCのコラボレーションツール。ハードに使う人・ソフトに使う人、プロジェクトに関わる人は色々いると思いますが、今回、常にBasecampの画面を睨んでいるというようなハードな使い方ではなく、ソフトに関わった僕としては”メッセージ”の機能が便利に思いました。 “メッセージ”は要は掲示
@func09さんが立ち上げた会社「foodfoto」の会社サイトをフィヨルドで制作させていただきました。 そもそも僕も@komagataさんもラペコをオープンのときから応援してたファンだし、@func09さんのはてブがたくさんついたエントリー「自分でWebサービスを作ってたら起業することになりました」には@komagataさんが出てくるし(その前のエントリーには僕が出てくるのですが、はてブの差がひどい!)、フィヨルドでやったつくる社創業お祝い会に遊びに来ていただいたし、イベントでもよくお会いするしで、@func09さんが会社を始めたっていうだけでフィヨルドはもう祭りなのに、その会社のサイト制作の依頼をいただいてしまいました。 しかも、@komagataさんが作ってるCMSのLokkaで、というありがたい注文付き! さらに、powerd by Lokkaも格好良く載せて、と! そのサイトが
「本当は怖くない黒い画面入門」シリーズも最終回です。今回はそもそも「黒い画面」とは何なのかを紹介します。 「黒い画面」とは何か 「黒い画面」とは何か。そりゃあもちろん今まで使ってきたコレ。 ターミナル .app のことでしょう。 しかし、実は今まで「黒い画面」として使ってきた物は大きく二つのソフトから成り立っています。これは歴史的経緯を説明した方がわかりやすいと思います。 Terminal(ターミナル) Part.01 で説明したように昔は大きな「ホストコンピューター」に多数の「端末」を接続して使っていました。 「端末」にはディスプレイとキーボードが付いています。「端末」のキーボードで文字を打つと、ホストコンピューターに送られ、結果が帰ってきて「端末」のディスプレイに表示されます。 昔のコンピューターは非常に高価だったため、1台の大型コンピューターが処理を行い、単なる入出力装置としての安価
前回で「黒い画面」用のフリーソフトが使えるようになったので次は「簡単な自動化」が出来るようにファイル操作の基本を覚えてしまいましょう。 ファイルの作成
作業の自動化 「黒い画面」での作業は文字を打ち込むだけの単純で厳密な手順なので簡単に自動化できます。 例えば、僕は [lokka](https://github.com/lokka/lokka) というソフトを作っていますが、新しいバージョンをリリースする時に、その時の最新のファイルをダウンロードしてきてzipファイルに固める必要があります。下記のようなコマンドでそれが可能です。 $ git clone git://github.com/komagata/lokka.git lokka $ zip -r lokka.zip lokka $ rm -r lokka git というコマンドで最新のファイルをlokkaというディレクトリ名でダウンロードしてきて、zip コマンドで zip に圧縮し、元のディレクトリはもう要らないので rm コマンドで削除しています。 実はこれをそのままファイルに
今回は Homebrew を導入してフリーソフトを簡単にインストールできるようにしましょう。 Package Manager(パッケージマネージャー)の必要性 「黒い画面」では以前紹介した ls や curl など、単機能のコマンドを組み合わせることで複雑な処理を実現します。一つのソフトが複数のソフトを利用するため、「ソフト A をアップデートしたらソフト B、ソフト C が動かなくなった」という状況が発生します。「ソフト B 5.0 にはソフト A 2.0 以上が必要」といった関係があるためです。これをソフトの依存関係と言います。 無数のソフトの依存関係を手動で管理するのは面倒過ぎるので Package Manager(パッケージマネージャー)と呼ばれる種類のソフトがよく使われます。Package Manager は「そのソフトにどのソフトのバージョン何以上が必要か」、「今インストールさ
今回は「黒い画面」で使える便利コマンドを紹介していきます。 ネットから簡単ダウンロード cURL ネットからファイルを簡単にダウンロードできるcurl(シーユーアールエル)というコマンドがあります。「Client for URLs」の略だそうです。 $ curl http://example.com <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=utf-8"> <TITLE>Example Web Page</TITLE> </HEAD> <body> <p>You have reached this web page by typing "example.com
引数とオプションについて詳しく 今回は前回触りだけ説明した引数とオプションについてしっかり見ていきたいと思います。これが出来れば「黒い画面」用のフリーソフトを使う準備完了です。 引数はコマンドに渡す文字列です。コマンドの後にスペースを一個いれて文字を打ち込むんでした。
前回、/bin以外にも $PATH を覗いてみたら色々とディレクトリが設定されてました。その中でも頻繁に使うコマンドが沢山入っている/usr/binを見てみましょう。 cdというコマンドが見えます。これを使ってみましょう。 頻繁に使うコマンド cd 前回見たように $PATH に入ってるディレクトリはディレクトリ名を省略して実行できるんでしたね。また、コマンドには文字を渡して実行できることも学びました。 cd は Change Directory の略で引数に与えたディレクトリに現在のワーキングディレクトリを変更するコマンドです。要はディレクトリを移動するコマンドです。Finderでフォルダをダブルクリックするのと同じと思って貰えれば OK です。 何も表示されないので本当に移動できたのかわかりませんね。pwdで確認してみましょう。
Webデザイナーの為の「本当は怖くない」”黒い画面”入門シリーズ一覧 komagataです。 Webデザイナーの皆さま。プログラマーがよく使ってる文字が一杯出てる黒い背景のソフト。あれって取っ付き辛くないですか? Web業界ではアレをデザイナー、プログラマー間で”黒い画面”と呼ぶことが多い気がします。 デザイナー「ページのこの部分を変更したいんですが・・・大変ですかね?」 プログラマー「うーん。簡単なんですが、”黒い画面”で変更する必要があるんですよね。」 デザイナー「あぁ、じゃあ辞めておきます・・・。」 最近、デザイナーの@machidaさんが下記のようなことを言っていました。 「仕事が無いからFlashを勉強しようというWebデザイナーが多いけど、Flashが使えるWebデザイナーはもう沢山いる。”黒い画面”が使えた方がエンジニアからの仕事が増えるし、Webサイト全体のことが分かるので
今回も /bin の中のプログラムを使ってみることから始めましょう。 3つ目のプログラム echo /bin の中に echo というプログラムがあったので使ってみましょう。 /bin/echo の後にスペースを一個入れて、その後に適当な文字を入力してみてください。その文字が画面に表示されます。 「黒い画面」ではプログラムのファイル名を入力することでプログラムを実行しますが、その後ろにスペースを空けて文字を入れると、そのプログラムに文字を渡して実行することになります。この例では hello や hey という文字を /bin/echo に渡して実行していることになります。 このプログラムに渡す文字のことを引数(ひきすう)と言います。「引用する数」という意味でしょうか?英語では argument(アーギュメント)といって、数学の用語だそうです。僕の記憶にはありませんが、高校とかで習ったかもし
次のページ
このページを最初にブックマークしてみませんか?
『Fjord, Inc(株式会社フィヨルド)』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く