HTMLをより少ない記述量で書くことができる「テンプレートエンジン」。Haml, Slim, Pagなどをよく見聞きしますね。 これらの形式をブラウザで表示するためにはHTMLにコンパイル（変換）する必要があります。その環境構築が第一難関です。 が！CodePenを使えば環境構築なしにテンプレートエンジンを体験することができます！！早速やってみました。 目次： CodePenのSetting（設定）変更 Emmet Haml HAMLの主な記法 コンパイル後のコード表示 Markdown Markdownの主な記法 Slim Slimの主な記法 Pug Pugの主な記法 おまけ：EJSもオススメ（追記） まとめ ※参考：HTMLの基本についてはこちら 【HTMLの基本】書ける前に読む！HTML、CSS、JSの書式-2 ※2019/10/20：この記事上にソースコードがありませんでしたが、追

はじめに 経緯 構成 技術選定 Lambdaのランタイム(言語)は何で実装するのか？ サーバーレスアーキテクチャの構成管理に何を利用するのか？ Jetsをちょっとだけ解説 プロジェクトの作成 ルーティングの設定 コントローラー 必要なIAMポリシー シークレットキーなどの扱い方 デプロイ方法 最後に おまけ はじめに こんにちは！先日26歳を迎え、30歳への恐怖感が着々と増してきた渡邊です。 今回が３回目のブログ投稿になります。 前回のKubernetes(GKE)にお安く入門するではたくさんのブックマークをいただきありがとうございました。 今回は実際に業務での利用をしはじめたRailsライクなRuby製 サーバーレスフレームワーク 「Ruby on Jets」について書きます。 経緯 自分が開発を担当しているプロダクトには、求職者の方と弊社のキャリアアドバイザーがLINEを介してメッセー

Interceptorが複数あるとどうなるのか ここからが本題になってきます。 この辺の処理の流れを理解するには、DispatcherServlet.doDispatchメソッドを追いかけるといいです。 まず、HandlerExecutionChain.applyPreHandleメソッドでpreHandleを実行していることがわかります。 boolean applyPreHandle(HttpServletRequest request, HttpServletResponse response) throws Exception { HandlerInterceptor[] interceptors = getInterceptors(); if (!ObjectUtils.isEmpty(interceptors)) { for (int i = 0; i < interceptor

『るびま』は、Ruby に関する技術記事はもちろんのこと、Rubyist へのインタビューやエッセイ、その他をお届けするウェブ雑誌です。 Rubyist Magazine について 『Rubyist Magazine』、略して『るびま』は、Rubyist の Rubyist による、Rubyist とそうでない人のためのウェブ雑誌です。 最新号 Rubyist Magazine 0064 号 バックナンバー Rubyist Magazine 0064 号 Rubyist Magazine 0063 号 Rubyist Magazine 0062 号 Kaigi on Rails 特集号 RubyKaigi Takeout 2020 特集号 Rubyist Magazine 0061 号 Rubyist Magazine 0060 号 RubyKaigi 2019 直前特集号 Rubyist

はじめに Advent Calenderのコメント欄には、「JSのお話」と予告しておきながら、当日Rubyネタに変わる……。 あるあるの話ですね（笑） さて、Rubyでアプリケーション作る場合、みなさんやっぱりRailsなんですかね？それともSinatra？ なんですか、またフレームワーク宗教戦争ですか？ そうなんです。Ruby以外の言語でも、Railsライク、Sinatraライクって出てきて、飽きたんですよ（笑） 私も、担当サービスではPadrinoを使用していますが、 新たにアプリケーションを作る場合、何でもRails！という風にはしたくない派です。 Railsは、パフォーマンス面でどうしてもチューニング（特にActiveRecord）が必要になります。 そして、config/ 下のファイルも多いなぁという印象です。 今回紹介したいのは、Hanami。（旧Lotus。1-2-3じゃない

相談内容 既存の管理ツールを新しく作り直すために新しいJSフレームワーク/言語使いたいのですが、何を選んだらよいでしょうか？ ここで選んだものは今後新しく作る時にも使用していく予定のため、学習コストよりメンテナンスしやすいものを選びたいと考えています。 利用者は社内外で特定の権限を持った人のみであるため、サーバサイドレンダリングはしない予定です。 言語は型があるものを利用したいのですが、TypeScriptとFlowのどちらがよろしいでしょうか？ 時間に余裕があれば、テストフレームワークやビルドツールについてもお聞きしたいです。 現在のページ/チーム jQueryなどで書かれている部分が多いですが、変更を加えることが難しくメンテナンスコストが高いです。 サーバサイドをやってる人が片手間で書くJavaScriptといった状況です。 今回新規で数ページを追加する必要があるため、何を利用すれば良

Java EE Advent Calendar 2016 の7日目の記事です。 Springほにゃららってたくさんあって把握しきれてないので、この機会にまとめてみました。 Springの本家本元プロジェクト一覧はこちら。 https://spring.io/projects GitHubはこちら。 https://github.com/spring-io/ https://github.com/spring-projects/ Mavenリポジトリのグループはこちら。サブグループも複数あります。 https://mvnrepository.com/artifact/org.springframework まとめた時点での情報なので、プロジェクトの統廃合などで変化することがあります。 よくアップデートされているもの Spring IO platform (Spring Core) アーティフ

最近レイアウトにFlexboxをベースにしたモダンなCSSフレームワークが出始めてきています。ここではFlexboxを採用したCSSフレームワークをご紹介します。 Flexboxとは まずFlexboxとはなんなのか、正式名称は「CSS Flexible Box Layout Module」と言うもので、ざっくり言うと「今までより簡単にレイアウトが組めますよ！」って事です。 ざっくりしすぎなので補足すると、今までレイアウトを組むときは、テーブルを使ったり、CSSのfloatを使ったりして組んでいましたが、横並びにするとレイアウトが崩れる、縦の高さを揃えるのが難しい、上下中央揃えをしようとすると面倒・・・と手間がかかりました。javascriptを使わないと出来ない場合もありWEBのレイアウトは結構不自由だったのですが、Flexboxによってそれが改善されます。 Flexbox自体の使い方は

■　事前定義の集合としてのCSSフレームワーク JSのフレームワークに負けず劣らず、CSSフレームワークも注目を集め、Bootstrapにとどまらず、Foundation、Pure、Materializeなどいろいろなものが国内外を問わず紹介されている。 プログラマの私としては、「フレームワーク」という言葉に違和感を覚える。というのも、プログラムで言うフレームワークとは、何らかの一連の「処理」を簡単にできたり、解りやすくコーディングするようにしたものを指すと思う。 一方、CSS自体は、見た目に関する定義であり、それ自体、ロジックを伴う定義があまり無いように思っていた・・・が。 そもそも、フレームワークという言葉も「コーダー」のワークを指すのか、「プログラム自体」のワークを指すのかにもよるので、CSSフレームワークはどちらかというと、「コーダー」のワークを簡略化するという点で「フレームワーク

Griffonとは 今回はGrailsと同様の使い勝手でデスクトップアプリケーションを構築することができる「Griffon」を紹介します。Grailsは、JVM言語Groovyを使って、Ruby on RailsのようにコマンドラインベースでWebアプリケーションを構築することができるフレームです。Griffonはその使用感をデスクトップアプリケーションの開発に適用したフレームワークで、簡単なコマンドでMVC準拠のアプリケーションを構築・実行することができます。 Griffonの主な特徴としては、次のような項目が挙げられます。 シンプルなコードでMVCアプリケーションを実現できる JavaおよびGroovyの資産が利用できる 各種Groovy Builderが適用できる プラグインによる拡張が可能 AppletやJava Web Startで公開可能なパッケージ生成機能を備えている Gri

このかん──この1・2年散漫にあれこれ訳出してきたものが、その所在とかが自分でもわけわからなくなってきたのでまとめておきます。 Spring Web MVC Springフレームワークのコア・プロジェクトに組み込まれているMVCフレームワークのリファレンスの訳出。原典は、Springフレームワーク（本体）のリファレンス・マニュアルである"Spring Framework Reference Documentation"の第5部"The Web"の第17章"Web MVC framework"の第3節（バージョン4.1.1.RELEASE現在）。 Spring MVCのドキュメント「コントローラを実装する」を読む(1) Spring MVCのドキュメント「コントローラを実装する」を読む(2) Spring MVCのドキュメント「コントローラを実装する」を読む(3) Spring Boot S

はじめての Java Persistence API 2011年12月19日 at 2:03 午後 2件のコメント 今日は、Java Advent カレンダーの一貫で 12/19 分のエントリを記載します。昨日のなぎせさんに続き掲載します。また明日は私の盟友である岡崎さんです。 先日、なぎせさんより、「ProxyパターンとProxyクラスと黒魔術」と題してSQL の事を取り上げていただきました。また私自身、先日岡山のイベントで JPA について登壇したばかりなので、今日は DB つながりということで JPA (Java Persistence API) について岡山の資料を利用しながらご紹介します。 岡山の発表資料の全部はこちらです。 Java でデータベース (DB) 接続をする際、Java で一番最初に DB 接続をサポートした事から、ながく JDBC が利用されてきました。その後、J

今日は勉強会の当番だったので、リフレクションとアノテーションについて話しました。 以下資料。 リフレクション リフレクションとは クラスのフィールド、メソッドなどの情報を取得したり、クラスを生成したり、メソッド名の文字列を使ってメソッドを呼び出したりすることができるAPIです。 Javaで自作フレームワークを作ろうと思ったら、リフレクションを使うと便利なので、ぜひ勉強しておきたい内容です。 以下のクラスをリフレクションで扱います。 public class Hoge{ String name; public String getName(){ return name; } public void setName(String name){ this.name = name; } } Class ClassはJavaのクラスの情報を得るためのクラスです。 以下のいずれかの方法でClassクラ