タグ

2015年11月17日のブックマーク (19件)

  • CakePHP ページタイトルを一括管理する方法 - Autumn Like Blog

    2013-05-13 CakePHP ページタイトルを一括管理する方法 CakePHP 2.2 通常、ページタイトルの設定は各アクションにて、以下のような設定が必要。 $title_for_layout = 'ページタイトル'; 全てのViewにてこの設定を入れるのは、億劫だし、何より、全体を俯瞰して設定しにくい。管理もしにくいので、コンポーネントを作って、全体を簡単に管理できるようにした。 // PageTitleComponent <?php /** * ページタイトルを設定するコンポーネント */ class PageTitleComponent extends Component { public $pageTitles = array( 'Controller_A' => array( 'action_A' => 'Aアクションタイトル', 'action_B' => 'Bアクシ

    oppara
    oppara 2015/11/17
  • AWS Lambda で BeanShell を動かしてみた | DevelopersIO

    毎度お馴染み流浪の動かしてみた & C 芸人の Fujimura です。 以前、紹介した lambdash の Java 版を BeanShell で実現してみました。 fd00/aws-lambda-bsh 準備 $ git clone https://github.com/fd00/aws-lambda-bsh.git $ cd aws-lambda-bsh $ ./gradlew jar 生成された build/libs/aws-lambda-bsh-0.1.jar をアップロードします。 実行 payload として result に結果が格納されるようなコードを渡します。 $ aws lambda invoke --function-name AwsLambdaBsh --payload "\"result = java.lang.Math.PI;\"" /dev/stderr

    AWS Lambda で BeanShell を動かしてみた | DevelopersIO
    oppara
    oppara 2015/11/17
  • [小ネタ] QuickLookJSON を拡張子”template”に対応させよう | DevelopersIO

    はじめに こんにちは、川原です。 MacにはQuick Lookというファイルの内容をチラ見するための機能があることは、訓練されたMacユーザーの方は言うまでもなく、訓練されていないMacユーザーの方もご存知のことと思います。 http://code.google.com/p/qlcolorcode/ この機能はデフォルトでは、スクリプトファイルなどテキスト系ファイルはそのまま無味乾燥に表示するだけなのですが、プラグインを導入することで色々なファイル形式を表示できるように拡張できたりします。 (下の画像はQLColorCodeプラグインを使ってrubyスクリプトを表示した例) で、プラグインの1つにQuickLookJSONというものがあるのですが、これはJSON形式のファイルをチラ見できるようにするものです。 JSONファイルをこんな感じ↓で表示できるようになります。 折り畳みとかもでき

    [小ネタ] QuickLookJSON を拡張子”template”に対応させよう | DevelopersIO
    oppara
    oppara 2015/11/17
    QuickLookJSON を拡張子”template”に対応させよう | Developers.IO B!
  • ブラウザのウィンドウサイズを取得する際のjQueryとJavaScriptとCSSメディアクエリの違い|BLACKFLAG

    レスポンシブサイトではウィンドウの幅(画面解像度)によって、レイアウトの調整や動作処理の制御を行います。 ウィンドウサイズ(画面幅/高さ)の取得方法に関しては、スクリプト制御ではjQueryの「.width()」メソッドのほか、JavaScriptの「.innerWidth」メソッドや「.matchMedia」メソッドを使用する方法などがあり、CSSメディアクエリでは「@media only screen and (max-width:○○px)」などといった手法でウィンドウサイズを取得することが可能になります。 それぞれの取得する方法によってすこし厄介なのは、ページ内にスクロールバーがある時とない時で取得する値が変わってくるというもの。 さまざまな場面でウィンドウサイズを取得する機会が増えてきているので、上記のそれぞれ取得方法について比較してみました。 まずは各スクリプト処理とCSSメデ

    ブラウザのウィンドウサイズを取得する際のjQueryとJavaScriptとCSSメディアクエリの違い|BLACKFLAG
    oppara
    oppara 2015/11/17
  • EBSスナップショットからのレストア | DevelopersIO

    渡辺です。 今年の11月の北海道は暖かく、スキー場に雪が降ってもレストア(雪解け)してしまいます(T_T 運用設計時、バックアップは検討しているにも関わらず、レストア手順の検討を行っていないケースは稀によくあります。 最悪、バックアップ(EBSのスナップショット取得)さえしておけば何とかなるといえばなんとかなるのですが、レストアが必要な場合に焦らないよう、レストア手順はしっかりと押さえておくべきでしょう。 今回は、EBSのスナップショットからのレストア方法について3パターン紹介します。 新規インスタンスを作成してのレストア ひとつ目の方法は、EBSスナップショットからAMIを作成し、そのAMIからEC2インスタンスを新規に作成する方法です。 AMIを作成する手間はありますが、元インスタンスを残したままにレストアできるため、レストア失敗時のリスクが最小に抑えられること、元インスタンスからのデ

    EBSスナップショットからのレストア | DevelopersIO
    oppara
    oppara 2015/11/17
  • AWS CodePipelineことはじめ – 概要紹介 | DevelopersIO

    AWS CodePipeline Code三兄弟のなかで最後にご紹介するのはAWS CodePipelineです。似た名称のAWSのサービスにAWS DataPipelineがありますがそれとは全く異なるサービスになっています。 AWS CodePipelineはアプリケーションの継続的デリバリーと継続的インテグレーションを実現するためのツールです。継続的デリバリーはソフトウェアのリリースプロセスを自動化することでリリースの負荷を減らし、素早くリリースを実施していく仕組みのことです。 Amazon.co.jp: 継続的デリバリー 信頼できるソフトウェアリリースのためのビルド・テスト・デプロイメントの自動化 AWS CodeDeployはアプリケーションのデプロイプロセスを自動化するためのツールとしてご紹介しましたが、AWS CodePipelineはビルド、テスト、デプロイなどのアプリのリ

    AWS CodePipelineことはじめ – 概要紹介 | DevelopersIO
    oppara
    oppara 2015/11/17
    AWS CodePipelineことはじめ – 概要紹介 | Developers.IO B!
  • 旧・Macの手書き説明書 - FC2 BLOG パスワード認証

    ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.

    oppara
    oppara 2015/11/17
  • ELBのアクセスログをAWS LambdaでElasticsearchに取り込む | DevelopersIO

    はじめに 藤です。 AWS LambdaPythonに対応してから色々なことを試しています。 概要 ELBのアクセスログはS3に出力することが可能です。5分なり、1時間なりで定期的にS3にログファイルが作成されます。S3に集約することは簡単でもS3に出力されたファイルはAPIによるアクセスが必要、ログファイルが細かく分割されていることもあり、可読性の面においては優れていません。 そこでAWSではログを管理できるサービスとしてCloudWatch LogsやAmazon Elasticsearch Serviceを用意しています。Amazon Elasticsearch Serviceに関してはAWSGithubでS3 -> AWS Lambda -> Elasticsearchの流れとなるソースコードが公開されています。ありがたい!これにより簡単にログデータを取り込むことが可能です。

    ELBのアクセスログをAWS LambdaでElasticsearchに取り込む | DevelopersIO
    oppara
    oppara 2015/11/17
  • Rundeck: AWS CLIによるEC2サーバ起動&停止ジョブの作成 | DevelopersIO

    小ネタです。 ジョブ管理ツールである『Rundeck』で、EC2サーバの起動・停止を行なう為のジョブ作成についてその手順をまとめておこうと思います。 Rundeck導入先のEC2サーバにて実行環境を準備 とは言っても、特に難しい事をする訳ではありません。RundeckをインストールしているEC2サーバ上でAWS CLIを使える状態にしておき、Rundeck上でAWS CLIコマンドを実行するだけです。 インスタンス起動後、サーバにログインしてaws configureコマンドで必要なクレデンシャル情報を手動入力しておくでも良いですし、 Configuring the AWS Command Line Interface - AWS Command Line Interface # 動作検証用に別途jqを入れました $ sudo yum -y install jq # 設定前の状態:権限無し

    Rundeck: AWS CLIによるEC2サーバ起動&停止ジョブの作成 | DevelopersIO
    oppara
    oppara 2015/11/17
    Rundeck: AWS CLIによるEC2サーバ起動&停止ジョブの作成 | Developers.IO B!
  • Animating an SVG Menu Icon with Segment | Codrops

    A tutorial on how to implement an animated menu icon based on the Dribbble shot by Tamas Kojo using SVG and Segment, a JavaScript library for drawing and animating SVG paths. Today we are very happy to share an interesting menu icon effect with you. The idea is based on the Dribbble shot hamburger menu by Tamas Kojo. At first, the icon is the classic burger menu icon. But when you click on it, it

    Animating an SVG Menu Icon with Segment | Codrops
    oppara
    oppara 2015/11/17
  • 知らないうちにMacがシステム標準でJavaScriptで操作できるようになってた (JXA) - Qiita

    知ってる人には今更と思いますが、今まで知らなかったのでメモメモ。 AppleScriptの代わりにJavaScriptを使えるようになってました。 Yosemiteからの新機能だそうです。 JXAとも呼ばれています。宇宙航空研究開発機構とは無関係です。 (追記:JXAは公式の略称です →Introduction to JavaScript for Automation Release Notes) 詳しくは Appleの公式ドキュメント か、「参考」にあるリンクへどうぞ。 もう一つ記事を書いたのでこちらもよかったらどぞ。 Macのキーボード入力、マウスクリックをJavaScriptで (JXA) Script Editorで使う方法 まずScript Editorを使う方法を説明します。 好きなテキストエディタを使いたい場合は飛ばしてください。 (でも「用語説明」の表示の仕方は覚えておいて

    知らないうちにMacがシステム標準でJavaScriptで操作できるようになってた (JXA) - Qiita
    oppara
    oppara 2015/11/17
  • GitHub - auxiliary/rpage: Highly responsive pagination for Bootstrap

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - auxiliary/rpage: Highly responsive pagination for Bootstrap
    oppara
    oppara 2015/11/17
  • quietflow.js Demo

    quietflow.js A jQuery library for creating beautiful dynamic or static visual effects. $("body").quietflow({ theme : "squareFlash", squareSize : 20, maxRed : 255, maxGreen : 40, maxBlue : 100, speed : 80 })

    oppara
    oppara 2015/11/17
  • shaky box and lines CoffeeScript - shakyを使ってアスキーアートから手書き風ドローへ MOONGIFT

    きっちり正確なドローイングを描くライブラリを使うと、ついつい内容まで正確性を求めるようになってしまいます。プロトタイプやブレインストーミングレベルであればもっと粗雑に、ラフに書く方が都合が良かったりします。 そんな訳で使ってみたいのがshaky box and lines CoffeeScriptです。アスキーアートレベルのチャートがファジーな線で描かれていきます。 shaky box and lines CoffeeScriptの使い方 shaky box and lines CoffeeScriptのデモサイトです。アスキーアートとshakyを使って描かれたチャートが画像になって表示されています。 自由に編集、さらにラベルに日語を使うことができます。 がつっと削ったりもできます。 shaky box and lines CoffeeScriptはshakyを使って手書き風のドローを行

    shaky box and lines CoffeeScript - shakyを使ってアスキーアートから手書き風ドローへ MOONGIFT
    oppara
    oppara 2015/11/17
  • webwatch·Webサイトの変化を感知してメール送信 MOONGIFT

    ニュースメディアの速報系であったり、号外と言ったニュースにいち早く飛びつきたいという人は多いのではないでしょうか。かといって始終Webサイトを見続けている訳にはいきません。そこでコンピュータの力が使えます。 webwatchはURLを監視して指定した文字が出てくるとアラートを出すという仕組みになっています。 webwatchの使い方 webwatchのオプションです。基的にすべて必須です。 $ webwatch --help Usage of bin/webwatch: -from address Email address to send from -password Password Password for SMTP server -smtp server Address of SMTP server to use (host:port) (default "gmail-smtp-

    webwatch·Webサイトの変化を感知してメール送信 MOONGIFT
    oppara
    oppara 2015/11/17
  • Tabli - ついついタブを開きがちな方に。Google Chrome用タブ管理 MOONGIFT

    タブブラウザを使っていると、ついつい大量のタブを開いてしまいがちです。閲覧している時には良いのですが、必要なタブを探そうと思うととても大変ではないでしょうか。そこで必要になるのがタブ管理ソフトウェアになります。 今回紹介するのはGoogle Chrome機能拡張のTabliになります。多くのタブを開く癖がある方はインストールしておくと便利です。 Tabliの使い方 Tabliをインストールすると、右上にアイコンが表示されます。それをクリックすると開いているタブが一覧表示されます。 検索を使って絞り込みもできます。 後はタイトルをクリックすればそのタブにジャンプできる仕組みです。すばやくタブを探して移動するのに便利な機能拡張でしょう。 TabliはGoogle Chrome用、MIT Licenseのオープンソース・ソフトウェアです。 Tabli Home Tabli - Chrome ウェ

    Tabli - ついついタブを開きがちな方に。Google Chrome用タブ管理 MOONGIFT
    oppara
    oppara 2015/11/17
  • AWS認定試験の Practice Exam を受けてみた | DevelopersIO

    初投の小山です。小山はAWSを始めて1年強ですが、苦心して身につけた知識をそろそろ認めてもらいたいというシタゴコロがあります。そんなとき小山は、AWSのウェブサイトで目にしたAWS認定のことを思い出しました。普通免許しか履歴書に書くことがない小山は、AWS認定について詳しく調べてみることにしました。 AWS認定 AWS認定は、世界750ヶ所以上の会場で受験できるグローバルな認定プログラムです。AWS認定には現時点で5つの種類があり、それぞれの役割やレベルに応じて適切な認定を目指せるようになっています。ふつうの人が最初に目指すのは、「AWS認定ソリューションアーキテクト」という認定のアソシエイトレベル (左上) になるんじゃないでしょうか。 ソリューションアーキテクト (アソシエイトレベル) の受験者に求められる能力に必要な基知識とレベルについて、試験ガイドは次のように説明しています。 A

    AWS認定試験の Practice Exam を受けてみた | DevelopersIO
    oppara
    oppara 2015/11/17
  • una.im | Introducing CSSgram: A CSS Library for Instagram Filters

    Introducing CSSgram: A CSS Library for Instagram Filters Published on October 25, 2015

    una.im | Introducing CSSgram: A CSS Library for Instagram Filters
    oppara
    oppara 2015/11/17
    CSSGram B!
  • WEB制作時に大変重宝する無料WEBツールまとめ。 | 埼玉県熊谷市 Webデザイン・企画・制作「デザイン事務所|エイビッツ」

    WEB制作時に無料で使えて大変重宝するWEBツールをまとめてみました。 フォント、文字関連 PXtoEM.com: PX to EM conversion made simple. フォントサイズを他の単位に換算してくれる。 かなり重宝しています。 font checker(フォント・チェッカー) ブラウザでのフォントスタイルを確認するためのツール wordmark.it – helps you choose fonts! PCにインストールされているフォントのスタイルを一括確認。 文字数計算ツール テキスト文字数を計算してくれる。 ガラケーサイトなど、文字数上限を制限するような際に重宝します。 表示確認ツール Responsive Web Design Test Tool – Designmodo レスポンシブWEBデザインの表示を確認するためのシミュレーター iPhone Screen

    oppara
    oppara 2015/11/17