2015年10月22日のブックマーク (22件)

  • 成長を加速する minne の技術基盤戦略

    今日から使い始めるChef 2013-03-29 Xtone Ltd. ピザ会�(without pizza><) Aki / @nekoruri

    成長を加速する minne の技術基盤戦略
    kkeisuke
    kkeisuke 2015/10/22
  • Ansible を完全にマスターする

    The document discusses how to fully master Ansible. It provides an overview of what Ansible is and how it works, explaining that it is an automation tool that can be used to configure, deploy, and manage infrastructure and applications. It then provides instructions on how to install and use basic Ansible functionality like playbooks and tasks to automate systems administration. Finally, it shows

    Ansible を完全にマスターする
    kkeisuke
    kkeisuke 2015/10/22
  • PHPでアノテーション

    アノテーションとは プログラミングでは、コード中に登場する要素(クラス、メソッドなど)に対して、それ自体に関する情報(メタデータ)を注記できる仕組みのことをアノテーションという。「このメソッドはテスト用である」「ここでコンパイラは警告を出してはならない」「このメソッドはオーバーライドである」などの情報を付記し、コンパイル時や実行時に参照させることができる。 IT用語辞典 このように説明されるアノテーションですが、その源流を調べてると次の文章に出会いました。 アノテーションとは、JDK 1.5で新たに追加される言語仕様であり、Javaコード上でメタデータ(コードそのものではなくコードに関する付加情報)を記述可能にする。これは、マイクロソフトC#における属性(attribute)に相当するシンタックスで、アノテーションはそれを後追いした仕様といえる。 2004年の@ITnoの記事です。 つまり

    PHPでアノテーション
    kkeisuke
    kkeisuke 2015/10/22
  • ESLint 最初の一歩

    We're excited to announce that ESLint v6.0.0 has been released: https://t.co/EO4ZrZIMYM — ESLint (@geteslint) 2019年6月22日 ESLintJavaScript のための静的検証ツールです。コードを実行する前に明らかなバグを見つけたり、括弧やスペースの使い方などのスタイルを統一したりするのに役立ちます。同様のツールとしては JSLint, JSHint 等があります。 ESLint の特色は、 すべての検証ルールを自由に on/off できる 自分のプロジェクトに合わせたカスタムルールを簡単に作れる 豊富なビルトイン ルール (5.0.0 時点で 260 個) に加えて、たくさんのプラグインが公開されている ECMAScript 2015 (ES6), 2016, 201

    ESLint 最初の一歩
    kkeisuke
    kkeisuke 2015/10/22
  • 次世代 Web カンファレンスを開催しました #nextwebconf - Block Rockin’ Codes

    intro 次世代 Web カンファレンスを開催しました。 名称: 次世代 Web カンファレンス 日時: 2015/10/18(日) 9:00-17:30 場所: 法政大学外壕校舎 4F 後援: 法政大学情報科学部 参加費: 無料 hashtag: 全体: #nextwebconf 405: #nextwebconf405 406: #nextwebconf406 407: #nextwebconf407 実施概要 概ね開催概要の通りです。 jxck.hatenablog.com やったこと やったことはシンプルです。 テーマ毎に、今 Web がどうなっていて、これからどうなっていくのか をひたすら議論するセッションのみのカンファレンス やらなかったこと 以下はこのカンファレンスではやりませんでした。 スポンサー募集 Tシャツ/ステッカー/チラシ作成 公式サイト作成/ドメイン取得 公式懇

    次世代 Web カンファレンスを開催しました #nextwebconf - Block Rockin’ Codes
    kkeisuke
    kkeisuke 2015/10/22
  • ストレスレスな環境の育て方~エンジニア9割のハートビーツの場合~

    ゼロから共に学ぶ折れない心でパフォーマンスを出す方法 https://www.street-academy.com/myclass/13191?conversion_name=direct_message&tracking_code=3bbe5be61cee24170da2e351a62144fd

    ストレスレスな環境の育て方~エンジニア9割のハートビーツの場合~
    kkeisuke
    kkeisuke 2015/10/22
  • CSSだけでたすき掛けの新着マークを表示する | Hack

    表示サンプルはこちら サンプルCSS .btnBox a { background:#EEE; position: relative; display: inline-block; height: 120px; line-height:120px; text-align:center; margin: 0 8px; width: 200px; border:2px solid #000; color:#000; text-decoration:none; overflow: hidden; *display: inline; *zoom: 1; } a div { display: inline; } a div span { font-size: 15px; font-weight: bold; left: -30px; line-height: 30px; text-align: ce

    CSSだけでたすき掛けの新着マークを表示する | Hack
    kkeisuke
    kkeisuke 2015/10/22
  • いますぐ使えるCSS3テクニック集! コピペ用サンプル付き!

    マウスオーバーでクルッとするボタン 画像もJavaScriptも使わずに、HTMLCSSのみでクルッと回転するようなエフェクトの発生するボタンの作成方法を紹介します。(使用例: ニュースページ、地図ページ) ニュースページのカテゴリナビゲーションです。もともと英語で表示しているテキストを、マウスオーバーでくるっと日語に入れ替えています。CSSを工夫して用いれば、このように要素内のテキストを動かすことも可能になります! 実際につくってみよう! 上述のスライドアウトインする画像と同様で「transition」というCSS3プロパティを用い、マウスオーバーでのCSSプロパティの変化にアニメーションを加えています。サンプルコードを以下に用意しました。 CSSでクルっとするボタン - jsdo.it - share JavaScript, HTML5 and CSS CSS3を用いて作成したマウ

    いますぐ使えるCSS3テクニック集! コピペ用サンプル付き!
    kkeisuke
    kkeisuke 2015/10/22
  • CSS3のアニメーションで躍動する新着(NEW)ボタン作った! - わぃおがわ

    もっと新着記事を目立たせてくだせい!とお客様が仰るので、「新着のお知らせ」を目立たせるのに新着(NEW)ボタンをCSS3のanimationで作った! CSS3のアニメーションって1回作ったら結構簡単 なんだかCSS3のアニメーションって難しそうなイメージがあったので手を出さなかったのですが、いやー一回作ってみたら意外に簡単だった。次回作るサイトは各所が動き回るアニメーションだらけのサイトになりそうだ(笑) で、作ったアイコンがこれ。 See the Pen EaJBry by yogawa (@yogawa) on CodePen. どうです、目立つでしょう? これをWordPressのループの中に突っ込んで、記事を公開後◯日間表示させるようにしておけば良さげ。記事を公開後、一定期間「NEW」アイコンを表示させる方法はNxWorld様の記事が非常に分かりやすいです。 [amazonjs

    kkeisuke
    kkeisuke 2015/10/22
  • schedulerjs - スケジュール調整に使えそうな横向き予定表

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Web上で様々な作業を行えるようになったことで、UIに求められる多様性も増しています。特に面倒だと感じるのは時間関係ではないでしょうか。カレンダー、ウィークリー、デイリーなどいずれにおいても時間に合わせた表示、処理は大変です。 そこで様々なライブラリを知っておくことでいざとなった時に役立ちます。今回は横型のスケジュール選択ライブラリschedulerjsを紹介します。 schedulerjsの使い方 schedulerjsの初期表示です。 薄いブルーのエリアはドラッグしたり、端をドラッグして枠の幅を増減できます。 実際に操作しているところです。 実際の描画は予定を配列で渡すだけです。 var list = [ { 'name': 'Chewbacca', 'appointments

    schedulerjs - スケジュール調整に使えそうな横向き予定表
    kkeisuke
    kkeisuke 2015/10/22
  • IE11のドキュメントモードのフローチャート

    Internet Explorer 11には過去のIEとの後方互換性のために、それぞれのレンダリングのルールを切り替えるための仕組みとして「ドキュメントモード」という機能を搭載しています。 このドキュメントモードは、ツールメニューの互換表示設定、もしくはF12開発者ツールのエミュレーションから指定することができますが、一般的なユーザーが自ら切り替えることはあまりないでしょう。ほとんどの場合は、Webの提供者が指定されることになると思いますが、その場合はHTMLのドキュメント内、もしくは、WebサーバーのHTTPレスポンスヘッダにX-UA-Compatibleで指定します。 [caption id="attachment_192" align="aligncenter" width="879"] 日マイクロソフトのWebサイトでのX-UA-Compatibleの指定[/caption] ド

    IE11のドキュメントモードのフローチャート
    kkeisuke
    kkeisuke 2015/10/22
  • [CSS]スニペットに登録しておくべし!繊細で美しいグラデーションをコピペで利用できる -GRADIENTS

    aqua .bg-aqua-gradient { background: rgba(127,219,255,1); background: -webkit-linear-gradient(top, rgba(127,219,255,1) 0%, rgba(82,140,163,1) 100%); background: linear-gradient(to bottom, rgba(127,219,255,1) 0%, rgba(82,140,163,1) 100%); } blue .bg-blue-gradient { background: rgba(0,116,217,1); background: -webkit-linear-gradient(top, rgba(0,116,217,1) 0%, rgba(0,65,122,1) 100%); background: linea

    [CSS]スニペットに登録しておくべし!繊細で美しいグラデーションをコピペで利用できる -GRADIENTS
    kkeisuke
    kkeisuke 2015/10/22
  • 遅延読み込み用のぼやけた画像

    Mediumでとある記事を高速にスクロールして読んでいたら、さりげなく画像を遅延読み込みしていることを知った。読み込み発火のタイミングがうまいのかあまり遅延読み込みの存在を感じさせないのもすごいと思ったが、プレースホルダー画像の実装方法が良さそうだった。単純に元の画像を幅30px程度まで小さくしてそれをブラウザーにリサイズさせることでぼやけた画像をプレースホルダーとして表示しているだけだが、十分に機能していそうで目から鱗だった。 画像の遅延読み込みはなかなか曲者で、読み込むタイミングやプレースホルダーとしている画像が悪いと大きくユーザーにストレスを与える。プレースホルダーでよく使われるローディング画像は読み込み中のインジケーターではあるが、同時に何か遅いことをやっていますというネガティブな印象も与えてしまう。ユーザーはローディング画像を見るとスクロールを止めなくてはならないのかと感じること

    kkeisuke
    kkeisuke 2015/10/22
    “単純に元の画像を幅30px程度まで小さくしてそれをブラウザーにリサイズさせることでぼやけた画像をプレースホルダ―として表示しているだけ”
  • TypeScript を Gradle からコンパイルする - よしなしごと

    サーバサイドは Java、クライアントサイドは TypeScript で書いてて、TypeScript のコンパイルも Gradle でやってました。 (こういうパターンは他の人はどうビルドしてるんでしょう?ちなみにJS系のビルドツールは使ったことがありません) で以前以下のエントリで TypeScript の Gradle Plugin について書いたんですが、新しい TypeScript に対応してなかったり、ちょっと挙動が微妙だったので使うのをやめました。 tc.hatenablog.com TypeScript の バージョン 1.5 から tsconfig.json というファイルでコンパイルの設定ができるようになったので、もう Gradle から直接 tsc コマンド叩いちゃえば良いかと思いました。 まずは、プロジェクトルートの build.gradle task compil

    TypeScript を Gradle からコンパイルする - よしなしごと
    kkeisuke
    kkeisuke 2015/10/22
  • 20151020_Selenium勉強会@サイボウズ

    2015年10月20日のSelenium勉強会@サイボウズの発表資料です。 http://connpass.com/event/20779/

    20151020_Selenium勉強会@サイボウズ
    kkeisuke
    kkeisuke 2015/10/22
  • コード品質に共通理解を!エンジニアとビジネスサイドを繋ぐ「コードの点数化」とは | SELECK

    今回のソリューション:【Code Climate/コードクライメート】 コードをできるだけ綺麗に書きたいエンジニアと、そこに時間をかけてほしくないビジネスオーナー。一見、相容れないように見える両者。相互の共通理解は、どのように実現できるのだろうか? 受託開発からスタートし、現在では情報共有サービス「DocBase(ドックベース)」の運営も行う株式会社クレイ。エンジニア集団である同社であったとしても、コードの品質を巡る摩擦が少なからず起こっていたという。 そのような状況を変えるために導入したのが、コードの品質を自動でスコアリングするサービス「Code Climate(コードクライメート)」。 Code Climateを使うと、コードの「読みやすさ」が点数化されるので、実際にはコードを書くことができない非エンジニアにも客観的な品質の理解が可能になる。 「Code Climateは最終的にはエン

    コード品質に共通理解を!エンジニアとビジネスサイドを繋ぐ「コードの点数化」とは | SELECK
    kkeisuke
    kkeisuke 2015/10/22
  • 『Riot超入門』

    こんにちは。タクスタでフロントエンジニアをしている今井(@imakei_)です。 現在リニューアルしている"宅スタ"、あたらめ"takusuta"でweb開発を行っております。 (リニューアル詳細はこちら) 今回はtakusuta(https://takusuta.com)で用いてるJavaScriptライブラリーRiot(http://riotjs.com/)をテーマに書きたいと思います。 Riotとは A React-like user interface micro-library

    『Riot超入門』
    kkeisuke
    kkeisuke 2015/10/22
    “UIライブラリー”
  • デザイナーとエンジニア間のコミュニケーションコストを下げる試み - Wantedly Engineer Blog

    デザイナーの宇佐美 @Ui_Pb です。 速習会とは 2015年10月1日に、 Wantedly のオフィスにてSketch速習会を開催しました! 実は、過去にも何度か社外の方を数名招待する形で速習会を行っております。 なぜ数名のみ紹介する形をとっているかというと、以前から定期的に行っていた社内勉強会に社外の人も数名招待しよう!という流れから速習会を定期開催するようになったからです。そのため、社外の方々だけでなく社内のエンジニアやデザイナーも毎回参加しています。 過去に行った速習会 JSONScheme速習会 きれいなCSS速習会 UML速習会 データ解析ツール速習会 TreasuData/DOMO編 Docker速習会 今回やったこと 今回の速習会では、Sketchファイルの基的な編集方法とSketchファイルを貰った時に意識して見て欲しいポイントを伝えることを目的に行いました。 Wa

    デザイナーとエンジニア間のコミュニケーションコストを下げる試み - Wantedly Engineer Blog
    kkeisuke
    kkeisuke 2015/10/22
  • リアルタイムWebの時代にElixirが来る? Qiita高橋侑久氏が今注目する技術領域 - エンジニアtype | 転職type

    技術情報共有サイト『Qiita』は、日で働くプログラマーにとっていまや、なくてはならない存在となっている。また、チーム内の情報共有に『Qiita:Team』を利用しているという声を聞く機会は多い。こうしたプロダクトを通じて、「ソフトウエア開発をよりよくすることで世界の進化を加速させる」ことを目指しているのがIncrementsだ。 情報感度の高いプログラマーに向けたプロダクトの作り手は、おそらく情報感度が高いはずである。『Qiita』の「中の人」は今、どのような技術に注目し、どうやってそれを身につけているのか。 同社CTOの高橋侑久氏に、現在注目し、インプットしている技術領域と、学びのソースについて聞いた。 高橋氏は、注目している技術領域として次の3つを挙げた。 【1】Railsの課題に回答をもたらすElixirとPhonenix Framework 【2】Terraformでインフラを

    リアルタイムWebの時代にElixirが来る? Qiita高橋侑久氏が今注目する技術領域 - エンジニアtype | 転職type
    kkeisuke
    kkeisuke 2015/10/22
  • クラス設計の原則 — みんなのウェディングエンジニアリングブログ

    みんなのウェディングの高井です。 クラスベースのオブジェクト指向プログラミング言語を利用している人であれば、クラスとは、ありふれていて普段から利用するものです。にもかかわらず、良いクラスをつくるというのは、なかなかに難しいことです。 先日、みんなのウェディングでアルバイトをしてくれている学生さんのコードレビューをしていたときにも、それを強く感じました。 実践的プラグマティックには「ソフトウェアの規模や文脈にあわせて、適切に抽象化していただきたい」という以上のことを言っても仕方がないところなのですが、それだけでは経験の浅いプログラマーにとって、まったく分からないという話になってしまいます。 というわけで、今回はクラス設計の原則についてのお話しです。 Bertrand Meyerのクラス設計の原則 Bertrand Meyerは『オブジェクト指向入門 第2版』の中で、クラス設計について章をひと

    クラス設計の原則 — みんなのウェディングエンジニアリングブログ
    kkeisuke
    kkeisuke 2015/10/22
  • Webアプリのデプロイメントの悲しい状況 | POSTD

    ここ4日間というもの、インターネットWebフォーラムをインストールしようとして大いに時間を無駄にしました。説明書きには30分でセットアップ可能と書いてあったんですけどね。 コンピュータは得意なほうだと思っているのですが、一体、何が悪かったのでしょうか? これからお教えしましょう。 私の奮闘記 辱めるのは意ではないので製品名は言わないでおきます。この製品でひどい目にあったのは今回が初めてではありませんが、製品単体の問題というよりはもっと大きな問題だからです(”ピス・ホース(馬におしっこ)”に音が似ているとだけ言っておきましょう)。 30分でセットアップ可能と説明されている根拠は、Dockerによるインストールが正式にサポートされていて、それ以外の手段がないからです。Dockerは輝かしくも新しいコンテナ管理ソフトウェアで、それだけでも危険な香りがします。相互運用可能なデスクトップ環境全体を

    Webアプリのデプロイメントの悲しい状況 | POSTD
    kkeisuke
    kkeisuke 2015/10/22
  • iOS9 のリリースでクックパッドに起きたこと - クックパッド開発者ブログ

    こんにちは、技術部モバイル基盤グループの茂呂(@slightair)です。 モバイル基盤グループでは、クックパッドの iOS/Android アプリに関する様々な仕事をしています。 不具合を抑え、品質を保ちながら安定してリリースサイクルを回せる環境づくり アプリの開発者がサービス開発に専念できるように、コードリファクタリングやライブラリの整備 OSやライブラリ、開発ツールのバージョンアップに伴う調査・検証・対応 この記事にはiOS9がリリースされた結果、クックパッドのサービスに何が起き、どういう対応をしてきたかをまとめます。 Universal Links iOS9 で Universal Links という機能が入りました。これは、Safari で開いた Web ページ中のリンクに対応したアプリが端末にインストールされていれば、アプリでリンク先のコンテンツを表示できるというものです。 う

    iOS9 のリリースでクックパッドに起きたこと - クックパッド開発者ブログ
    kkeisuke
    kkeisuke 2015/10/22