読者です 読者をやめる 読者になる 読者になる

CentOS Dockerコンテナの日本語ロケール設定方法

開発部の高橋です。 今回はCentOSのDockerコンテナで日本語ロケール設定方法について紹介します。 CentOSでのロケール設定方法 以下Dockerfileのサンプルです。 FROM centos:centos7 RUN rm -f /etc/rpm/macros.image-language-conf && \ sed -i '/^override…

intra-martのエラー発生時にSlackに投稿する方法の紹介

開発部の高橋です。 今回はlogbackの機能を使って、intra-martでエラーが発生した時にSlackにエラー内容を投稿する方法を紹介します。 Slackの設定 SlackのIncoming Webhooks機能を使って、 特定のチャンネルにintra-martのエラー内容を投稿するためのWebhoo…

JavaScriptを使った開発に便利な定番ライブラリ

開発部の佐野です。 JavaScriptの定番ライブラリについて紹介します。 lodash.js 非常に幅広く便利な機能を提供してくれるライブラリです。 主にコレクションやオブジェクトに関しての機能が中心で、かゆいところに手が届くようなユーティリティをたくさん備…

docker-compose runでport mappingされず小一時間悩む

開発部の高橋です。 docker-composeを使っていたらタイトル通りの内容で悩みました。結論としてはドキュメントをよく読んで使おうって話なだけなのですが。。。 経緯 以下の様なdocker-compose.ymlを作って、dockerコンテナ上でNode.jsプロジェクトのインス…

JavaScriptのアロー関数について

開発部の佐野です。 JavaScriptのECMAScript6で追加されたアロー関数を紹介します。 これは、要は関数を定義する構文です。 従来のfunctionと書く定義とは少し挙動が違います。 それに加えて、より短く簡単に関数を定義できるというのもメリットになります。…

JavaScriptのテンプレート文字列について

開発部の佐野です。 今回は、JavaScriptのテンプレート文字列について紹介します。 これはECMAScript6で組み込まれた新しい機能です。 他にも様々な機能が追加されていますが、テンプレート文字列は汎用性が高く、様々な場面で使える機能です。 「`」(バック…

markdownエディタの紹介

開発部の佐野です。 今回は、markdownエディタについて紹介します。 markdownは書きやすくで便利なので、よく使っています。 しかしローカル上のmarkdownファイルを編集するエディタは、意外と定番のものが無い気がします。 なので個人的に使ってみたmarkdow…

自社githubアカウントの紹介

開発部の高橋です。 自社githubアカウントについて簡単に紹介しようと思います。 自社githubアカウント github.com github上で公開しているリポジトリ 自社intra-martソリューション関係 IMBoxデスクトップ通知、iACスケジュール連携ソリューションのユーテ…

react.jsの入門書を購入しました

開発部の高橋です。 以前から探していたReactの入門書が先日発売したので、 会社の経費で1冊購入しました。 (お願いしたら二つ返事で購入してくれる会社に感謝です) WebデベロッパーのためのReact開発入門 JavaScript UIライブラリの基本と活用作者: 柴田文…

HTML5の新機能紹介 ~WebStorage~

開発部の真崎です。 今回は、HTML5で導入された新機能の1つ、WebStorageについての紹介です。 WebStorageとは WebStorageとは、HTML5で導入されたブラウザでデータの永続化を行う仕組みのことです。 特徴としては、 * 比較的大容量の文字列データを保存でき…

複数のバージョンのjQueryを読んでしまったときの共存のさせ方

新人の真崎です。今週もよろしくお願いします。 今回は、複数のバージョンのjQueryを読まないといけないときの対処方法について書きたいと思います。1.7系でしか動かないコードがあるけど、1.10系も使ってみたい場合やajaxで取得したページにjQueryを再取得…

javascriptで日付を扱うときに便利なmoment.jsの紹介

新人の真崎です。 このアドベントカレンダーもなんとか1周間続けることができました。残り3週間がんばっていきたいと思います。 今回は、javascriptで日時を扱うときに便利なライブラリの紹介を行いたいと思います。 javascriptにもDateオブジェクトはあるの…

javascriptでもpythonのdecoratorを使いたい

新人の真崎です。 学生時代は、pythonをいじってたりしたので、今回はpythonの機能からjsで実装できそうなものを作ってみたいと思います。 pythonのdecorator 関数の処理の前後に任意の処理を飾り付けれる機能のことです。いわいるデコレータパターンだと思…

CSSでくるくる回るアニメーション

CSS

新人の真崎です。 ネタ探しが大変です… 今日もCSSについて書こうと思います。 CSSアニメーションが簡単にアニメーションを表現できそうで興味があるので、試しに簡単なインジケータをCSSの@keyframesを使って作ってみたいと思います。 @keyframes ある時点で…

:before擬似要素と:after擬似要素

CSS

新人の真崎です。 毎日ネタ考えるの大変ですね。 jsの話が続いてるので、今日はCSSの話にしてみたいと思います。 :before擬似要素と:after擬似要素 対象の要素の前後に擬似的な内容を追加してくれる擬似要素です このような形で指定すると、「beforePafter]…

event.curretTargetとevent.targetの違い

新人の真崎です。 今回も短めの記事で行きます。 イベントが発火した要素の取得の仕方 イベントが発火したときに、イベントリスナにイベントオブジェクト(最初の引数)が渡されます。 このオブジェクトにどの要素でイベントが発火したのか示すプロパティが2種…

underscore.jsで気になる関数(Functions、Objects、Utility、Chaining編)

前回の続きです。今日はUnderscore.jsのFunctions、Objectsを中心に見ていきます。 Functions FPぽいことするのに便利な関数が揃ってます。 _.memoize(function, [hashFunction]) メモ化関数です。関数の計算結果を記憶しておいて、再計算のコストを低くして…

underscore.jsで気になる関数(collections、arrays編)

2回目にして、もうネタ切れ気味になってきた新人の真崎です。 ネタ切れ気味なので、今日は軽めにUnderscore.jsで気に入ってる関数を幾つか紹介します。 Collections 一般的なmap・reduce・filter系ですが、jsのmap関数はArrayのメソッドだったりするので、Ha…

セレクトボックスのoptionを書き換えるjQueryプラグイン

こんにちは、こんばんは、新人の真崎です。 アドベントカレンダーを始めたはいいものの12/1が終わるまで時間がないので、簡単なネタで行きたいと思います。 セレクトボックスの内容を動的に書き換えたいことが、よくあるのですが、そんなときに使えるjQuery…

GSOLエンジニアblog はじめました。

はじめまして、GSOLエンジニアblogの運用を任された真崎です。この度、遅ればせながら、グローバル・ソリューションズにおいてもエンジニアblogを開設することとなりました。このblogでは、弊社エンジニアが、開発時のTipsやノウハウ、興味ある技術、弊社の…

サンプルエントリ

段落 あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎ…