これは2017年の11月から独りでWebサービスを作りはじめて、独りでリリースをして、独りで打ち上げをした、独身男性の備忘録です。 開発からリリースまでの4ヶ月間、自分が開発中に心がけていたことなどを忘れないように、次のサービスに活かせるように、Qiitaに投稿しておきます。 また『Webサービス作るぞ!』と、独りで考えている方の参考になればと思います。 作ったもの OFFICECLOCK - クラウド型の勤怠管理サービス トップ画面 登録画面 勤務表画面 打刻画面 OFFICECLOCKは何ができるのか? ざっくり説明すると... Webブラウザで勤怠管理ができる 登録した勤務時間をエクセルで出力ができる HATARACLOCKとも連携しているため、LINEでの打刻、勤務表の確認もできる 【連携しているLINEアプリ】 ※このLINEbotとWebのサービスが連動している。 こだわり こ
半年ほどかけてWebサービスのプロトタイプを公開するところにこぎつけたのでその記録をしておこうと思います。 作ったもの 一言で言うと「Webブラウザで閲覧したページの履歴を共有するSNS」です。 History(履歴)を流す(stream)ということでHistreamと名付けました。 Chrome拡張をインストールして、ウィンドウを選択し、オンにするとそのウィンドウで見たページ履歴を自動でアップロードします。 そしてWebサービスでアップロードされた履歴を整理された状態で確認したり、友達の履歴を読めたりします。 Chrome拡張: Histream-Extension - Chrome Web Store Webサービス: https://histream.io 作ろうと思ったきっかけ 今から一年前、大学2年の冬にワンタップダイエットというアプリを作っていました。プログラミングするのはほと
私は渋谷で「スマートフォン時代のWebデザインスクール」というWebデザインスクールを開講していますが、以下のような質問をよくいただきます。 Webデザインスクールに通うために(あるいはWeb制作を始めるにあたって)MacBook の購入を検討しています。MacBook、MacBook Air、MacBook Pro のどれを買えば良いですか? そこで、一般的な回答を記事として公開することにしました。 結論から申し上げると、どれを選択しても「スマートフォン時代のWebデザインスクール」の受講および一般的なWebデザインカンプ制作は可能です。 昨年の受講生の方には、MacBook、MacBook Air、MacBook Pro をそれぞれお持ちの方がいらっしゃいましたが、特に問題なく受講されていました。 それぞれの特徴は以下の通りです。 MacBook Pro 最も高価で重いですが、その分性
世界中のほとんどの人々は気にしていませんが、米国時間の2016年10月1日(土曜日)、インターネットが大きく変わりました。これまで米国政府が保持していたインターネットの重要資源に対する監督権限を手放したのです。 JPNIC: 米国政府がインターネット重要資源の監督権限を手放しました JPNIC News & Views vol.1439【臨時号】2016.10.3 NTIA: Statement of Assistant Secretary Strickling on IANA functions contract インターネットそのものは、世界中の多くの組織が分散しつつも協調することで成り立っています。 しかし、世界中のみんなが単一の「共通意識」を持って運用する必要がある、IPアドレスやポート番号などの番号資源、ドメイン名、プロトコルパラメータの3つに関しては、IANA(Internet
こんにちは。おはるです。 このブログの名前にもある通り、一応IT女子なのでそれっぽい話題を書いてみようかと! 私は学生時代webではなく、グラフィックデザインを勉強していました。なので入社するときはhtml?文書構造?CSS3って普通のCSSとどう違うの?状態。 そんな時自分がフロントエンドを勉強するのに役だったものを紹介したいと思います。 はてな界隈はwebをやっている人が多いイメージなので、もしかしたらこんなの知ってるわーな話かもしれませんが(笑)もしもこれから始めてみようかな!って方がいたら参考になれば嬉しいです。 なお、htmlとcssの学習に絞った記事になっています。 ※私が勉強したのは2013年あたりなので、少々情報が古いかもしれません ※後編も書きました! itjoshi.hatenablog.jp まずは手を動かしてみる どんなサービス? 勉強のとっかかりとしておすすめ 手
公開前に知人に見せたら、読むのに20分もかかったわ!! と、お叱りを受けましたw オススメのツールやWEBサービスということで50ほど紹介していますが、僕の使用感のほかに、ところどころ経験談的なものが入っています。そのあたり、読むのがめんどうな方は読み飛ばしていただければ幸いです。 2万文字近くあるので、お時間ある際にゆるりと読んでいただければと思います。 それではお楽しみ下さい! サイト解析に使えるツール・サービス import.io Juicer Ptengine GTmetrix CLOUD FLARE wayback timemachine シミラーウェブ Open Site Explorer サクラサクLABO aguse Built with ディレクションに使えるツール・サービス ウェブチェッカー Cat Mdes maindmaister ひとりブレスト 関連キーワード取得
「いやぁー、オンラインタスク管理ツール選びって本当に楽しいものですね」 今年2016年は、オンラインタスク管理ツールの当たり年と言っても良いでしょう。 2年前の記事からロゴが変わったりもしていますが、老舗ツールの大幅アップデートがあったり、新しいサービスが開始されたりと、ツールを選ぶ側としては迷わしくも選択肢が増えてかなり嬉し楽しい状況となっています。 今回、個人のパーソナルタスクの管理に向いていると思われる、10個のオンラインタスク管理ツールを勝手ながらピックアップしてご紹介しておきたいと思います。 では、以下アルファベット順にご紹介です。 Any.do https://web.any.do シンプルを突き詰める 「Any.do」 昨年、Any.do「3」と呼ばれるアップデートがあり、機能や見栄えの変更がありました。 アプリは Any.DO moment と呼ばれる通知サービスがあり、毎
はじめに 最近の事ですが「WEBライティングで改行はNG」という事を知ったので、心配になりちょっと調べてみました。分かり易い記事が見つかりましたので、中身を紹介します。 powderfinger.cocolog-nifty.com ほ〜これは分かりやすい!!特にココ!!確かに読むのも嫌になりそうです(私の様な集中力のない人間は・・・) ☆NGパターンその1☆改行と段落が全くない ☆NGパターンその2☆句読点ごとに改行されている ☆良い例☆100文字毎に段落をわける こうして100文字ごとに文章を区切っていくと、読み易さが全然違いますね。一目瞭然です。文字をキチキチに書いていると、自分もなんだか訳が分からなくなる。それに読んでる相手はもっと辛いでしょうね。 ちなみにですね、過去記事を一通り見に行ってみたんですが・・・見事に半分以上がNGパターンの仕上がりでした(汗)これ直すのに結構時間かかり
動画制作クラウドソーシング『Crevo』CTOの工藤陽さんは、NTTデータで7年間SEとして経験を積んだ後、Crevoの創業と同時にジョインしたエンジニアだ。「SIerからWEBへ」一見するとキャリアの可能性が広がるイメージだが...その難しさや現実とは? 【プロフィール】工藤陽 Akira Kudo 2004年、NTTデータに入社。金融ビジネス事業本部(当時)にて都銀のシステムアウトソーシング事業に従事。2009年、第一金融事業本部(当時)に異動。全銀ネットワークの開発に携わった。2012年、PurpleCow株式会社(Crevoの前・社名)創業とともに入社。CTOに就任した。 業界の中でしか生きられない、SIの世界に身をおく不安 ― 本日のテーマが「SIerからのWEB業界への転身におけるメリット、デメリット」なのですが、工藤さんがNTTデータを退職され、スタートアップにジョインされた
毎年恒例の「初心者Webアプリケーション開発者がチェックすべき情報源」を集めているので、皆さんにもご紹介。 去年に引き続き、最低限のものに絞ってみた。 上から重要な順。★の付いている「重点」がとりあえず読んどけ、の必須。 必須のポイントは、短期間で大雑把に網羅的にポイントが整理されているものを選択。 書籍としては、徳丸本「体系的に学ぶ 安全なWebアプリケーションの作り方」、「めんどうくさいWebセキュリティ」と「実践 Fiddler」を掲載したけど,他に良い本があれば情報プリーズ。 この情報もあったほうが良いんじゃね?という情報も大歓迎。 ■重点 ★Webサイト構築 安全なウェブサイトの作り方 http://www.ipa.go.jp/security/vuln/websecurity.html 安定の第7版2刷。Web開発の委託先仕様書の代わりにも使える。 セキュリティ実装 チェックリ
米Googleは7月6日(現地時間)、マテリアルデザイン仕様のWebサイトを構築するためのツールキット「Material Design Lite」を公開したと発表した。 基本的なCSS、HTML、JavaScriptのコンポーネントとテンプレートで構成されており、公式サイト(これもMaterial Design Liteで構築されたようだ)からダウンロードできる。 マテリアルデザインとは、Googleが昨年6月に発表したモバイルOS「Android 5.0 Lollipop」から採用しているデザインコンセプト。シンプルで直感的なユーザーインタフェースで、ディスプレイサイズに応じてデザインが最適化されるのが特徴だ。 Material Design Liteの「Lite」には、依存性の少なさ、コードサイズの小ささ(27Kバイトに圧縮されている)、手軽にインストールして使えること、などの意味が込
Webエンジニアになりたいと思って、まずはじめに取り組んだのはRails Tutorialだったのだけれど エンジニアを志して半年程経ったこのタイミングで色々と思う所があって、 同じ轍を踏む人が少しでも減ればと思い 初学者が効率的にWeb系エンジニアとしての入門レベルを終えるにはどうすればいいのかという形でまとめる そもそもRails Tutorialとは ちょっとしたサイトを作ったことがあって(=HTML, CSSを使える) 入力した数字の素数判定が出来る程度のプログラミング能力があれば*、 とりあえず解説を読み下して、TwitterモドキをRailsで作れる丁寧なチュートリアルサイトのこと railstutorial.jp *実際どうかしらん、Rails Tutorialに自分が初めて取り組んだ時のレベル感 Rails Tutorial いい点と悪い点 いい点 とにかく写経すれば、ログ
This document summarizes a microservices meetup hosted by @mosa_siru. Key points include: 1. @mosa_siru is an engineer at DeNA and CTO of Gunosy. 2. The meetup covered Gunosy's architecture with over 45 GitHub repositories, 30 stacks, 10 Go APIs, and 10 Python batch processes using AWS services like Kinesis, Lambda, SQS and API Gateway. 3. Challenges discussed were managing 30 microservices, ensur
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く