なみひらブログ

学んだことを日々記録する。~ since 2012/06/24 ~

Web

Laravel Telescopeの導入メモと初見の所感

※この記事は Laravel #2 Advent Calendar 2019 - Qiita の24日目の記事です。 概要 これまでLaravelを関連ツールを使わずに素だけ(?)で使っていたので、デバック用にLaravel Telescopeを入れてみました。 その作業メモと見てみた所感を書いてみます。 ※真…

Laravelアプリケーションをapache httpdに配置するときの作業メモ

背景 Laravelアプリケーションは本番環境では、apache httpdサーバを使っているのでそれに乗せたときのメモです。 アプリ名(ディレクトリ名)はappとしています。 Laravelアプリケーションはlaravelコマンドで作成済み。 対応 作成されているapp/public/.ht…

Google Adsにads.txtファイルを置いてくれと言われたので対応したときの作業メモ

背景 自分の運用しているサイトにGoogle AdSenseを入れていますが、ふとGoogle AdSenseサイトにアクセスしたら「ads.txt」を置いてくれを通知があったので、その対応したのときのメモです。 ※特に難しいことはしていないです。 support.google.com 対応 ルー…

Let's Encryptの証明書更新でエラーがでて更新に失敗したのでその対応したときの作業メモ

背景 cronで証明書更新できているつもりが突然httpsでアクセスできなくなり、手動で更新コマンドを実行したらエラーがでました。 その対応したときの作業メモです。 問題事象 以下のコマンドを実行したらエラーメッセージがでました。 sudo certbot renew --…

vue-headで動的にhead metaを変えたときのメモ

背景 vueを使っててタグ内のタグを動的に追加する必要があったので、vue-headで対応したときのメモです。 ※説明に公式のドキュメントをかぶる点あり。 GitHub - ktquez/vue-head: Manager the meta information of the head tag, a simple and easy way 作業…

MaterializeでのselectとdatepickerをVue.jsで扱うときのメモ

背景 Materializeの動きのせいで、select/option, datepicker/timepickerをVue.jsで使おうとしたら、うまくいかなかったのでメモっときます(;´Д`) materializecss.com materializecss.com 事象1:selectに選択された値が、バインディングした変数に格納さ…

Materializeのdatepickerの初期化でエラーがでたときの対応メモ

背景 Materializeのdatepicker, timepickerを使おうとしたら、初期化でエラーができたのでその対応のメモです(;´Д`) ※結論的には、Materializeのdatepickerどうこうではなく、ライブラリの読み方の問題。 materializecss.com エラー TypeError: $('.datepi…

Google AnalyticsでPDFビュー数をカウントするときの作業メモ

背景 Google Analytics(GA)を導入しているサイトにてPDFを公開しているときに、そのPDFの閲覧数をカウントしたかったので対応したときのメモです。 作業メモ サイト修正 以下のようなときに (※bootstrapタグ含む) <a class="btn btn-primary" href="file/hoge.pdf" role="button">見る</a> 以下のようにする

golang+EchoでREST APIを作った話

背景 新しいWebアプリ(今回はREST API層だけ)を作るにあたって、これまでJava+SpringFrameworkばかりだったので、他の言語で作ってみることにしました。 (ちょうど仕事上もJava+SpringFrameworkから離れているので) 言語候補として、近くで使っている人…

EL式内でEL式が使えない件

背景 JSPでEL式を書くことはよくありますが、そのEL式内でEL式を書こうとしたらエラーになったので、その対処法のメモです。 起こったこと 以下のようなコードを書いたらエラーになった(;´Д`) * 以下※はコメント (略) <select id="userId" name="userId"> <c:forEach var="user" items="${Users}" > ※ModelにセットしてあるUserリス</c:foreach></select>…

Spring MVC+Jacksonで日付文字列をLocalDateTimeにマッピングする

背景 spring-webmvcを使ったWebAPIで、Java8で追加されたLocalDateTimeに対応したときのメモです。 ゴール 以下のようなJSONをLocalDateTimeのパラメータにマッピングします。 (日時のフォーマットは一例です) リクエスト { "name" : "test", "createdAt" …

JMeter 3.0のchangelogを確認しました

背景 サービスの性能測定(負荷)ツールの「JMeter」の3.0がリリースされたそうなので、その変更を確認しました。 気になったところをメモっときます。 注意). 気になったところだけです。全部ではありません。 (記事) codezine.jp (公式ページ) Apache…

SpringBoot Actuatorの動作確認メモ

背景SpringBoot Acuatorについて動作確認したので、そのあたりのことをメモっときます。 概要 » Spring Boot Actuator でサーバの状態を確認する TECHSCORE BLOG 簡単にいうと、Spring BootアプリケーションにAcuatorを適用すると、アプリケーションの設定や…

ブログのデザインを若干修正しました

背景今までこのブログのデザインは以下を使っていました。 timeline-minimal - テーマ ストア - はてなブログしかし、このデザインは横幅が狭くてプログラム関連を記載すると文字が切れてしまう(正確には横スクロール)ので、 横幅を広げる修正をしました。…

AngularJSの$locationを使う時に気をつけること

背景AngularJSでの$locationを使うときに自分の理解が間違っていていろいろハマったのでメモっときます。前提 今回はログイン画面(/login)を表示して、ログインできたらホーム画面(/home)を表示するという例。 ログイン処理自体は、サーバサイドのAPIにAjax…

AngularJSのひと通り動作させるためにやったこと

AngularJSのひと通り動作させるためにやったことをメモっときます。前提この作業メモには以下の前提があります。 レイアウトにはTilesを使っています。 Springframework, mavenを使っています。 AngularJSを使うためにはこの辺の技術は関係ありませんが、自…

SpringMVCアプリケーションにTilesを適用するときにやったことメモ

背景最近いろんなところで画面構築にTilesというフレームワークが使われているので、ちょっと動作確認してみると仕組みの勉強のメモです。 Apache Tiles - Home作業メモTilesライブラリへの依存追加pom.xmlにTilesライブラリへの依存を追記します*1。 <dependency> <groupId>org.a</groupid></dependency>…

coreライブラリを利用するための準備

以下のように、jspでcoreライブラリのようなタグライブラリを使う場合、 <c:forEach items="${items}" var="item"> ID:<c:out value="${item.id}"/><br> Title:<c:out value="${item.title}"/><br> </c:forEach> まずjspで以下を宣言する必要があります。ネット上だと意外と書いていない(;´Д`)当たり前のことだからも知れませんが。。。 <%@ taglib uri='http://java.sun.com/jsp…

「第六回 #渋谷java」に行ってきました。

プログラミングJavaの勉強会(LT大会)「第六回 #渋谷java」に行ってきました。第六回 #渋谷java - connpass開催概要 2014/05/31(土)17:00-20:00 株式会社ビズリーチ@渋谷クロスタワー12F 参加者数 約20人 発表資料はこちら参照 第六回 #渋谷java まとめ …

Beanをうまくインジェクションできなかったときの話

springで書いたコードをtomcatにデプロイしたら、以下のエラーがでました。 org.springframework.beans.factory.NoSuchBeanDefinitionException: No qualifying bean of type [jp.co.**.dao.XXDao] found for dependency: expected at least 1 bean which qu…

LESSファイルのコンパイルエラー

Twitter Bootstrapに同梱されているLESSファイルをコンパイルしようとしたら、以下のようなエラーが出ました。ソースコードtwbs/bootstrap · GitHub // // Jumbotron // -------------------------------------------------- .jumbotron { padding: @jumbotr…

「Developers Summit 2014」に行ってきました。【1日目】

日本最大級のソフトウェア開発者の集い「Developers Summit 2014」に行ってきました。Developers Summit 2014:開発者のためのITカンファレンス開催概要 2014/02/13(木)、14(金) 10:00-18:00 目黒雅叙園 参加者数 約1000人/日 発表資料はこちら。 デブサミ…

Webアプリケーションサーバのヘルスチェック機構の工夫

下の本に、Webアプリケーションのヘルスチェックの機構に対しての工夫が書いてあったでの、メモっときます。Mobageを支える技術 ~ソーシャルゲームの舞台裏~ (WEB+DB PRESS plus)作者: DeNA出版社/メーカー: 技術評論社発売日: 2012/06/13メディア: 単行本(…

ファーストリンクとファーストビュー

UIを設計する際、「ファーストリンク」と「ファーストビュー」を意識する必要があります。ファーストリンク ファーストリンクは表示された画面上で最初にアンカーがあたるリンクのことで、インターフェース上もっとも選択されるリンクです。 表示する画面の…

HTML5やCSS3の対応状況を調べるサイト

HTML5で定義されているAPIやCSS3のフィーチャーが、どのOSバージョンやブラウザで使えるかどうかを調べるサイトが紹介されていたので、メモっときます。Can I use... Support tables for HTML5, CSS3, etc参考Mobageを支える技術 ~ソーシャルゲームの舞台裏~…

3階層システムの優位性

3階層システム IT基盤を「Webサーバ(Apacheなど)」「APサーバ(tomcatなど)」「DBサーバ(MySQLなど)」の3つに分離させる構成を指す。 2階層システム 3階層システムで言う役割を2つに分けた構成(「Webサーバ/APサーバ」と「DBサーバ」)を指す。 3階層…