イマドキのコーダー環境構築2016CSS Nite LP47 Coder's High 2016 http://cssnite.jp/lp/lp47 「イマドキのコーダー環境構築」で発表したスライドです。 ※スライド上のURLリンクは効かないので、下部文字起こしから飛んでください。Read less
Web over HTTPS
Web over HTTPS DevFest Tokyo 2016 #devfest16 2016/10/0
今Googleで最も熱いサービスFirebaseで、リアルタイムWebアプリをサクッと作ってみた | PLAID engineer blog
今回は、Firebaseというサービスを使ってWebサイト上で動作するアプリケーションをいくつか作ってみたのでご紹介します。
新入社員のためのWAF(Web Application Firewall)入門 | DevelopersIO
佐々木です。クラスメソッドも4月から新しい仲間が増えました。今日はWAF(Web Application Firewall)の基本的な知識を整理してみました。 基礎知識 WAFとは WAF(Web Application Firewall)とは、Webアプリケーションの脆弱性を狙う悪意ある通信(攻撃)から、Webアプリケーションを保護するものです。本来論で言えば、Webアプリケーションに脆弱性があるのであればWebアプリケーションを修正するのが正しい対応です。しかし未知の脆弱性があったり、修正コストが大きくWebアプリケーションでの対応が難しい場合や、緊急度が高くすぐに防御しなければならないが修正が間に合わない場合も、残念ながらあります。ユーザーとWebアプリケーションの間にWAFを入れることで、悪意ある通信を防ぐことが出来ます。 ファイアウォールとは ファイアウォールは、IPヘッダやTC
Web Api でずれないページネーションとSQL - Qiita
何とは言いませんが、登録された写真を日付順に閲覧できるアプリがあるとしましょう! それには登録された写真を日付順に取得できるWebAPIが必要ですね〜。 数十枚とかであるならば一括で取得すればいいですが、１０万件など大量にデータがあるときは話が別ですね。 その場合は、10件ずつなど順番に取得させますよね。パラメータにoffsetとlimitなどをオフセットと取得数を指定してオフセットさせながらページネーションさせせます。そしてUIてきには、スクロールの度にApiを叩いて読み込む仕様にしますね。 この時offsetに0とか10とか単純に先頭からのオフセット分を指定する仕様にするとすると、例えばページネーション中に新しい写真が登録されたり削除され場合に、ページネーションがズレることが考えられますね。考えついてしまいますね。とても気持ち悪いです。 Offsetでのページネーション（BAD） 簡易
Webデザインにおける信頼性： 信用されるための4つの要素
Webサイトは、訪問者を顧客に変えるため、信頼を確立し、信用に足るものだと示す必要がある。その、ユーザーがWebで信頼性を判断する方法は、デザインのトレンドが変化しようともずっと変わっていない。 Trustworthiness in Web Design: 4 Credibility Factors by Aurora Bedford on May 8, 2016 日本語版2016年8月3日公開 UXカンファレンスでシンガポールに滞在中、我々はユーザビリティ調査を実施し、Webサイト、そしてそこから転じて、ビジネスに対する西洋とアジアの文化における評価の仕方の主な違いを調べた。興味深い微妙な文化的違いもあった。しかし、サイトの信頼性をはかる基本の要素は同じで、地域や文化は関係なかった。 1999年にJakob Nielsen（ニールセン博士）は、信頼感を伝える4つの手段として、デザインの品
Web開発でもアプリ開発でも使える状態遷移図を自動生成するツールを作りました - Qiita
概要 先日こちらの記事でgraphvizを使って状態遷移図を作成する方法をご紹介したのですが、これでもまだ複雑で記述量も多いのでとっつきづらいと思い、このgraphvizのソースコードを自動生成して画像を出力するコマンドラインアプリケーションを作成しました。 このアプリケーションはPyagram（ぱいあぐらむ）といい、その名前から察しがつくかと思いますがPythonを使用して開発されました。開発期間は１日でした。 このPyagramを使うことで複雑な状態遷移図を比較的簡単に作成することができるようになりますので、以下でご紹介したいと思います。 状態遷移図の描き方についてはこちらの記事を参考にしています。 出来上がりの図は以下のような感じになります。 図には幾つかのオブジェクトがあります。 図のタイトル（最上段） ビュー（二重丸） サーバサイドの処理（灰色の背景の一重丸） 画面遷移（破線の矢
高速・軽量・高機能……Nginxの基礎知識
処理能力の高さなどを理由に、近年、大規模サイトを中心に急速にシェアを拡大しているWebサーバー「Nginx」。この連載では、その特徴と魅力を分かりやすく紹介します。 第3のWebサーバーとして注目を集めるNginx 1日に数億リクエストを処理するような大規模サイトを中心に、近年急速にシェアを拡大しているWebサーバーが「Nginx（エンジンエックス）」です。HTMLドキュメントや画像ファイルといった静的コンテンツを高速で配信し、消費メモリが少なく、リバースProxyやロードバランサーといった機能も有した注目の軽量Webサーバーです。ネットクラフト社の調査によると、2014年6月時点でApache HTTP、Microsoft IISに次ぐ第3位のシェアを獲得しています。 依然としてApache HTTPやMicrosoft IISのシェアは高いものの、Nginxの認知度は日に日に高くなって
javaプログラマー向け学習のための本（新人から５年めくらいまで）を考えてみた - Qiita
1.ガチ新人向けのコンピュータに関する教養 新入社員で専門課程で情報処理教育を受けていない場合の基礎教育 専門教育を受けていてもレベルによっては、適宜読んだほうがよい プログラムはなぜ動くのか 第２版 知っておきたいプログラムの基礎知識 プログラマにとってCPUとはなにか データを2進数でイメージしよう コンピュータが小数点数の計算を間違える理由 四角いメモリーを丸く使う メモリーとディスクの親密な関係 自分でデータを圧縮してみよう プログラムはどんな環境で動くのか ソース・ファイルから実行可能ファイルができるまで OSとアプリケーションの関係 アセンブリ言語からプログラムの本当の姿を知る ハードウェアを制御する方法 コンピュータに「考え」させるためには レッツ・トライC言語! ネットワークはなぜつながるのか 第2版 知っておきたいTCP/IP、LAN、光ファイバの基礎知識 第1章 Web
Railsで構築しているWebサービスをjQueryベースからReactに移行する時の知見 | スペースマーケットブログ
こんにちは、エンジニアの小林です。 先日、スペースを貸し出すオーナー様向けのダッシュボード(管理画面)をリニューアルしました。 スペースマーケットはwebサーバもAPIサーバもRailsで構築しているのですが、JQueryをベースに構築していたリニューアル前の実装からReactをベースにした実装へ移行した際に得た知見を書きたいと思います。 サーバ構成 既存のサーバ構成では、webサイトはwebサーバから、アプリはAPIサーバからそれぞれデータベースを参照していました。 リニューアルに伴いwebサーバからもAPIサーバを参照する構成となります。 webサーバから別ドメインのAPIサーバにアクセスするためには CORSの設定 webサーバとAPIサーバはドメインが違うため、ReactのコードからAPIサーバにajaxリクエストが送れません。これを回避するためにCORS(Cross-Origin
組み込み系を専攻していた僕がWEBの会社に新卒入社して生き抜くために実施した6つのこと - Qiita
はじめに 気がつけば今年も四分の一が終わり、少しずつ春の足音が聞こえてきましたね。 この時期は環境が大きく変わる人も多く、特に新社会人になるみんなは「楽しみ」だったり「不安」だったりとそわそわしているに違いありません。 僕も14卒のエンジニアとして今の会社に入社したのですが、この時期は不安でいっぱいでした。 この記事はなんなの？ 学生時代、組み込み系を専攻していた僕が、WEBの会社に新卒入社して生き抜くために 「学生時代から社会人になって変えたこと」 を綴っています。 入社当時の僕のスキルセット 「C言語の基本的な構文がわかる」 「Javaを少し触った事がある」 本当にこのレベルでした。 学生時代は組み込み系を専攻していたこともあり授業が「回路設計」「ハードウェア設計」中心だったのでWEB系のスキルは殆ど無かったのです。 「こんなスキルセットで本当にやっていけるのだろうか…？」「仕事につい
新卒エンジニア必見！IT・Web系の技術勉強会＆探せるサービスまとめ
IT・Web系の技術勉強会は全国各地で多数開催されていて、知識や技術の向上だけでなく、同じテーマに興味を持った方が集まるので、新しいつながりができやすいというメリットがあります。 また、専門外の知識・技術や新しい技術を知ることで、視野が広がります。 「興味があるけれど、どこで勉強会やイベントを探せばいいかわからない」という方のために、IT・Web系の技術勉強会を探せるサービスを9個まとめてご紹介します。 後半では有名なIT・Web系の技術勉強会も紹介していますので、気になった勉強会があればぜひ参加を検討してみてください。 IT・Web系の技術勉強会を探せるサービス 勉強会を探したい方のために、IT・Web系の技術勉強会を探せるサービスを9個ご紹介します。 全国各地で勉強会・イベントが開催されているので、積極的に参加しスキルアップを目指してはいかがでしょうか。 ※2016年3月31日時点の情
Web系の企業さんの研修資料を読んでみた！
リブセンスさんの「人は一ヶ月でエンジニアになれるのか - 詳細解説」を読んでみてこれはかなりすごいなと感動しました。 あとはほかのWeb系の企業さんの研修に関する資料を読みつつ、どうすれば効率的にWeb開発の知識を習得できるのかなといろいろ考えてみたのでそのメモです！ 🚌 リブセンスさんの教育に対する考え方 人は一ヶ月でエンジニアになれるのか - 詳細解説 学生時代に知っておきたかったWeb技術の学び方の学び方 Web開発における問題点 Web開発は領域それぞれが深い。ゴールがない 新しい技術が日々生まれたり、深い知識が要求されるため、学び続ける必要がある - (問題点) 知っておかないといけない知識が多い - git/javascript/css/ruby/CI/ミドルウェア の画像 - 要求される知識も深く、定期的なバージョアップが要求される - (問題点) メインストリームの技術の
Web系の自分が想像と障害で学んだバッチ処理・設計の基本 - コンポツさん
バッチ処理というのはそれ単体で勉強しようとするとなかなか何を勉強したらいいのかわからないことが多い。 特に経験がWeb系ばっかりだと、いざバッチ処理を実装しようとした時に基本的なノウハウを知らないままに書いてしまうことが多い。 バッチ処理というのは実態を整理すると「何らかのトリガーを期に起動し、データをロード・加工・変換・集計してから、出力する」という事になる。 まぁ、INがあって処理してOUTがあるという点では関数だと考えてもいいだろう。 システムの利用者(人に限らない)のアクションとは直接関係ない処理であったり、利用者のアクションをトリガーとしていても、即時にレスポンスがいらないor返せない場合に バッチ処理を選択する事が多い。 実現方式はシェルスクリプト、LL言語、実行可能バイナリだったりするし、デーモンとして立ち上げる場合もある。 利用者の操作に対して対話的・同期的な処理はオンライ
Roswell時代のCommon LispのWebアプリケーション運用 - 八発白中
最近Quickdocs.orgをフルスクラッチしました (2回目)。 今回のメインは裏側の月次バッチ処理でしたが、Webアプリ部分も多少変更をしました。特に運用方法が、Roswellを全面的に使うことで大きく変わりました。 Common LispのWebアプリ開発では、未だにこのブログの以下のエントリが参照されてるっぽいですが内容もかなり古くなっています。なのでこの機会に現代に合わせてアップデートしておこうと思います。 Quickdocs.org で学ぶCommon LispのWebアプリ運用ノウハウ - 八発白中 Common LispでWebAppの開発に必要なN個のこと - 八発白中 Roswell 何はともあれRoswellが必要です。 Roswellの紹介記事は以前書きました。 Common Lispとリアル・ワールドを繋ぐ「Roswell」の紹介 - 八発白中 Roswellは
Common LispでWebAppの開発に必要なN個のこと - 八発白中
PerlでWebAppの開発に必要なN個のこと - Islands in the byte streamのCommon Lisp版です。 あるプログラミング言語で実際にWebAppを開発できるようになるまで、何が必要だろうか。言語仕様の習得は終えているとしよう。おそらく、最低限以下のような知識が必要だと思われる。とりあえずCommon Lispについて知っていることを書いた。←ここまで引用 Perl版と異なるのは、これは昔よく使われていたけど今は使うべきじゃないみたいなのも書きました。 パッケージマネージャ Quicklispを使います。Common Lispで開発しようと思ったら処理系の次にこれが必要です*1。ここ数年のCommon Lispの環境変化はQuicklispに依るところがとても大きいです。 http://www.quicklisp.org/beta/ ライブラリごとにバージ
HTTP ページ上でのパスワード要求はやめましょう
[これは Mozilla のセキュリティエンジニア Tanvi Vyas 氏のブログ記事 No More Passwords over HTTP, Please! を同氏の許可を得て翻訳したものです] Firefox 46 Developer Edition は、HTTP ページ上でログイン情報の入力を求められた場合、開発者に警告を行います。 ユーザ名とパスワードの組み合わせは、ユーザの個人データへのアクセスを管理する手段です。Web サイトはこうした情報を注意深く扱い、パスワードは HTTPS のような安全な (認証、暗号化された) 接続を通じてのみ要求すべきです。しかし残念なことに、HTTP のような安全でない接続でユーザのパスワードが扱われている例が 非常に多く 見られます。このプライバシーとセキュリティの脆弱性を開発者の皆さんに知らせるため、最新の Firefox Develope
はあちゅうは月に300万円noteと有料サロンで稼いでいる件 - Hagex-day info
はあちゅう大作家先生がお怒りであーる。 何をそんなに怒っているのか？？ どうやら、noteで有料コンテンツを増やしたらTwitterで「金の亡者」と言われており、はあちゅう御大が激おこしている模様。 ・noteで連載量を増やすと 「金の亡者ｗｗｗ」って言われる件（はあちゅう御大のブログ） ここ数週間、 有料noteで課金していることを 匿名アカウントから ツイッターでなじられたりするんだけど、 作家が文章でお金を取って何が悪いんだろう…？ じゃあアンタ、他に文章でお金稼ぐ手立て教えてくれるのか？ って思います。 そこには私に対する 「お前なんか作家じゃねえおだろｗｗ」っていう 気持ちもあるのかもしれないけれど はあちゅう先生は、2ちゃんねるでは大変評判が悪い「電通」→ステマでお馴染みの「トレンダーズ」→そして現在はフリーランスなので、お金をいろいろ稼がないと、大変なんだぞ！ トレンダーズの
ITmediaニュース：「はてな」という変な会社 (1/2)
「合宿いけへん？」――はてなの近藤淳也社長がそう切り出すと、社員の大反対にあった。ブログサービス「はてなダイアリー」など、20万人以上のユーザーをかかえる、たった10人の会社。遊びに行っている暇はない。 それでも近藤社長は強行した。「きっと何かあるから」。開発者を連れて平日3日間、冬の海を見下ろす宿で過ごした。ひたすらコーディングする以外、やることがなかった。「3日間で5日分くらいの仕事ができた」 この合宿で生まれたのが、国内初のソーシャルブックマークサービス「はてなブックマーク」。合宿に行くまでの車の中で「何作ろう？」とアイデアを募り、宿でコーディングし、帰ってきた次の日にリリースした。たった4日の早業だった。 合宿は、頭をクリアにして新サービスを考え、生産性を上げるための試みだった。はてなの社員はこの1年で倍増し、組織としての形が見えてきた一方、新サービスの開発が日に日に難しくなってき
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
長文日記