It is to introduce the development process using the yeoman, in particular, angular. I am writing at the discretion of its own relationship of angular and Web components in the second half.
![Flux react現状確認会](https://cdn-ak-scissors.b.st-hatena.com/image/square/428398009a0666f9d21c04f7af1942157b4693e2/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fflux-react-141225195800-conversion-gate01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
Ubuntu を 14.04LTS にアップデートすると、Chromium も バージョン 34.0.1847.116 Ubuntu 14.04 aura になりました。そこで、YouTubeを開いてみると以下のような状態に(一部そのまま見れる動画もあります)。 これは Chrome/ium が Adobe Flash の使っている Netscape Plugin API の提供を打ち切るためです。代わりに、Pepper Plugin API というものを提供し始めるのですが、それに対応した Adobe Flash のプラグイン Pepper Flash Player Plugin を利用するには2つの方法があります。 注:2016年5月現在、32bitのPCではこのどちらの方法も使うことができません。諦めて下さい。詳しくはChrome Linux 32bit版の後始末とFlash問題 -
disabled も ネスケ4では動作しません。 どのブラウザでも入力不可にするには、No.1の回答にある「onFocus="this.blur()"」を使うしかありませんが、これだってJavaScriptがOFFだと無効です。 絶対に値を変えさせたくないのなら、送信用に hidden を使い、表示用に name なしの text を使ってはどうでしょうか。 <input type="hidden" name="name" value="xxx"> <input type="text" value="xxx" onFocus="this.blur()" style="background:#CCCCCC"> text の方は name が無いので送信されません。 ネスケ4では効きませんが、スタイルシートで背景色を変えれば、それなりには見えます。 これなら、たいていは書き換え不能ですし、最悪
各要素のfocusイベントに関数をbindします。 focusイベントは通常、マウスなどのポインティングデバイスやタブキーで要素がフォーカスを受け取った際に呼び出されます。 jQueryのイベントは、コールバック関数の最初の引数でjQuery.Eventオブジェクトを受け取ることができます。このオブジェクトを使って、規定のイベント動作のキャンセルや、バブリングの抑制などを行います。
Facebook、Key-Valueストア「RocksDB」をオープンソース化:C++ライブラリとして構築 米Facebookは、同社内で高速ストレージ用に開発・使用してきた組み込み式の永続型Key-Valueストア「RocksDB」をオープンソースで公開したと発表した。 米Facebookは2013年11月22日、同社内で高速ストレージ用に開発・使用してきた組み込み式の永続型Key-Valueストア「RocksDB」をオープンソースで公開したと発表した。 Facebookによると、これまでのアプリケーションでは、ネットワークを介したリモートプロシージャコールによって各アプリケーションが管理しているデータにアクセスするのが一般的だった。しかし12億人のユーザーごとにリアルタイムで動的なページを生成しているFacebookのようなアプリケーションの場合、それでは時間が掛かり過ぎるという難点が
Hatena-Textbook はてな教科書は、はてなのエンジニアとして最低限必要とされる技術を身につけるための教科書です。 Web開発における重要なトピックを順番に学びながら、課題をといていくことで、Webアプリケーションをひととおり構築できるようになります。 実装言語としてPerlとScalaのどちらを選ぶことができます。 トピックごとに学びたい言語の方の教科書を読み進めてください。 目次 プログラミングの基礎 Perlによるプログラミングの基礎 Scalaによるプログラミングの基礎 データベースの基礎 Perlによるデータベースプログラミング Scalaによるデータベースプログラミング Web開発の基礎 PerlによるWebアプリケーション開発 ScalaによるWebアプリケーション開発 Webフロントエンド開発 はてな教科書JavaScript編 hatena/Hatena-Tex
Web制作に欠かせないツールである「Emmet」というものを、知っていますか? この連載では、お使いのエディタの機能を拡張するEmmetのインストールから、HTML・CSSの展開、あまり知られていない便利な機能などを解説しま す。初回は、Emmetの概要と、BracketsとDreamweaverにEmmetをインストール方法についてです。 Emmetとは何か? Emmetは、主にHTMLやCSSの記述・編集を強力にサポートするプラグインです。Dreamweaverをはじめ、様々なIDEやエディタに対応しており、CodePenのようなコードを公開するオンラインサービスなどでも採用されています。 元々はZen-Codingという名前でしたが、2012年9月ごろから「Emmet」という名前で開発が進められ、正式リリースされた現在も機能の拡張が行われています。 Emmetの主な特徴は、独自の省
こんにちは、id:hakobe932 です。はてな教科書を最新版に更新いたしましたので、お知らせします。 「はてな教科書」は、はてなでWeb開発を行うエンジニアのために作られた、1週間程度の期間でWebアプリケーション開発の基本を身につけるための教科書です。はてなサマーインターンシップや、入社時研修に利用されています。2012年からgithub上で公開しており、どなたでも読むことができます。 はてな教科書 はてなでは、継続的に教科書を更新しています。今回の更新では、はてなサマーインターン2014での講義をもとに、課題内容とサンプルコードを変更しました。Webアプリケーションの学習や研修題材としてどうぞご利用ください。 教科書間の課題の連携を深め、一貫した学習ができるようにしました これまでは Perl によるオブジェクト指向プログラミング の課題が他の講義から独立した内容でしたが、他の講義
2015年2月24日 ヒカ☆ラボ発表資料 Webアプリケーション負荷試験実践入門 ■スライドの目的 負荷試験の重要性を認識して頂く 意味のある負荷試験を最短距離で行うための“段取り”を持ち帰って頂く 内容的には、主にAWS上のLAMP構成のシステムに対する負荷試験ですが、負荷試験ツールに依存しない全般的に通用する話を扱っています。Read less
This document discusses using Rails as a backend for front (BFF) layer in a microservices architecture. It describes how Rails was used to build the BFF layer for an e-commerce site called HPB, acting as an API gateway between the client and various backend services. Key points discussed include using Puma to improve throughput, caching APIs to reduce response time, and implementing an API gateway
2015.02.25 20人の開発会社でSLACK有料化してみたよ。SLACK有料プランを導入後の業務効率の変化と費用対効果の予想まとめ。 自己紹介 西新宿を拠点とするシステム開発会社の雑用係長、渡辺です。外にいる時間と社内にいる時間が丁度半々くらいです。仕事していると毎日使っているツールにも慣れて自然と業務効率が上がっていきますよね。でも使い続けていると不満に鈍感になり習慣の改善が難しくなる。そういう意味では導入前と導入後で差がほとんどないくらいであっても、変化を受け入れてやってみることはとても大切です。逆に、変更すると面倒が増えてしょうがない場合もあるだろうから、そういう自体だけは避けられたらいいな、というスタンスです。来年の今頃、継続するかどうかを決断するので今のうちに現時点での考察をまとめています。 導入の経緯、SLACKとは的なところも メールとかSKYPEなんてもうダセえよ!今
先日、ヒカリエで第三回目のUI Crunchが開催されました! 今回のテーマは「今、プロトタイピング開発に求められること」です。前回と同じくライトニングトークとパネルディスカッションが行なわれました。UI Crunchの公式ホームページはこちらをご覧ください。 【過去記事】 【DeNA×Goodpatch】 UIデザインを本気で追求するコミュニティ『UI Crunch』が始動! スタート! 会場はヒカリエ内にあるさくらカフェです。今回もすぐに満席となりたくさんの方々にお越しいただきました! とりあえず…乾杯! ライトニングトーク プロトタイピングをテーマに4名によるライトニングトークが行われました。 「Prott Story」土屋 尚史(Goodpatch) 「チーム開発におけるKeynoteを使ったプロトタイピング」元山 和之(COOKPAD) 「プロトタイピングの助走と飛躍」吉竹 遼(
こんにちは。技術部の吉川です。 みなさんは、異常なデータを見つけたが、どうしてそのような状態になったのか追跡できず困ったという経験はないでしょうか。 今回は、そんなときにクックパッドで利用されているAuditログについてご紹介します。 Auditログとは クックパッドでのAuditログは特定のデータレコードに対して発生したイベントをコンテキストとともに記録するものです。 一般的に監査ログ、証跡ログといったものがありますが、それらとは多少異なっています。 ここでのイベントとは、あるデータレコードが 作成された 更新・変更された 削除された といったものです。またそれ以外にもログインした、ログアウトした、セキュアな情報が閲覧された、といったイベントも含まれています。 コンテキストは以下のようなものを記録します。 いつ どこで 処理が行われたホスト 何が イベント 何を 対象データの情報 スキー
さっき思いついたアイデアなんだっけ?メモしとけば、、ということはありませんか。 デスクトップでもスマホからでも簡単に作成・編集・閲覧ができる、プロトタイプのモックアップを簡単に作成できるオンラインサービスを紹介します。 基本機能は無料で利用でき、有料だと更に便利機能が利用できます。 下の方に、有料プランが無料で利用できるコリス限定クーポンがあります(先着50名様)。 ※14時すぎにクーポン、50名様分終了しました。 ※15時30分、おかわりクーポンを発行しました。 ※おかわり分も終了しました。 ※3/31までに登録された方にはクーポンが発行されると思うので、そちらをご利用ください。 PLOGLESSで画面遷移を伴うアプリのプロトタイプを作成するのに専用アプリやコーディングの知識は不要、手書きのラフがあれば5分で簡単に作成できてしまいます。 画面遷移を伴うアプリのプロトタイプが簡単に作成でき
「Jot Pro」や「Jot Mini」、「Jot Touch」などスタイラスペンの開発・販売を手がけるAdonitが、ついにiOS向けお絵かきアプリ「Forge by Adonit」をリリースしました。Forgeは無料でありながらも機能が豊富で快適な操作を堪能できるとのことなので、実際に使用してみました。 Forge by Adonit on the App Store on iTunes https://itunes.apple.com/us/app/forge-by-adonit/id959009300 上記URLを開いたら「INSTALL」をタップ。 インストールが終了したらForgeのアイコンをタップして起動します。 「START」をタップ。 チュートリアルが始まるので画面の指示に従って終わらせます。 チュートリアルが終わったら「SKIP EMAIL SIGNUP」をタップ。 ホ
ああ、こんなにも変わり果ててしまって...ってアレ? 2月24日に、「iPhone」版の「LINE」が更新されました。バージョンが5.0.0となり、以下の新機能が実装されています。 しかし、このデザインリニューアルがかなり不評だったようでして、App Storeのアプリレビューが大荒れになっていました。ご覧ください、以下の惨状を。 App Storeは、最新バージョンのみに絞ったレビューも見られます まだ更新から1日しかたっていないのに、すでに1600件の星1レビューが集まっています。これはひどい。 一体どれほど変わってしまったのでしょうか? 実際にご覧ください。 こんな風に変わった「iPhone」版「LINE」まず、これが更新前、つまり今までの見た目です。 そして今回、こんな感じになってしまったのです! ...んんん? ...んんんんん!? 間違い探しか!? 皆さん、どこが違うか見つけら
DevOpsツールを闇雲に導入しても、その効果を引き出し切れない。活用する理由をチームに浸透させるなど、導入前の受け入れ体制の整備が肝心だ。ツールを120%使いこなす現場のエンジニアたちがノウハウを明かした。 DevOpsツールを本格的に活用したければ、ぜひとも事前にサーバー、ミドルウエアなどのインフラや、システムを運用する手順を標準化しておきたい。DevOpsツールが効果を発揮しやすくなるからだ。 標準化が重要な理由は、環境構築の作業をChefで自動化するケースが分かりやすい。Chefでは環境構築の設定手順であるレシピを記述する。業務アプリケーションごとにインフラがバラバラであれば、それぞれにレシピを用意しなければならず、その工数が意外と大きい。自動化によって環境構築作業を短縮する効果が、レシピを作る作業の手間で相殺されてしまう。 120システムを17パターンに集約 そこで私たちのチーム
昨今の企業現場では、パソコンでのプレゼンテーションソフトによるプレゼン資料作成や、企画・提案書、会議資料等の作成が広く普及しています。ビジュアル表現を用いた明快で説得力のあるプレゼン資料を作成する能力が、必須の実務能力として求められています。 こうしたことから、日本商工会議所では、企業実務におけるプレゼン資料作成能力の向上を図り、IT利活用能力を有する人材の育成を目的に「 日商PC検定試験(プレゼン資料作成)」を実施しております。 本検定試験で得た実務能力を企業現場でご活用いただけるよう、仕事で役立つプレゼンテーション用の素材集(テンプレート集およびクリップアート集)を作成しました。(2017年5月にクリップアート用の素材を追加しました。今後も適宜追加してまいります。) 素材集の著作権は日本商工会議所に帰属いたしますが、無料でお使いいただいて結構ですので、ぜひご活用ください。 ただし、営利
マイクロソフトのOfficeソフトに、異変が起こっている。同社がWebサイト「Office.com」で無償公開してきた画像素材「クリップアート」の提供が終了したのだ。同社は2014年12月に、この件をブログで発表。これ以降段階的に提供を打ち切り、現在では全く利用できなくなっている。 代替手段として用意されたのが、「Bingイメージ検索」だ。同社のネット検索サービス「Bing」の画像検索機能である。キーワードに関連する画像が大量に表示されるが、利用には注意が必要だ。安易に使えば、他人の著作権を侵害してしまうことになる。 ニーズ減少で終了、「問い合わせがあったのは日本だけ」 そもそもマイクロソフトのクリップアートは、PowerPointでのプレゼン作成などに安心して使える素材として重宝されてきた(画面1)。クリップアートそのものの再販売などは規約で禁止されているが、プレゼン資料への掲載といった
ソーシャルメディアからバズったコンテンツに集客した新規ユーザーの定着率を確認して、その後のコンテンツ制作の方向性を決めるのに役立てたいサイトによってはブログやTwitter、Facebookなど各種ソーシャルメディアから多くのユーザーが来訪することだろう。しかし面白いタイトルやユニークなコンテンツなどで集客できたとしても、それはビジネスには何の役にも立たない、一時的なアクセス増をもたらしただけかもしれない。 たとえば以前にご紹介したこちらのサイトの例では、バズった記事から他のコンテンツへの回遊はまったくなく、実質的に直帰率が100%という惨憺たる結果だった。 バズったコンテンツに押し寄せた新規ユーザーは、単なる通りすがりなのか、見込み客なのか?(第40回)ほとんどのユーザーはせっかちだ。目的以外のコンテンツまで見てもらおうというのが甘いのかもしれない。しかし、そのときに回遊してくれないとし
Webサイトが制作ガイドラインに沿って作られているかを自動チェックするサービス「ガイドラインチェッカー」の提供を、メジャメンツが2月24日から開始した。 「ガイドラインチェッカー」サイトトップページ 同社では、大手企業のWebサイトの品質管理業務を手掛けており、そこで蓄積されたノウハウをもとに、自動的に問題点を抽出・リストアップする手法を開発。今回「ガイドラインチェッカー」として提供する。 指定したURL配下を自動でクロールし、サイト全体の問題点を一覧化することが可能。発注側でも「制作会社から納品された納品物を、一括して確認する」といった使い方もできる。 一覧化するチェック項目としては、たとえば次のようなものがある。 ページ一覧(ページタイトル、文字コード、アクセス解析タグの有無など)リンク切れ外部リンク素材ファイルリンク情報(ページ間リンク) などmeta descriptionやOGP
女子だってプログラミング! フィンランドで始まった、女性を対象としたプログラミングのワークショップ「レイルズガールズ」が世界中で広がっている。これまでに227都市で開催、1万人以上の女性が参加。日本でも2012年から7都市で開かれている。なぜ女性たちは今、「プログラミング女子」を目指すのか?
最初に断っておくが、個別のアプリについてGoogleがやり玉を挙げているわけではない。あくまで、Google Play上のコメント欄で低い評価をつけたり、ウィットに富んだコメントをつけているケースを挙げ、「それを糧に、より良いアプリを開発して欲しい」という思いから、GoogleがTipsとあわせてコメントしているセッションだ。 アプリである意味がない 最初に紹介されたゴミアプリは、やたらWebViewを利用したり、そもそもアプリの完成度が低い場合、Webサイトの方がよっぽど完成度が高いケースだ。 WebViewは、アプリ内でWebを見られるコンポーネントで、アプリ内ではサービスすべてに対応できなかった場合に利用するケースが多い。ただ、あまりにも利用頻度が高いと「ウザい」という感情がふつふつと湧いてくるようだ。中には、「アプリとして0点」という辛辣な意見も見られた。 松内氏のアドバイスとして
一日の勤務時間で無駄な時間を全く過ごしていないと言える人はどれほどいるだろうか。大量のメール処理、不毛な会議、意思疎通に対するコスト、仕事の効率の悪さなど本来ならば時間をかけるべきではないところで、時間を浪費しまうことは少なくない。実際に、一日の就業時間の中で約7%は無駄な時間を過ごしているという統計もあるほどだ。 しかしながら、全ての仕事がグローバル化されてきている現在、重要となってくるのは、出来るだけ無駄な時間浪費にコストをかけず、本来の仕事にどれだけフォーカス出来るかということである。その1つの方法として、アプリやウェブサービスを活用することで、生産性を上げることが出来るのではないだろうか。 本記事では「タスク管理」「メール」「コミュニケーション」「会議」の4つのポイントから仕事の中で生産性向上に役に立つツールを紹介したいと思う。 関連記事: 今日から使える22のタイムマネージメント
AngularJSのエキスパート達が語る、AngularJSの使いどころとつらいところ(後編)。Deverlopers Summit 2015 JavaScriptのフレームワークの1つとして注目されている「AngularJS」は、どんな用途に向いているのか、学習コストはどれくらいか? 使いにくいところは? などの疑問をAngularJSのエキスパート達が次々に答えてくれるセッション「AngularJSの今とこれから」が、2月19日に都内で行われたイベント「Developers Summit 2015」で行われました。 (本記事は「AngularJSのエキスパート達が語る、AngularJSの使いどころとつらいところ(前編)。Deverlopers Summit 2015」の続きです) AngularJSを選んだ理由 川田氏 次の質問は、数あるフレームワークの中からAngularJSを選ん
Ansible と Mackerel API を組み合わせて、1000台規模のサーバ群に対して同時にパッケージの更新やその他のサーバオペレーションのための方法を紹介します。 タイトルに Mackerel とありますが、それほど Mackerel に依存しない話です。 (AnsibleとDockerによる1000台同時SSHオペレーション環境 - ゆううきブログに続編を書いています。) 背景 社内では、サーバ構成管理ツールとして Chef を使用しています。 Chef Server は運用が大変なので使用しておらず、knife-solo と Mackerel APIを組み合わせてホストと Chef role とのマッピングに Mackerel のロール情報を用いています。 また、Mackerel の Ruby クライアントを利用して recipe 内で API を叩いて、Mackerel か
追記'15/11/15: 専用の設定が追加されました Scalaプラグインバージョン2.0.181から(?)設定に項目が追加されました。2.0.181は現在ScalaプラグインのUpdate channelをNightlyに設定していればインストール可能。 下記のContinuation Indentの代わりに、Settings > Editor > Code Style > Scala > Other > Alternate Indentation for constructor args and parameter declarationsをチェックして4spacesに設定したら望む挙動になります。 Continuation Indentで設定した場合と違って、クラス・メソッド宣言以外のインデントに影響しません。 追記終わり #rpscalaの懇親会で話題になったものの皆さん知らないよ
マトリックスと言えば黒い画面の中に半角文字が流れ落ちてくる表現が有名です。あれを見るとマトリックスを思い出すという方も多いのではないでしょうか。 Digital Rainではまさにそんな表現を行っています。特徴的なのはGoを使っている点でしょう。 Digital Rainの使い方 Digital Rainは文字の背景をぼかしていたりして、Webブラウザで描きつつも何となくアニメーションのように見えます。GopherJSを使い、GoをJavaScriptに変換しています。GopherJSの実例として見ても面白いソフトウェアです。 GopherJSはGo製のオープンソース・ソフトウェア(MIT License)です。 whoa tidwall/digitalrain
2月21日(土)にスマートニュースさんの新オフィスで開催された「実戦での Scala 〜6つの事例から知る Scala の勘所〜」で発表してきました。togetterでのまとめはこちら。 ビズリーチの新サービスをScalaで作ってみた 〜マイクロサービスの裏側 #jissenscala from takezoe スマートニュースの村石さんが「Scalaで快適に開発するためにはいいマシンを使う」と仰られてましたが、3年前のScala Conferenceで全く同じことを言った記憶があります。Javaのコンパイルも昔は死ぬほど遅かったですが、当時とはCPUの進化の方向が違うのでScalaに関しては今後も当分はコンパイル遅い問題は続いていくでしょう。 普及という観点では、昨年くらいからWeb界隈を中心にいろんな会社でScalaが使われるようになってきました。最初にScalaを実戦投入しは
概要 sshのログインしっぱなしのセッションが残っていることは、好ましい状態ではありません。 設定 .profile 等に以下の設定をします。 例えば、10分間の入力がないときに、ログアウトさせたい場合には、60 * 10 の 600 を指定します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く