ノンプログラマーが3ヶ月でWebサービスを作ってみた - Qiita
ノンプログラマーがはじめてWebサービスを作ってみた記録です。 2016.3.28 追記: リリース1年後について書きました。 はじめてのOSSリリース記 〜なぜ無料でソースコードを公開するのか？ 自己紹介 趣味でたまにプログラムを書く程度のノンプログラマー。 本業は SHIFT（ http://www.shiftinc.jp ） という会社でテスト自動化エンジニアをしています。 20代最後の年に何か新しいことを！と思い立ち、勢いでWebサービスを作ってみました。 作ったもの Chibineko - 世界で最もシンプルなテストツール https://chibineko.jp 面倒なテストはサクッと終わらせよう Chibinekoはテストケースの作成と実行管理を行うためのシンプルなテストツールです。 テスト項目を箇条書きにするだけで、あなた専用のテスト実行ページが瞬時に作成されます。 あとは
MySQL 5.5.11 unicode_ci で同一視される文字
MySQL 5.5.11 unicode_ci で同一視される文字 Unicode 002000A02000200120022003200420052006200720082009200A202F205F3000 Character Unicode 0021FE57FF01 Character !﹗！ Unicode 0022FF02 Character "＂ Unicode 0023FE5FFF03 Character #﹟＃ Unicode 0024FE69FF04 Character $﹩＄ Unicode 0025FE6AFF05 Character %﹪％ Unicode 0026FE60FF06 Character &﹠＆ Unicode 0027FF07 Character '＇ Unicode 0028207D208DFE35FE59FF08 Character (⁽₍︵﹙
ハッキングされたサイトの復旧事例をご紹介します
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
「RxJS」初心者入門 - JavaScriptの非同期処理の常識を変えるライブラリ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、王です。 みなさん、「RxJS」をご存知でしょうか？ すごく大雑把に言うと、RxJSとは非同期処理（マウスクリックなどのイベントベースの処理も含める）をするときに超絶便利なライブラリです！ イメージしやすいように「便利」とは言いましたが、決して「便利」という言葉ではおさまらないくらいのインパクトがあると思います。ちょっとした「イノベーション」に近い感覚です。 今回は、RxJSを全く知らない初心者でもとっつきやすいように説明してみたいと思います。少し記事が長くなりますが、最後までお読みいただければ幸いです！ 目次 ReactiveXについて 非同期処理の問題点 RXと「Observerパターン」 ウォーミングアップ イベントを配列のように操る？ Stream（ストリーム） ストリームを操作する「オペレーター」 オペレーションチェーン ObserverとObservable Col
#potatotips でAPIKitを紹介してきた
Mar 13, 2015 資料 内容 Appleが出しているThe Swift Programming Languageに”Swift is a type safe language.”書かれているように、 SwiftをSwiftらしく書くには型を意識したコードを書くのが良いと思っています。 型を意識する前は以下のようなAPIクライアントを使ってきたのですが、 let parameters = [ "q": "APIKit", "sort": "stars", "order": "asc", ] GitHub.call(.GET, "/search/repositories", parameters) { JSON, error in if error != nil { println("error: \(error!.localizedDescription)”) } else { se
MQTTブローカーサービス「sango」を使ってJavaScriptだけでチャットを作ってみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、まろCです。 幼い頃から本が嫌いで、読み始めると数ページで眠くなってたんですが、最近読めるようになりました。なんと、Kindleで読むと眠くならないのです！ もっと言うと、Kindleで行間を空けて、文字を大きくし、1ページで見える文字数をなるべく少なくしたら睡眠魔術が効かなくなってきたのです。 それはさておき、今回は最近話題のMQTTについて、MQTTブローカーサービス「sango」を使ってチャットツールをつくってみたので、そのことを書きたいと思います。実装はフロントのみ！ MQTTとは https://sango.shiguredo.jp/mqtt 一言で言うならば、「あらゆるモノをつなぐ軽量プロトコルで、パブリッシャー（送信者）とサブスクライパー（購読者）の間に位置するMQTTブローカーサーバーを介して、メッセージをやりとりする」といったところ。 ちなみに、Faceboo
２０１５JALチャレンジカップ 「日本対ウズベキスタン」のレビュー - pal-9999のサッカーレポート
さて皆さん、こんにちは。本日は先日行われました「日本対ウズベキスタン」のレビューをお届けします。有り難い事に、ブログ書きやすい試合でして、サッカーブロガーとしては助かります。アギーレ・ジャパンの時は何とも書きにくい試合ばかりで困ってましたのでね～（遠い目 まず試合内容からなんですが、試合は５－１で日本が勝ちました。 www.youtube.com www.youtube.com 有り難い事にyoutubeにフルマッチ動画がupされてたんで貼っときますですよ。ちょっと画質悪いですけどもね。とりあえず、フルマッチ動画を紹介した上で、試合内容のレビューに参ります。有り難い話ですけど、ハリルホジッチ監督は、結構システマチックなサッカーやるようで、レビュー書きやすいタイプです。ホントに有り難い話です。 日本対ウズベキスタン、ハリルホジッチのサッカーの攻撃パターンの話 さて、まずは新監督さんのサッカー
【iOS】Pinterest風な遷移アニメーションをオープンソースとして公開しました | PSYENCE:MEDIA
概要 UIViewController間の遷移アニメーションを、Pinterestのようなズームするアニメーションにするライブラリをオープンソースとして公開しました。前回オープンソースを紹介したときはyshrkt氏のゴーストライターでしたが、今回は自分で書いたコードですｗ recruit-mp/RMPZoomTransitionAnimator | GitHub We published RMPZoomTransitionAnimator by open source. RMPZoomTransitionAnimator provide a custom transition zooming animation. PinterestやFacebook、Twitterなどのアプリで、一覧画面で写真のサムネイルをクリックするとサムネイルが拡大しながら詳細画面に遷移するアニメーションをご覧になっ
【エンジニア】社内 LT 大会をしました | PSYENCE:MEDIA
エンジニア間の知見の共有について プロジェクトごとに散らばっている知見を、エンジニア間で共有しよう！ ということで、リクルートマーケティングパートナーズでは隔週でエンジニアが集まってエンジニア定例会を行っています。それ以外にもConfluenceなどを使ってランチ情報から技術に関するポエムまで、エンジニア同士で盛んに共有を行っています。 今回は年度末ということで、エンジニア定例でLT大会をしようということになったのでその模様をお伝えします。（誰得） これを見て入社したいと思ってくれる方がいれば最高という感じです！採用ページだけでは伝わらない中の人の雰囲気が伝わればいいなと思っています！ #1. アドテクの話 sparkgeneさん 普段は社内のインフラ周りを担当しているsparkgeneさんです。今回はアドテクの仕組みについての発表でした。リアルタイムビッディングとかの話ですね。DSPとS
[JS]気持ちいいアニメーションを伴ったさまざまなスクロールエフェクトが簡単に実装できてしまうスクリプト -Space.js
スクロールすると、ページに配置されているあらゆる要素が3D空間にあるみたいに気持ちよくアニメーションするjQueryのプラグインを紹介します。 さまざまなエフェクトが驚くほど簡単に実装できるので、お試しあれ！ Demo 2: Out of Space Space.jsの使い方 Step 1: 外部ファイル 当スクリプトとjquery.jsを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="[jquery]"></script> </head> <body> ... コンテンツ ... <script type="text/javascript" src="space.min.js"></script> </body> Step 2: エフェクトの設定 まずは、コアとなるフレームを作成します。この中に
![[JS]気持ちいいアニメーションを伴ったさまざまなスクロールエフェクトが簡単に実装できてしまうスクリプト -Space.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/24728443d0a7001537016b0816df756534c67040/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015040301.png)
もらって嬉しい素敵なデザインの名刺が無料で作成できる！そのまますぐに使える名刺素材のまとめ
ビジネスでもプライベートでも、コミュニケーションツールとして大切な名刺・ビジネスカード。自分でデザインを考えるのも楽しいですが、自分にはないセンスを取り入れて新しい名刺を作ってみるのも面白いものです。 文字を入力するだけでそのまま使える名刺・ビジネスカード用の素材を紹介します。
Vue.js概要？ - Qiita
Vue.js とは 原作者である Evan You氏 が中心となって開発中のクライアントサイド JavaScirpt(JS)フレームワークです。 MVC の派生種である、GUIライブラリに適した MVVM を設計基盤として 採用し、構築されています。 MVVM を採用していること が、構文の理解しやすさに繋がっています。 MVVM を採用したフレームワークでは、表示そのものであるView、 表示するデータ 及び データを操作する手続き をひとまとめにした View Model (VM)、が舞台上の役者です、それらを管理するコントローラ(Controller)は、 存在するものの、黒子のような存在で、ユーザからは隠蔽されているため、 コードを書く際に意識する必要はありません。 公式サイトで Vue.js の特徴は Simple、Fast、Composable、Compact、 Powerfu
JavaScriptユーザエージェント判別・判定
Updated 2015.11.24 / Published 2015.04.02 新しいFirefox OSやWindows Phoneを含めた2015年現在のユーザエージェントを判定し分岐処理を行う手順をご紹介します。OSや機種毎の処理を行っていくには、もはや無理がありますので、タブレットかスマートフォンかを判別することのみにフィーチャーしています。 ユーザエージェント情報に依存して、分岐処理を行うと、常に付きまとう悩みの種が新しいOSの登場です。今年もすでにauからFirefox OSを搭載したスマートフォンであるFx0が新たに登場し、次いで日本国内でもWindows Phoneが発売されることが決まっており、ユーザエージェント情報に依存して処理を行っている部分は相次いで見直しを迫られることになりますので、以下、ご参考に活用いただければと思います。 var _ua = (functi
「アプリは儲からない。2年で収益12,962円（時給4円）」異端開発者「クリーニングス」がそれでもクソゲーをつくり続ける理由。 | アプリマーケティング研究所
「アプリは儲からない。2年で収益12,962円（時給4円）」異端開発者「クリーニングス」がそれでもクソゲーをつくり続ける理由。 今回は「アプリがぜんぜん売れない」で有名な、アプリ業界の異端児「クリーニングス」さんにお話を伺いました。なぜ彼らは「クソゲー」をつくり続けるのでしょうか。 ※クリーニングス 会社員βさん（左）、会社員Aさん（右） 「クリーニングス」について教えていただけますか？ 会社員A： 同じ会社に勤めている会社員二人で、アプリをつくっている匿名のユニットです。 うちの会社は副業禁止で、バレたらクビになってしまいますので、いつも社員食堂で、こそこそとアプリの企画会議をしています。 どうしてアプリをつくろうと考えたんでしょうか？ 会社員A： そうですね・・・ストレス発散の一種でしょうか。本来は「ふざけた人間」なのに「マジメな会社員」として働いているのがイヤで仕方ないんです。 それ
Facebookが公開したiOS向けReactフレームワークComponentKit - Qiita
FacebookがiOS向けに新しいフレームワークComponentKitを公開しました。 ComponentKit which is now used to render News Feed in the Facebook iOS app. Facebookアプリのニュースフィード部分はすでにComponentKitを利用しているそうです。 Facebookが提唱しているReactにインスピレーションを受けたiOSネイティブ向けの実装で、Facebookが合わせて発表したJavaScriptでコーディングするReact Nativeとは異なります。 UIViewやUILabelを直接触ることはありません。CKComponentViewContextにラップされます ComponentKitはObjective-C++（C++）で作られています ComponentKitを利用するにはObj
React Native ファーストインプレッション - Qiita
React Native 概要 React.js とだいたい同じ作法で、JavaScript で書いたコードが iOS ネイティブアプリとして一応動く。そのフレームワークと開発環境を提供する。 React.js と同じ React を謳っているとおり、JSX で UI コンポーネントを定義するとか、Props や State で View のデータフローを整えるとか、setState() によるデータバインディングとか、諸々が一緒。従って React.js でアプリケーションを作ったことがあれば、学習コストをほとんどかけずにアプリが作れる･･･かも 例えば以下のように、入力値をそのまま画面にエコーするアプリケーション。 これはこんな感じのコードになる。 var React = require('react-native'); var { AppRegistry, StyleSheet, T
React 雑感 - Qiita
3/22 (日) の rebuild.fm で React の話をしようと思っているが、その前に頭を整理するために React 雑感。雑感なので殴り書き。 React はこれ一つで複数の課題を解決しようとしている。そのため、人と議論してると話のコンテキストがぶれやすい。ざっくりは フロントエンドのプログラミングパラダイムを、サーバーサイドのような富豪的なスタイルに変える コンポーネント (雑に言うと独自タグ) 指向で UI を組み立てる ステートレスコンポーネントやメッセージパッシングで疎結合性を高めることにより、イベントの依存関係地獄を解消する。また結果的にテスタビリティを高める あたりだろうか。 React というと最初に目につくのは VirtualDOM だけれども、VirtualDOM は 1 や 3 を達成するために障害となった技術的課題を解消するためのテクニックであってそれ以上
React.js 実戦投入への道 - Qiita
最近話題のReact.jsですが、実戦投入に当たっては結構重たい選択を迫られることになります。 ざっくり言えば、テンプレートエンジンを捨ててReactしますか?それともReactあきらめますか?という選択です。 本記事ではReactの基本思想とこうした選択肢が生まれてしまう背景を述べるとともに、後半では「どちらもあきらめない」という(若干シミュレーションRPGあるある感のある)第三の方策について案を提示します。 Reactの基本 最初に、Reactの基本的な仕組みについてまとめておきます。 Reactは公式ドキュメントが非常に充実しているので、始める際はぜひQuick Startのドキュメントに目を通すことをお勧めします。 Getting Started Tutorial Thinking in React 後述しますが、Reactを使ってアプリケーションを作る際の設計方法についての記載が
ターミナルの作業が捗るかもな小技５つ - Qiita
ターミナルで作業する事が多いんですが、そのときによく使っているちょっとしたときに便利なコマンドなどを紹介します。 bashで説明します。 (zsh でもつかえるし、もっと便利になる物も多いですが) 1. 並列な階層に複数ディレクトリを一度に作成 {} を利用します。 aa,bb,cc というディレクトリを作るとき。
Railsが時代に合わなくなってきた
追記 RailsでJS辛い問題に関しての結論：http://qiita.com/kaiinui@github/items/dad6180f1910c6a4bfd5 -- 近年、(1) Web/App両対応が増えてきたこと、(2) WebでもJSを多用するようになったこと、の二つがあり、以下の点でRailsが微妙になっている。 ViewのJavascriptがRailsから独立している API層のサポートが微妙 最初に書いておきますが、特に決定的な解決策もなく、辛いから今後解消されてほしいよね、な話です。 ViewのJavascriptがRailsから独立している Railsはとても堅牢。 モデル、コントローラ、ルーティングと、変にいじらない限りはほとんどテストが要らない。 必要なのは、モデルに新たにpublicメソッドを付けたときくらいだろう。 実際、バックエンドはそうそうバグが出ない。
日本ハムが実感したペーパーレス化の効果 「経営層の理解」がカギ
日本ハムが実感したペーパーレス化の効果 「経営層の理解」がカギ：iPad会議システムを経営会議用に導入（1/2 ページ） ITでの業務改革は、情シスとしての“入れる”目線ではなく、“使う”ユーザーの目線で考えなければうまく回らない。日本ハムが行ったペーパーレス化の取り組みは「まずは経営層へ理解させた」ことが成功のカギとなったようだ。 会議のペーパーレス化を進める企業が徐々に増えている。国内食肉加工業シェアトップの日本ハムも、2012年にNRIネットコムが開発したiPad会議システム「モバイル会議」を導入し、ペーパーレス化を推し進めている。ペーパーレス化によるコスト削減と効率化はもちろん、自社のセキュリティ対策＋向上にもつなげるのが大きな狙いだ。 連結売上高約1兆1220億円（2014年3月期）の日本ハムは、生産飼育・処理加工・物流・販売を「バーティカルインテグレーション（垂直統合）」で展開
ホーム - CloneTracker
当社はCookieを使用して、お客様が当社のWebサイトでより良い体験を得られるようにしています。引き続き閲覧する場合は、プライバシーポリシーに同意したことになります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
Bootstrapで作られたとは思えないほど洗練されたデザインのWebサイトのまとめ
This week in Rails: Goodbye alias_method_chain, PostgreSQL typecasting and more
Engadget | Technology News & Reviews
This week in Rails
俺専用ReactのSVGスケッチ環境作った - mizchi's blog
Vue.js vs Knockout.js
Vue.js資料まとめ（古いので注意）
jswatchdog
io.js 東京Node学園 15時限目
