AWS上で動作するアプリケーションをいかにローカルで開発するか？ - たけぞう瀕死ブログ
AWSでは様々な便利なサービスが提供されています。中にはRDSやElasticCacheのように既存のミドルウェアに対するマネージドサービスを提供するものもあり、これらについては既存のミドルウェアを使って開発することができますが、AWS固有のサービスについてはアプリケーションを動作させるには実際にサービスに接続する必要があり、開発環境が制限されてしまいます。 もちろんソフトウェア側で抽象化しておき、DIなどの手法を用いてモックに差し替えるという方法も考えられますが、特にストレージとして利用するサービスなどの場合はインタラクションが必要になるのでモックでは再現しづらいですし、やはり実際に動作するサービスに接続して開発やテストを行うほうが効率的です。 そこで、AWSのサービスを擬似的にローカルで再現することのできるプロダクトを集めてみました。 S3 node.jsで動作するs3-proxyが使
HTTP2 を前提とした HTML+CSS コンポーネントのレンダリングパス最適化について | blog.jxck.io
Intro Chrome が予定している <link rel=stylesheet> の挙動の変更について、 Google Chrome チームの Jake が、興味深いブログを上げている。 The future of loading CSS この内容は、単に Chrome に対する変更だけではなく、 HTTP2 によって変化する最適化手法と、それを最も活かすための HTML, CSS の構成についてのヒントがある。 今回は、この内容を意訳+補足解説し、本サイトに適用していく。 HTTP/1.1 時代の CSS HTML 自体がコンポーネントを意識した作りになっている場合は、自然と CSS も class などを使いコンポーネント単位に作ることができるだろう。 しかし、 HTTP/1.1 では、リクエストの数を減らすために全ての CSS を 1 つ(もしくは少数個)に結合する最適化が主流だ
rem単位を用いたレスポンシブ対応ページの実装デモ
Tweet rem単位を用いたレスポンシブ対応ページの実装デモ はじめに 本技術のポイントは1つだけです。可変にしたい要素すべてのサイズ指定にrem単位を用いることにより、普通にやると面倒なレスポンシブ対応がfont-sizeのみの変更で済むことです。 このサイトがデモです。 （ウィンドウ幅を狭くしたり右上のチェックボックスを切り替えてみてください。） きっかけ 2015年9月ごろにAppleサイトのサポートページ（https://support.apple.com/ja-jp/HT...）を開いたところ、大きな表示崩れが生じていました。 Appleサイトのバグ(左: IE Edgeでの表示 右: Chromeでの表示) 画像提供元: 情報科学屋さんを目指す人のメモ CSSを解読したところ、要素のところどころにrem単位を用いたサイズ指定が施されていました。 これは単なる凡ミスではないと考
Photoshop CC2015を使いこなす定番テクニックから、あまり知られていない便利なテクニックまでのまとめ
Photoshop初心者も、普段使ってる人も知らないともったいないPhotoshop CC2015を使いこなす便利なテクニックを紹介します。 この記事を書くにあたって、WinとOS XのPhotoshop CC2015でそのテクニックを確認したのですが、けっこう知らないこともあり、かなり参考になりました！ 最後にはボーナスとして、全操作の動画もあります。 28 Awesome Tips and Tricks for Photoshop CC 2015 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 ※各ショートカットは、OS X用です。 Windowsの場合は、下記のように置き換えて利用してください。 Command = Ctrl Option = Alt Delete = Backspace 01: 歯を自然な白さに美しくレタッチす
[CSS]Flexboxのこれが知りたかった！今まで出来なかったことがシンプルで簡単に実装できるスタイルシートのまとめ
今まで出来なかったこと、かなり複雑なコードでスクリプトを併用しないと実装できなかったことをシンプルなHTMLとCSSで実装するFlexboxのテクニックを紹介します。 Solved by Flexbox Solved by Flexbox -GitHub 各コードの対応ブラウザは、Flexboxを使用しているため下記の通りです。 Chrome 21+ Opera 12.1+ Firefox 22+ Safari 6.1+ IE 10+ コードのライセンスはMITライセンスです。 「clearfix」「overflow: hidden」から卒業 高さが分からないフッタを常に最下部に表示 高さが分からない要素を天地左右の中央に配置 レスポンシブ対応の3カラムをシンプルなコードで実装 Flexboxを使った柔軟なグリッド 入力フィールドとボタンの高さを揃えて、くっつけて配置 「clearfix」
![[CSS]Flexboxのこれが知りたかった！今まで出来なかったことがシンプルで簡単に実装できるスタイルシートのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/ee61fe7384f341a2c6e8f8141198967ab8c04f2f/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201601%2F2016021702.png)
3月31日をもってIE9のサポートを終了します - Qiita Blog
Qiita, Qiita Teamをご利用いただきありがとうございます。 2016年1月13日より、Microsoft社は各バージョンのWindows OSにおいてサポートされる最新のInternet Explorer (以後「IE」)だけに技術サポートを提供するようになりました。これによって、Windows Vista, Windows Server 2008を除きIE9の技術サポートが終了することになります。 参考: Internet Explorerサポートポリシー変更の重要なお知らせ – Microsoft またQiita, Qiita TeamのアクセスユーザのOS環境を調査した結果、当該環境からのアクセスは全体の1%未満であることが判明しました。 これを受けて Qiita, Qiita TeamでのIE9のサポートを3月31日を持って終了する ことにしました。それ以降のサポート
トップページは検索窓だけ--大胆なデザインに変更した神戸市の狙いとは
この2月から神戸市の公式トップページが、風景写真に検索窓を配置しただけという斬新なデザインにリニューアルし、話題となっている。リニューアルの経緯について、プロジェクトを手がけたペタビットのミキ チョクシ氏がCode for Kobeの定例会で説明した。 通常、自治体のトップページデザインは、市民への情報を発信する窓口として新着情報などのメニューがぎっしり並べられている場合が多い。だが、それで目当ての情報にたどり着けるのかといえば必ずしもそうとはいえず、神戸市のトップページも分析したところ、トップページの直帰率は50％以上と2人に1人は次のページに進まずに離れてしまうことがわかった。 ミキ氏らはさらに自治体サイトのトレンドを専門家の協力を得ながら分析し、そこから理想のあるべき自治体サイトとして、市民が困っていることを察知して用意するコンシェルジュとしての役割を果たせるようなページのあり方を提
WordPressは記事の件数が多くなると重くなるのか？ | Firegoby
数日前にtwitter上で話題になっていたので、SQLを解析して検証してみました。 方法 WordPressをロードする際に実行されるSQL文を全てダンプして、explainでインデックスの使用状況を解析した。 条件は以下のとおり テーマはtwentytenを使用した。 プラグインは全て削除 投稿は24,071件で、全て同じ本文のダミーテキストを使用した。 ちなみに本文は以下のとおり。 召使をさなかっ事も無論前でどうしてもですでしです。いかに大森さんに相当社会多少存在がなろでし必竟その根それか観念をとしてご矛盾ますですありでしから、そのほかもあなたか国家豪商を思いて、三宅さんののを詩のそれがとうていごお尋ねと売っがあなた人情からご蹂躙がするように初めてご横着が云ったませて、何でもかでもやはり相違から作るありてみましのをなっなくた。したがってすなわち大大名が起る気はこれから妙としなて、その心
WordPress案件を納めるまでにしたこと - Qiita
はじめに monpy です。フロントエンドやってます。UNBA 所属 私の働いている会社では、毎クォーターのはじめに、前クォーターの振り返りを発表する。 いつものは esa.io に書いたりするけど、今回からここにまとめようかな。要するに ストック乞食 何の話か 前クォーターは WordPress を利用して、会員向けのコンテンツを含むサイトを構築したことが主だった。 その話を今回する。 実はこの話は wordpress案件 に docker を使ってみた件 にも書いたので、興味があるなら覗いてストックしてほしい。 案件を受けるまで 私は PHP にも WordPress にも明るくなかった。 加えて 私の周りには アンチPHP が多く、大学の教授までそんな言語やるなと言っていた(大学なら言って当然だろうとは思う)。 ただ個人の所感としては、PHP はプログラミング言語としてはあまりよろし
Android案件を見積もる場合に考えておくことリスト - Qiita
アプリ自体のコーディング見積もりのみに注力してしまうと忘れがちで、たまにつらい目に遭うので、必要に応じて追加していく予定。 アプリ仕様 仕様はそもそも決まっているか 「仕様は決まっている。動かない」「移植なのでこれ以上はありません」と言ったな。 それは嘘だ。 既に仕様がガッチリ確定していることはありえない。要求仕様（必要機能リスト）がある程度固まっているならばまだ良い方で、「今から仕様を一緒に考えていきましょう」「アイディアレベルです」まで様々。 その他にも、GCM/FCM等のアプリ外サービスと連携する場合、遅延コスト等どの程度許容できるかも事前に確定させる。特にプッシュ系サービスでは、ありえないレベル（全端末遅延1秒以内必須、とか）を既定路線に含めないように留意する。 改修か、新規開発か これは見積もりの前提として大きな影響力をもつ。 テクノロジーや設計の自由度・柔軟性をある程度コントロ
フェイスブックのタグ付けで「接近禁止命令」違反――日本の法律だったらどうなる？ - 弁護士ドットコムニュース
被害者とコンタクトを取らないよう、裁判所から命令されていたのに、フェイスブックで「タグ付け」の投稿をおこなうと、命令違反となる――。米ニューヨーク州の裁判所がこのほど、このような判決を下した。 ニューヨーク・ロー・ジャーナルなどによると、マリア・ゴンザレスという女性は、義理の妹とコンタクトをとっていけないという保護命令（接近禁止命令）を受けていた。ところが、この女性は、フェイスブック上で義理の妹を「タグ付け」したうえで「愚かだ」なとど投稿したという。 現地の裁判所は、フェイスブックのタグ付けによって「相手に通知を送ることになるので、保護命令に違反することになる」という判断を示した。この女性は最長1年の懲役刑を科される可能性があるという。 日本でも、DV防止法などで「相手と連絡をとらないように」という保護命令がある。はたして、今回のケースのように、フェイスブックで「タグ付け」した場合も、命令
恐怖のニコニコ検索システム変更 - うｐ主視点のニコニコ動画データ分析
・うｐ主視点でニコ動データを研究中。 ・データには調査日などで偏りがあります。参考程度に留めておいてください。 今回、軽い気持ちでニコニコ統計を再開した自分を、恐怖のズンドコに叩き落とす大変な罠が待ち受けてました。 「検索システム変更」 一番の変更点は「先頭から50ページしか表示できない」というものです。 今まで簡単に出来た「○○年△月から□月まで」などのデータ取得が不可能になってしまい、 おそらく僕を含む多くのニコニコ統計員を絶望させたのではないか・・・と思います。 それで、代わりに新検索βを使ってみました・・・が、 まだ完成版ではないためか、色々と使い辛いんですよね、これ＾＾； 結果、ほぼ同じデータベースを取得するのに、10倍くらいの労力が必要になってしまいましたorz （なお、どこらへんが使い辛いかはマニアックな話になるので後述します。） それ以外にも、使い易かったダウンロードサイト
［2］技術者を魅了する「Slack」とは？
本連載の［1］で説明したように、ビジネスチャットツールは多数存在する。その中でも、特にシステム技術者向けで頭角を現しているのが米スラック・テクノロジーズの「Slack」である。 Slackは米国発のサービスで、日本に営業・開発拠点はない。有料プランの価格は1ID・1カ月当たり6.67ドルからで、クレジットカードなどで直接支払う必要がある。メッセージを含むデータの実体は海外のクラウド（Amazon Web Services）上に保存される。 日本でのビジネス用途ではデメリットが多そうなのにもかかわらず、機能面が評価され、日本でも利用企業が広がっている。人気の理由はどこにあるのか。 全社のコミュニケーションツールをSlackに移行
Yahoo: 2013年に約10億ドルで買収したTumblrを近く全損処理へ
Xoilac tv, trực tiếp bóng đá xôi lạc tv, xoilactv xembd siêu nét Xoilac tv, trực tiếp bóng đá xôi lạc tv là trang xem bóng đá tốc độ cao, xoilactv tự tin mang lại trải nghiệm trực tiếp bóng đá euro 2024 tốt nhất cho anh em. Link xem bóng đá Xoilac cập nhật ngày 09-07-2024 Kênh bóng đá trực tiếp xoilac tv đang dần trở thành người bạn quen thuộc của mọi nhà khi phát sóng trực tiếp những trận đấu bón
Picasaの終了と、10年続くウェブサービスの少なさ
Googleが写真サービスPicasaを終了し、Google Photosに統合するというニュースが入ってきています。 まだ移行方法には不透明な部分があり、以降にむけての変化も2016年5月1日から順次導入されるということになっていますので、それまでに新しく使う写真サービスを選ぶか、単純にGoogle Photosにログインしてそちらを利用するといった選択肢があります。 それにしても、写真のように時間とともに蓄積する情報を保存するサービスが、こうしてあてにならないと、ユーザーとしてはどうすればいいのでしょう？ 10年続いたウェブサービスは？ Picasaのリリースは意外に古く、2002年の誕生以来14年が経過したサービスです。Googleによる買収は2004年、OSXを使っている人にとってはデスクトップアプリは2009年にようやく登場しましたので、まだそれほど古いサービスという印象はないか
TwitterのGIFアニメ添付機能が「著作権侵害」に？ 米国では「フェアユース」
Twitterが2月17日（現地時間）に追加した、GIFアニメを検索してツイートに添付できる新機能にアニメやドラマの1シーンを切り取ったものが多く含まれており、「著作権侵害に当たるのでは？」と懸念の声が上がっている。 GIFアニメの検索・コミュニティーサイト「GIPHY」「Riffsy」と連携し、「大好き」「ハグ」「がんばって！」などのシチュエーションや感情で分類してラインアップ。Twitterアプリ上で検索し、直接ツイートやダイレクトメッセージ（DM）に添付できる機能だ。想定用途としては、LINEやFacebookのスタンプに近い。 使用できるGIFアニメには、ポケモンやNARUTO、ディズニー作品などのアニメ、海外ドラマの1シーンが多数含まれており、ユーザーから「著作権はどうなっているのか？」「違反になったとしても使用者の自己責任？」などと懸念する声が上がっていた。 Twitter側は
【翻訳】/binと/usr/binが分裂してる訳 - みっどメモ
Translation of "Understanding the bin, sbin, usr/bin, usr/sbin split" Posted by midchildan on May 22, 2015 1969年、どのようにケン・トンプソンとデニス・リッチーはPDP-7でUnixを開発したか知っているだろうか。実は1971年に彼らは1.5MBのRK05ディスクパックを2つ搭載したPDP-11にアップグレードした。 彼らのOSが大きくなり、ルートファイルシステムとして使ってた1個目のディスクに収まりきらなくなったとき、保存しきれなくなったファイルは2個目のディスクに移した。このディスクにはもともとユーザーのホームディレクトリが保存されてたために /usr という名前でマウントされていた。こうして第二ディスクに /bin , /sbin , /lib , /tmp などOSのディレ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Chromeのデベロッパーツールにカラーテーマを適用できる拡張機能「DevTools Author」が公開。
どうしてこうなったWordPress
はてなハイク サービス終了のお知らせ
フェアユース：政府検討 著作物無承諾利用、「公正」判断難しく - 毎日新聞
「VLC PlayerでDVDを見たら違法」となる恐れも、TPPに伴う著作権法改正で 
［速報］IBMとアップル、プログラミング言語「Swift」をクラウド対応に。Bluemix上にSwiftランタイム、Webフレームワーク「Kitura」などを提供