#cross2013 で継続的サービス改善について話してきました - しるろぐ
エンジニアサポートCROSS 2013の「継続的サービス改善のゲンバのハナシ」というパネルディスカッションに参加してきました。 実はこういうイベントで話すのは初めてで、すごい緊張してしまい、質問に答えるだけでいっぱいいっぱいだったのですが、何かひとつでも参考になる話ができていれば嬉しいです。 セッションオーナーの@tagomorisさん、一緒に登壇した@kentaroさん、@oranieさん、@tokorotenさん、ご来場の皆様、ありがとうございました。 話した内容 質問は結構範囲が広かったので、簡単にまとめづらいですが、一言でいうと「ユーザをちゃんと見る」ということを中心に話していました。サービス改善に限らず、集団でプロジェクトを動かすと、政治的なしがらみとかいろいろ面倒なことがあると思います。そんな中でプロジェクトの方向を定める一番の指標はユーザです。ユーザに価値を提供できるか、ユー
Webアプリにおけるキャッシュ。オレオレ事例 - ゆーすけべー日記
Webアプリにおいて、アクセスやデータ量が多く/大きくなってくると、 バックエンドのパフォーマンスが低下しがちです。 MySQLなどのRDBMSにデータを置いている場合は適切に クエリーを改善する、インデックスを張る、といった策で解決する場合もありますが、 キャッシュを効果的に利用することでより高負荷に対応できる可能性があります。 また、外部APIへの問い合わせなど、どうしてもネットワークや他のリソースのレスポンスタイムに 引きずられる部分に関しては情報を手元にキャッシュしておくと何かとよいでしょう。 今回はWebアプリケーションのレイヤーで最近僕がどのようにキャッシュを使っているのか？ の事例を紹介しつつまとめてみたいと思います。 キャッシュについてとその基本 そもそもキャッシュとは、簡単にふわっと表現するならば、 「一時的に情報を手元の近い場所に置いておいて利用する手法、もしくはその一
次世代JavaScript、ECMAScript6の話を聞いてきたからサンプルコードとかメモしときます。 | Ginpen.com
これ行って来ました。 Web先端技術味見部#15 （今回は「ECMAScript6をそろそろ触る」！） : ATND 楽しかった！ JavaScript (JS)とECMAScript (ES)の違いとか、そういうのはググってください。 Firefox Auroraが現状ES6最先端ぽい。次点Chromeは chrome://flags から「JavaScript の試験運用機能を有効にする」を有効にして再起動でES6の機能が使えたりするらしい。 Firefoxで メニューのツール＞Web開発＞スクラッチパッド でスクラッチパッド。なんかコンソールより便利なやつ。 配列内包表記も使えるように。でも見づらいので三項演算子（?:演算子）みたいな扱いになりそうに思った。 サンプルコードいろいろ let ブロックスコープになる。varと有効範囲が異なる。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
jQuery風に簡単にCanvasを扱えるラッパーライブラリ「Canvas Query」:phpspot開発日誌
Canvas Query jQuery風に簡単にCanvasを扱えるラッパーライブラリ「Canvas Query」 canvasのコードが次のようにjQuery風かつ直感的に記述できます jQueryを使っている人にとってはCanvasがより身近になりそうなライブラリですね スマホ・タブレットの普及でCanvasも重要な技術要素になっていく可能性を秘めていますが、基本を学んだ後はこうしたライブラリを使って便利に扱うのもよさそう 関連エントリ オープンソースのHTML5お絵かきウィジェット「Literally Canvas」 canvasを使って画像をスタイリングするチュートリアル Canvasベースのお絵かきが実装できるjQueryプラグイン「Sketch.js」 CanvasとWebcamで作られたブラウザ上で動作する面白デモｘ２
「エンジニアサポートCROSS 2013」Ustream配信一覧 - なんかできたよー。
2013年1月18日（金）に開催された「エンジニアサポートCROSS 2013」のUstream配信一覧です。 あとで見る用の個人的なメモなため、見つからなかった配信については特に探していません。 あんまり確認してないので、リンク間違ってたらごめんなさい。 エンジニアサポートCROSS 2013について 「エンジニアサポートCROSS 2013」は、Webテクノロジーに関わる人たちが集まり、Web技術について横断的に、過去・現在・未来について縦断的に語り合うイベントです。 プログラム一覧 はこちら - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 時間 大会場 動画 14:00-16:15 スマートフォン CROSS 前半 後半 18:0
offsetTopやらoffsetHeightやら | 0から目指すWebマスター
コンテンツの高さだったり、ページ内の指定した要素を表示するようスクロールさせようとした際とか、毎回同じことをネット検索してしまうので、ここで高さを取得する方法に限定してまとめておきます。 ①画面の表示領域 window.innerHeight ②現在表示している上部は、コンテンツ上部からどのくらい離れているか window.pageYoffsetwindow.pageYOffset ちなみに、「window.pageYOffset」の代わりに、「document.documentElement.scrollTop」を使うと、iPhone（iOSのバージョン覚えておらず。。）でスクロール量に関わらず「0」が返ってきてしまってた。。 ③指定した要素は、コンテンツ上部からどのくらい離れているか document.getElementById(‘test’).offsetTop ④内包されたコンテ
PHPを愛する試み - maeharinの日記
僕はRubyが好きだ。プライベートではRubyばっかり使っている。でも、仕事ではPHPを使わなければならない。これまでPHPは書きにくいーと思い込んでいてあまり好きではなかったのだけど、仕事で使う以上PHPを好きになった方がきっと幸せになれる。何かを好きになるにはどうすればよいか。そう、相手のことを知る努力をすればいいんだ！ということで、PHPについて知る努力をしてみた。 PHP The Right Wayを読む http://ja.phptherightway.com/ ☆PHPへの愛が100上がった☆ これは... PHP好きになれるかも！ 普段Rubyで書いてるコードをPHPで書いてみる 折角なので自分が普段Rubyを使っていて便利だなーと感じていることをPHPではどう書くのか（厳密では無いにしても大体同じ内容はどう書くか）試してみた。Rubyは1.9.2、PHPは5.3.10。 多
Illustratorでプラグインを使わずに、角を丸くする｜DTP Transit
Illustratorで文字の角を丸めるとき、［角を丸くする］効果を利用すると、次のように意図しない形状になってしまうことがあります。 これを避けるために、有料のプラグイン、Xtream Pathの［スマートラウンド］を使う方法をご紹介してきましたが、Illustratorだけで実現する方法をご紹介します。 なお、この方法は、本日のセミナー（「クリ☆ステVol.6」）終了後、参加者の方から教わったものです。お名前を失念してしまいましたが、ありがとうございます（※追記あり）。 実現方法 実現方法は、［パスのオフセット］効果の二度がけ。 一旦、負の値でかけてから、同じ数値で正の値でかけます。 なお、この際、両方とも正の値を設定する効果に［角の形状］を「ラウンド」にしておくのがポイント。 正直、なぜ、これで丸くなるのかよくわからないのですが、結果オーライで。 ただし、細かいところをいうと、"墨だ
iPhone、iPadが売れてない？アップル製品沈没、不思議報道のメカニズム（本田雅一） - エキスパート - Yahoo!ニュース
今月23日、アップルは業績発表を控えている。北米での報道では変わらずiPhone、iPadの売上げ好調が伝えられているが、日本ではなぜかiPhoneの売上げ不振、台湾メーカーによるiPadシェア逆転の報道が相次いだ。発端は日本経済新聞によるiPhone 5減産の報道（1月14日付）。 iPhone 5ディスプレイの発注が当初計画の6500万台から半減したことから、iPhone 5の販売が不調と結論付けた（「液晶大手、ｉＰｈｏｎｅ用パネル減産 販売伸び悩み 」）。この記事はウォールストリートジャーナルによって引用され、世界中に衝撃的なニュースとして伝搬したのは記憶に新しい。 しかし、発売以来の好調さが年末商戦で目立っていたiPhone 5が、急に販売不調になるものだろうか？という違和感を即座に感じたのは、筆者だけではないだろう。 実はアップル製品に関する不思議な統計値は、iPadの市場占有率
Minimalist Icons – 296 Free Icons In 12*12px
Free Web Resources Everyday - WebResourcesDepotAdvertise here with BSA Today, we are sharing a very nice freebie: a set of slick and minimal icons created by Geoffroy Amelot for WRD readers. It is called Minimalist Icons and can be used in both personal or commercial projects. There are 296 items in the set from social networks to actions, charts, devices, media controls and more. All of them are
Nothing ventured, nothing gained.
飛び恥 飛び恥、英語ではFlight Shameという言葉があることを知った。環境に配慮して、飛行機での移動を控えようというものだ。ヨーロッパで盛んになった運動で、ドイツでは国が積極的に国民に呼びかけを行っており、フランスでは鉄道で2時間半以内で移動できる距離の飛行機の運行が禁止された。 抜け道があるとか、どこまで二酸化炭素排出量の削減に効果的であるのかという疑問もある。グリーンロンダリングという言葉もあるように、環境に配慮しているというポーズだけではないのかなどの声もあるようだが、このような動きは今後も確実に増えていくだろう。 グリーンコーディング IT業界でも、グリーンITという言葉がある。IT自体をグリーンにしよう、すなわちIT利用時にできるだけ環境に優しくするという考えと、ITを活用することで環境負荷を減らそうという考えの双方を含んだ言葉だ。 前者はIT機器や環境、利用方法をグリー
気になる！夢がある！JavaScript.next (ECMAScript6) (1) – ES6の基礎知識/関数のアロー記法/let/const/分割代入など
白石 俊平 es6 ECMAScript, javascript 0 Comment 昨日（2013/1/17）、Web先端技術味見部#15でECMAScript6について学んできました（参加者によるツイート）。一応主催者という立場上、勉強会を円滑に進めるため、事前に割と下調べして勉強会に臨んだわけですが、せっかくなので、その成果をまとめて公開しておきたいと思います。 とは言え、量が非常に多いので、複数回に分けての掲載です。 ECMAScript6の基礎知識 仕様に関するあれこれ ECMAScriptとは、ご存じの方も多いと思いますが、JavaScriptの公式な仕様です。ECMAScriptが仕様、JavaScriptが実装に当たるわけですね。 ECMAScriptのメンテナンスはTC39という部会によって行われており、最新バージョンである6は、現在絶賛仕様策定中です。コードネームは「
初心者によく教えるswitch文のイディオム - Qiita
補足情報がコメント欄にあるので、参考にしてください。 何回か聞かれたので残しておきます。 switchの条件式をtrueにすれば、複雑な条件分岐もスッキリ書けます。 同じように条件式にtrueを入れたら使える言語が他にもあるので覚えておくといいと思います。 ただし、各条件の処理ごとにbreakが必要な言語もあるので、注意してください。 下記は、coffeescriptの例です。 switch true when a > 5 console.log "a > 5" when b < 3 console.log "b < 3" when c is 4 console.log "c is 4" ```ちなみに、上記のcsをjsにコンパイルすると、下記のようになります。 ```javascript:javascript_switch_true switch (true) { case a > 5:
はじめから！リレーショナルデータベース：テーブル作成
こんにちは、志田です。 前回に引き続き、リレーショナルデータベースについてはじめから勉強していきましょう。 前回のまとめ テーブルは、縦方向に並ぶ情報である「列」と、横方向に並ぶ「行」からなることを、前回勉強しました。 また、この縦方向に並ぶ「列」に対し、データの「型」を決めました。 今回は、まずデータベースを作り、そこに表を追加してみましょう。 データベースの作成 まずはデータベースを作成し、そこにテーブルを作るのが基本のやり方です。 Excelでいうと、新しいExcelのファイルを作ってブック（データベース）を作成し、シート（テーブル）を作るという動作に似ています。 では、MySQLに接続して、データベースを作成してみましょう。 CREATE DATABASE データベース名; このコマンドでデータベースを作成することができます。 大文字のコマンドは全て、MySQLの命令や、予約語とい
実践TDD! テスト駆動開発入門
となっています。実際にどんなことをやるかは後ほど触れていきます。 それでは、始めていきましょう！ * QUnit導入 まずはQUnitを使うべく、以下のHTMLとJSを用意しました。 index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>QUnit Example</title> <link rel="stylesheet" href="http://code.jquery.com/qunit/qunit-1.10.0.css"> </head> <body> <div id="qunit"></div> <script src="http://code.jquery.com/qunit/qunit-1.10.0.js"></script> <script src="tests.js"></script
Rubyコーディング規約
はじめに 本文書は、Rubyによりコーディングを行う際の規約について述べる。 実際のプロジェクトに適用する際には、このコーディング規約をカスタ マイズして用いることを推奨する。 ソースコードの整形 インデント プログラムを読みやすくするため、インデントを適宜行う。インデント 幅は2とする。また、インデントにはスペースのみを使用し、タブは使用 しない。(環境によりタブ幅が異なるため。) 例: if x > 0 if y > 0 puts "x > 0 && y > 0" end end 一行の桁数 一行の桁数は最大80桁までとする。 空行 複数のクラスの区切には空行を挿入する。 例: class Foo ... end class Bar ... end 誤った例: class Foo ... end class Bar ... end また、クラス内の各構成要素の区切にも空行を挿入する。
JavaScript: カレンダー
JavaScriptのシンプルなカレンダーです。 丁度ブログのカレンダーのような感じでしょうか。 記事へのリンクは付きませんが(笑) 表(table)として出力され、スタイルシートによりカスタマイズする事が出来ます。 カレンダーを生成するJavaScriptです。 今日の日付を取得し、閏年の判定、曜日の算出、テーブルの出力を行います。 <head>〜</head>の中に置いてください。 <script type="text/javascript"><!-- function cal(year,month,day) { today=new Date(); if (!year) var year=today.getFullYear(); if (!month) var month=today.getMonth(); else month--; if (!day) var day=today.g
Titaniumでmy365風なカレンダーアプリを作る（1） - Qiita
my365がすごいいい感じだったので、Titaniumで簡略に作れるレベルでパクってみる。 目指してるところは、写真とってカレンダーに表示するってだけの簡単なもの。my365はコミュニケーション、カメラフィルタ、SNS連携など高機能でデザインも良い神アプリなのでここのとは全然違います。 javascriptでカレンダーを実現するスクリプトはここを参考にしました。 今回はカレンダー状にLabelを並べただけ。写真保存、写真挿入とか作って続くかも ＊マジックナンバー多用注意!! var win = Ti.UI.currentWindow; //今日という日 var now = new Date(); now.setHours(12); var Y = now.getYear()+1900; var M = now.getMonth()+1; //表示している画面の年と月 var whenLab
女プログラマってどうよ？
以前から作ろうと思ってたんだけど。 某駅で見かけましたよ、とか メール送るほどでもないんだけど xiaoxia さんに一言いたい とかあったら、コメント書いてくださいね 環境：windows 10 Pro 20H2 以下のページに従ってインストール。 Windowsで実行する : Node-RED 日本ユーザ会Node.jsのインストール最新版MSIを落としてインストールして完了。 https://nodejs.org/dist/v14.17.0/node-v14.17.0-x64.msi これでインストールできれば完了だが、 途中でchocolateyがインストールできないトラブルがあったので、 こっちのページに解決した方法を書いた。 先にnode.jpを入れておく。 [win10] node.js をインストールNode-REDのインストールインストール済みのNode.js のコマンド
変化に強い、コードの見通しが良いTitaniumアプリを開発する·Titanium MVC MOONGIFT
Titanium MVCはTitaniumをMVCに沿って開発できるフレームワークです。 Titaniumアプリはちょっとしたアプリを作るのに適していますが、大型なものになるとコードが見通し悪くなってしまうイメージがありました。だからこそベースになるTitanium MVCを使って頻繁な更新にも耐えられるしっかりとした作りにしましょう。 デモアプリです。ログイン画面が表示されます。 OKな場合のダイアログ。 入力エラーの場合のダイアログ。 app.jsの内容です。 MVC.jsの内容です。Controller、Viewを読み込んでいるのが分かります。 StartupControllerの内容です。initを実行して、ログイン画面を返しています。 ログイン画面のビューです。ここでは画面のデザインのみを行っています。 ログイン処理のコントローラーです。見やすいです。 Titanium MVCで
Titaniumアプリでソーシャルサービスの認証を使うならぜひ参考に·TiPlatformConnect MOONGIFT
TiPlatformConnectはFacebookやTwitterをはじめ多数のソーシャルサービスの認証を行うTitaniumアプリです。 TiPlatformConnectはTitaniumを使って各種ソーシャルサービスで認証を行い、画像をアップロードできるモックアプリです。 app.jsのコードです。見ての通り、各WebサービスごとにAPIキーを設定するようになっています。 デモアプリです。任意のサービスで認証を行います。 Facebook認証を行います。 認証しました。 写真を選択します。 位置情報もつけられるようです。 対応しているWebサービスはFacebook、Twitter、mixi、Foursquare、Tumblr、Flickr、GitHub、LinkedIn、Googleとなっています。これらのサービスの認証を使ったアプリを作りたいと思っているならばぜひ参考にしてほし
ド素人が完全自作SNSを二週間運営してみてわかったこと（後始末編、技術編、モチベーション編）
ド素人が完全自作SNSを作ってみてわかったこと。 http://anond.hatelabo.jp/20130104184115 の元増田です。 ひっそりと公開したはずのtag-chat.net(http://tag-chat.net)ですが、 まさか、こんなに反響を頂けるとは思っていなかったので、びっくりしました。 素人のフリをしているとか、出版社のステマだとか色々言われましたが、嘘は一切書いてないです。 ステマというか、ウェブサービス公開後の状況を知っている方からするとマイナスのステマにしかなっていないような気がします…。 公開してから、色々と発見というか気づきがあったので、それを共有できれば幸いです。あと、tag-chat.netの中身についてなど。 ～増田記事を公開してから今までの経過～ ・意気揚々と自作SNSを公開したものの、アクセスが全くこなくて途方にくれる。 ⇓ ・以前、完全
長くなりがちなRailsのモデルをきれいに分割する - Qiita
FrogApps 技術ブログ始めました！ RailsやiOS、HTML5の情報を発信中!! → http://qiita.com/teams/frogapps Railsでアプリを作っていると、app/models/以下にあるモデルファイルの行数が非常に長くなることになります。 そこでincludeメソッドを使ってモデルファイルを機能毎に分割してみましょう。 ファインダー関係のメソッドだけを、user/finder.rbに切り出します。 このときクラスメソッド関係は通常の定義方法が異なります。 クラスメソッドの定義は、ClassMethodsモジュールの中で行う様にします。 has_many, belongs_toなどのクラスメソッドの実行は、self.includedの中でbase.has_manyの様にして呼び出します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
_level0 | Kayac Interactive Designer's Blog
【2ch】ニュー速クオリティ:【着衣ヌード】 AV女優さんによるコスプレポーズ集「アニメのためのヌード図鑑 VOL.3」
IBM Developer
Twitter Bootstrapのテーマをオンラインで作成出来るツール・Bootstrap magic
A Tour of Go
Titaniumでmy365風なカレンダーアプリを作る（1） ref: http://qiita.com/items/1398
my365 - 一番"オトク"が見つかる
【Titanium】Webviewでブラウザのような「戻るボタン」「進むボタン」 | アプリ開発とWebのブログ
Css preprocessorの始めかた