タグ

ブックマーク / dev.classmethod.jp (15)

  • AWSアクセスキーをGitリポジトリに混入させないために git-secrets を導入した | DevelopersIO

    先日開催されたAWS Summit Tokyo 2017、わたしもいくつかセッションを聴講してきたのですが、「DevSecOps on AWS - Policy in Code」というセッション1にてgit-secretsというツールが紹介されていました。 awslabs/git-secrets: Prevents you from committing secrets and credentials into git repositories これ以外にも、いくつかのセッションで言及されていたと思います。 git-secretsのことは以前から聞いてはいたのですが、自分自身があまりコードを書く環境にいなかったので、良くないとは思いつつも今まであまり気にしていませんでした。 ただ、AWSアクセスキーの漏洩が原因と思われる話を聞く機会はなかなか減りませんし、考えてみれば自分でも、AWSクレデ

    AWSアクセスキーをGitリポジトリに混入させないために git-secrets を導入した | DevelopersIO
  • [Haxe/CreateJS] 万華鏡的な演出 | DevelopersIO

    上記画像のような演出デモを作ってみたので解説します。( デモ ) ネ申の砂場あそび 先日、CreateJS の生み親である Grant Skinner ネ申が申されました。 Started posting a few little demos & experiments to the CreateJS sandbox github.com/CreateJS/sandb… More to come. — Grant Skinner (@gskinner) April 15, 2013 「 CreateJS/sandbox に小さい実験デモを公開していくよ。 ( 意訳 ) 」…とのことなので、現在公開されている Kaleidoscope.js を弄ってみました。 Kaleidoscope.js の Haxe 用 extern クラス Haxe/CreateJS な人は下記コードをご自由にどうぞ

  • 新しいプログラミング言語 Swift | DevelopersIO

    Objective-Cに替わる新しいプログラミング言語Swiftの登場 WWDC2014で発表された新しいプログラミング言語Swiftでできることを紹介したいと思います。 今までとこれから Swift使うとこんなにコードが短くなるぜという例です。 今まで これから 確かにスマートですね。 言語ガイドをダウンロード iBookでガイドを読めますのでダウンロードしてみましょう。 変数の宣言 varは変数、letは定数 var myVar = 42 myVar = 50 let myConst = 42 コントロール if,switch,for-in,for,while,do-while let individualScores = [76, 43, 103, 87, 12] var teamScore = 0 for score in individualScores { if score >

    新しいプログラミング言語 Swift | DevelopersIO
  • iOS 7 特集 | DevelopersIO

    [iOS][iBeacon] iOS 7.1 からアプリを起動していなくても領域観測できるようになったので、さまざまなバックグラウンド処理を試してみた

    iOS 7 特集 | DevelopersIO
  • Modern UI のようなフラットデザインを目指して使いづらくなっている件について | DevelopersIO

    Windows 8 がリリースされてだいぶ日が経ちました。最大の特徴と言ってもよい Modern UI *1。モバイル端末をはじめとしたタッチデバイスに特化した大きめのタイル(ボタン)とタイポグラフィが一際目を引くデザインで、OS X や iOS のそれとは一線を画しています。 一方の Android。2011年2月にバージョン3.0である Honeycomb がリリースされ、それまでの 2.x から刷新したデザインになりました *2。2013年4月現在の最新バージョンである4.2(Jelly Beans)もこの流れを踏んでいます。 両者ともそれまでの Web2.0 と呼ばれていた頃に流行ったグラデーションやドロップシャドウをふんだんに使ったデコラティブなデザインに対し、平面的で装飾要素の極めて少ないミニマルなデザインが特徴です。これらは主に Flat UI と呼ばれ、2012年頃から現在

  • 【Sassで解決】CSSの@importはどれだけ悪影響なのか自分で試してみる | DevelopersIO

    はじめに Webサイトの高速化について調べてみるとCSSの@import url();は使わない方が良いという指摘をよく見かけます。 問題となるのはパラレルロード(複数のリソースを同時にロードする)ができなくなる場合があることと、CSSの読み込み順序が変わってしまうことがあるようです。 実際にどれだけ読み込み速度に問題があるのか、3つの読み込み方で試してみたいと思います。 比較する3つの読み込み方 今回はこの3つで読み込みを比較してみます。 CSSの@import url();で読み込む HTMLのlink要素で別々に読み込む Sassで@importして1つにまとめてlink要素で読み込む 対象ブラウザ 今回の検証ブラウザはChromeとInternet Explorerです。 どちらも備え付けの開発者ツールで検証します。 今回計測したサンプル サンプルはこちらに公開しているので問題があ

    【Sassで解決】CSSの@importはどれだけ悪影響なのか自分で試してみる | DevelopersIO
  • 身につけておきたいWebサイト高速化テクニック #2|検証ツールとそもそもHTTPって何だ編 | DevelopersIO

    第1回のアジェンダ編では、高速化に関わる要因と解決策の全体像を紹介しました。 アジェンダ編にもかかわらず多くのブックマーク、シェアをいただきありがとうございます! 余談ですが、記事にブックマーク、シェアをしていただくと、このブログでは執筆者に経験値がたまるような仕組みになっています。 たくさん経験値を貯めると四半期ごとに良いことがあるかもしれないので、気が向いたらこの他の執筆者の記事もシェアしていただけるとうれしいです。 言葉にせずとも、わかっていただけると思いますが、この記事も・・・ね? 右上にあるボタンをちょちょっと。 題 余談はさておき、題に入りましょう。 今回は「無駄なリクエストとレスポンスの削減」に視点を置き、解決策について調査、計測して紹介してみたいと思います。 と思ったのですが、長くなりすぎたため、まずは「検証ツールとHTTPについて」紹介することにしました。 この記事の

    身につけておきたいWebサイト高速化テクニック #2|検証ツールとそもそもHTTPって何だ編 | DevelopersIO
  • 身につけておきたいWebサイト高速化テクニック #1|アジェンダ編 | DevelopersIO

    Webサイトの表示高速化対策していますか? 日は欧米諸国に比べWebサイトの表示高速化対策をしているサイトが少ないです。 特に、最近ではスマートフォンの普及によりモバイルサイトの需要も増え、高速化をしなければいけない機会も増えてるのかなと思います。 日のモバイルデータ通信はLTEで高速になりつつあるとは言え、まだまだ「貧弱!貧弱ゥ!」です。 幸いなことに僕も最近鶴の一声によってクライアントからサーバー周りまで包括的な高速化対策を経験する機会を得ることができました。 それまでは、「手間がかかりすぎるからできればやりたくない」というのが音でした。職務怠慢ですね(苦笑)。 でも、できるだけ楽したい!と思うのが人の常。 この連載ではできるだけ楽をしながらできる高速化手法と計測結果を1つ1つ紹介しようと思います。 基的にはすべて受け売りの内容です。やってみた対策を羅列して、連載の中で自分で試

    身につけておきたいWebサイト高速化テクニック #1|アジェンダ編 | DevelopersIO
  • 【クリスマスだし】Internet Explorerとうまく付き合う方法【IE対応まとめ】【25日目の6】 | DevelopersIO

    IE6はタヒぬDeath! こんばんは、クラスメソッドWebマスターの野中です。 今日はクリスマスですね、社内には独り身の負のオーラが満ちてます(既婚者が多いので残っている人は少ない)。 ところで、最近はCSS3もすこしずつ使えるようになってきていて、IE6からIE8の対応を蔑ろにしてしまっている自分がいます。 Web制作に携わってから6年、常に付きまとう古いIEは腐れ縁というか、ある意味青春ですね。 とっても今さら感たっぷりなお題目ですが、ここでIE対応のポイントを自分のために総浚いして青春に決着をつけたいと思います。 過去の経験と情報収集をもとにまとめているので実際にテストしたものではありません。 解決のきっかけ程度になれば良いと思いまとめています。 IEの現状 一般的なブラウザと先進的なブラウザに対する手法と考え方 ドキュメントタイプ:文書型定義 IE向け条件付きコメントで分岐処理

    【クリスマスだし】Internet Explorerとうまく付き合う方法【IE対応まとめ】【25日目の6】 | DevelopersIO
  • Developers.IO

    【8/1リモート】 クラスメソッドのフリーランスエンジニア会社説明会〜AWSインフラ/Webアプリ 案件特集 〜開催します

    Developers.IO
  • 【番外編】Androidの爆速エミュレータ環境を構築する | DevelopersIO

    ※追記しました. OSXの方々は注意点もありますので、追記も併せてご覧ください 2012.10.17 Android爆速エミュレータ環境の作り方 Android開発者界隈のTwitter TLで、「Androidのエミュレータが低速で使い物にならないとか言って許されるのは小学生までだよねー。きゃははー」的な会話が繰り広げられていたので、これは知らないのはマズイのでは、という危機感から、一念発起し、爆速Androidエミュレータ環境の構築を試みました Androidのエミュレータが低速で使い物にならないというのは、すでに過去の話だそうです。真の情報強者の方々は、すでに爆速エミュレータでの開発を行っているようです。中には、実機よりも早いので、実機代わりに使ってるという方もおられるようです もうAndroidのエミュレータが遅いなんて言わせない!iPhoneのエミュレータに匹敵する(?)速度を手

    【番外編】Androidの爆速エミュレータ環境を構築する | DevelopersIO
  • HTML5 × CSS3 × jQueryを真面目に勉強してみる – #4 LESS | DevelopersIO

    そんな訳で、拡張メタ言語の中でも特にハードルの低いだろうLESSに触れてみることにしました。 拡張メタ言語 - LESS メタと称されるだけあって、LESSはHTMLCSSJavaScriptといった類の言語とは毛色が違います。そういった言語によって記述されたソースコードと同じ意味(機能)を持ちながら、より簡略的に表現できるようにしたための言語というわけです。 念のため分かりやすく補足しておきますと、メタとは比喩とか暗喩という意味であって、「アンタなんか牡丹じゃなくて豚よッ!」というセリフの豚という表現が正にメタに当たります。 ※豚というのは例えであって、当に動物の豚だといっているわけではありません。 他にもこのような拡張メタ言語には、CSSに対してSCSS(Sass)、HTMLに対してHamlといったものがあります。JavaScriptに対してCoffeeScriptというのが比較

    saken
    saken 2012/10/03
  • Adobe SWF Investigator | DevelopersIO

    Adobe SWF Investigatorって? Adobe SWF InvestigatorというSWFを解析するアプリケーションが公開されました。 http://labs.adobe.com/technologies/swfinvestigator/ このツールはFlashデベロッパーには品質の向上に役立つと思いました。 また、セキュリティに関してもチェックできるツールはこれしかないですね。 ADCに記事が公開されています。 http://www.adobe.com/products/catalog/software._sl_id-contentfilter_sl_catalog_sl_software_sl_mostpopular.html機能 Flashコンテンツについて隅々まで確認できます。 心当たりがある人は確認してみましょう デバック版で公開していませんか? SWF

  • Flash Player 11で追加されたJSONクラスのパフォーマンスと機能 | DevelopersIO

    今回追加されたAPIの方が断然早いですね。as3corelibがas3で実装されているのに対し、今回追加されたJSONはFlash PlayerネイティブのAPIとして実装されているので差が顕著に出ています。大量のデータを処理する場合やモバイルの環境で利用する場合などで、フレームレートへの影響を少なくすることができそうです。 出力データの加工 JSON.parseとJSON.stringifyは第二引数に関数をとり、フィルタのような処理をすることができます。stringifyメソッドで試してみます。 var data:Array = [ { name : "ひこにゃん", age : 5, transientData : "1"}, { name : "はばタン", age : 8, transientData : "2"}, { name : "せんとくん", age : 3, tran

  • AIR 3 Beta 2 : Captive Runtime Support | DevelopersIO

    AIRランタイムを同梱機能 今までのAIRアプリケーションは、別途AIRランタイムをインストールする必要がありました。 AIR 3のCaptive Runtime 機能を使うことによって、AIRアプリケーションにAIRランタイムを同梱することができるようになります。 1. Flex SDK 4.5.1 に AIR 3.0 Beta 2をインストール AIR 3.0 Beta 2を http://labs.adobe.com/downloads/air3.html からダウンロードします。 インストール先を下記とします。 C:\Program Files\Adobe\Adobe Flash Builder 4.5\sdks\4.5.1_AIR3 2. FlexプロジェクトAIRアプリ作成 Flash Builder を使用してAIRアプリを作成します。 3. ADTを使ってAIRランタイム

    saken
    saken 2011/08/18
    AIR3ランタイム同梱機能について。
  • 1