Raccoon Tech Blog [株式会社ラクーン 技術戦略部ブログ]

株式会社ラクーン 技術戦略部より、tipsやノウハウなど技術的な話題を発信いたします。

システム開発業務は会計上どう仕訳されているのか?

こんにちは、たむらです。

 システム開発で基幹系システムや金融系システムの開発に携わる際に会計の知識を使うことがあると思いますが、そもそもシステム開発という業務自体は会計上どの様に扱われているのか意識したことはあるでしょうか?今回はシステム開発業務そのものが、どう仕分けされるのかをまとめてみたいと思います。

 なお、ここで書いている内容は私が以前所属していた会社などの情報を元にしたざっくりしたもので、複雑な会計仕訳を正確に示したものではありません。また会社により異なるものでもある為、あくまで一例であり、参考情報として読んで頂ければと思います。


続きを読む

HTMLをCSSにあわせるな!クラス無しCSSフレームワーク tacit

tacit_logo

開発チームの下田です。

HTMLで簡単な画面を作るとき、困りますよねデザイン。
HTMLもJSも書けて、そのうえデザインしながらCSSも書けます!という超人なら良いんですが、私はそうではないのでCSSフレームワークを利用しています。

続きを読む

JSでmarkdownからカスタマイズしたHTMLを生成する

開発チームの下田です。

普段仕事をしていて、「めんどくさい」と思ったことはありませんか?
そんなときこそプログラミングの出番です。
「めんどくさい」=単純作業であることが多く、簡単なコードを書くとサクッと解決できる可能性が高いです。

私はたった今、このブログの執筆がめんどうくさいです。
どのように面倒くさいかというと少々古めのCGMを使っているため、次のような問題が起きています。

問題点

  • まともな見栄えにするには、HTMLで記述しなければならない
  • コードを貼り付けるときは、エスケープする必要があり、preタグのclassに"prettyprint"を指定しなければならない
  • 見出しはh2タグ、小見出しはh3タグになっている

解決方法

本来はCGMを乗り換えるべきなのですが、やんごとなき事情により実現できない場合があります。
小手先で解決するために、コンテンツはmarkdownで記述して、このブログに合わせたHTMLを作ることにしました。
JSのライブラリMarkedを使って、生成ページを作成します。

完成したコード

こちらが作成したHTMLのソースコードです。
ポイントを後述します。

続きを読む

フロントエンドのパフォーマンスを徹底解説!ブラウザの気持ちで理解するHTML/Javascript/CSSの話

こんにちは、羽山です。
今回はウェブシステムにおけるフロントエンドのパフォーマンスの話です。

皆様はウェブのパフォーマンスって気にしてますか?
おそらく大抵の方はSQLのチューニングやロジックの改良で、起点となるHTMLの生成速度を改善した経験はあるのではないでしょうか?
しかし、いくらプログラムをチューニングしても、思ったよりもページ表示の体感速度は改善しなかったりという経験はありませんか?

昨今のウェブサイトは大量のCSS/Javascriptファイルで構成されているページが大半です。例えばHTMLを100~300msくらいで生成して転送できても、ブラウザ側でページ表示が完全に完了するのは4~5秒かかるということも珍しくありません。

「なんか遅いけど沢山いろいろ読み込んでるから仕方ないな・・・」って諦めないでください。ブラウザがどうやってHTMLを解釈して、CSS/Javascriptを読み込むのかを理解すればチューニングのポイントが見えてくるはずです。


例えば以下のシンプルなHTMLがあります。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="css/style.css?d=5000" rel="stylesheet">
<script type="text/javascript">
setTimeout(function() {document.body.innerHTML = "bar"}, 3000);
</script>
<title>Improve Web Performance</title>
</head>
<body>
foo
</body>
</html>

外部CSSの読み込みとインラインのJavascriptがあり、本文はfooのみですが転送速度に細工をしています。
HTMLはWebサーバから数msで転送されますが、CSSは転送に5秒かかるようにしています。(d=5000の指定で制御)
また、インラインのJavascriptコードは実行されてから3秒後に本文をbarに変更します。
style.cssは以下の内容で、body全体のフォントを赤色にするだけのものです。
/* style.css */
body { color: red; }

さて、リンクをクリックしてこのページを開いたとします。
fooまたはbarが画面に表示されるのはリンクをクリックしてから約何秒後になるでしょうか?また色は黒色でしょうか?それとも赤色でしょうか?
続きを読む

第9回LT大会

こんにちは、たむらです。

 先日第9回技術部LT大会を開催しました。今年度から1回の拘束時間を短くするために年3回の開催となっており、今回はその3回目となります。前回はライフハック系の「作った」トークが隆盛を極めましたが、果たして今回はどんなものが飛び出すでしょうか?
続きを読む
記事検索