KDE BLOG

web制作で学んだことを記していきます

unixコマンドの基本的まとめ

<目次>

UNIXコマンド入門 [一般ユーザー編] (全24回) - プログラミングならドットインストールを一通りやり終えたのでメモ + 調べたことまとめ。

続きを読む

nodemonでnode.jsを自動再起動させる

<目次>

  • nodemonとは
  • 使い方
    • 1. nodemonをインストール
    • 2. server.js実行
  • 実際に動かしてみた結果
  • 参考

nodemonとは

Nodemon is a utility that will monitor for any changes in your source and automatically restart your server. Perfect for development.
訳)Nodemonはソースの変更を監視し、自動的にサーバーを再起動するユーティリティです。開発に最適です。
(nodemon公式サイトより)

通常、Node.jsで開発時にソースを修正したら、都度node.jsプロセスを再起動させないと反映されません。
原因はNode.jsで読み込まれたJSファイルがキャッシュされるためのようです。

コードを修正するたびに手動でプロセスを再起動させるのは面倒です。
それを解決してくれるのがnodemonです。

続きを読む

データベースの基礎知識 ~データモデル、RDBMS、NoSQLの概要~

これまで簡単なWordPressを使ったWebサイト制作でしかデータベースを使ったことしかなかったのですが、今後はNode.jsとデータベースを使っていろんなものを作っていきたいので、基本的なところからデータベースについて調べてみたことを自分用にメモしておきます。

<目次>

  • データベースとは
  • データベースを使う理由
  • データ・モデル
  • リレーショナル・データベース(RDB)とは
    • レコード
    • 属性
    • 広く使われる理由
  • データベース管理システム(DBMS)とは
    • なぜデータベース管理システムが必要か
  • リレーショナルデータベース管理システムRDBMS
  • SQLとは
  • MySQLとは
  • NoSQLとは
  • NoSQLが注目されている理由
    • 〇 NoSQLの強み
    • × NoSQLの弱み
    • NoSQLの分類
      • Key-Value Store (KVS)
      • ドキュメント指向型
      • 列指向型
      • グラフ指向型
  • まとめ
  • 参考
続きを読む

Creative Cloud道場 懐テク#2 Flash編に参加してきてのレポート

先日9/7(木)に開催された、HTML5Experts.jp主催の「懐テク#2 Flash編」というトークライブに参加してきてのレポートです。

省略している箇所もあります。また誤っている所もあるかもしれませんので、正確に知りたい方はYouTubeに動画が上がっていますのでそちらをご覧頂ければと思います。

www.youtube.com

ちなみに私はFlashの使用経験はありますが、web業界に入ったのが2012年でその頃にはFlashの盛り上がりは衰退化しており、デザイナーとして簡単なFlashバナーを作成していた程度です。
ActionScriptもタイムラインをジャンプさせたりループさせたりする程度で、ほとんど初学者レベルではありますが、エンジニアとして働いている今、当時のFlashコンテンツの表現力は今見てもやはりすごいと感じており現/元Flasherの人たちは私の憧れの的です。

そんな方たちの中でも第一線で活躍されていた方たちの話を、Flashをテーマとして生でがっつり聞けるのは貴重な場と思い参加した次第です。

それでは下記箇条書きですがレポートになります。


<目次>

  • なぜFlashは流行ったのか
    • 流行った時期
    • 文化的背景
  • クリエイティブとFlash
    • Flashのコミュニティ
  • Flashの拡がり、そして現在に至るまで
  • 今後のwebを占う
    • Flashの現状と今後
    • webGL
    • まとめの一言
  • 参加しての感想
続きを読む

一時的にQiitaで書いています

タイトルの通り、先週あたりから技術ネタを試験的にQiitaに投稿しています。
よかったらたまに見て頂き、もし気になった点などあればお気軽にお知らせ頂けると幸いです。

qiita.com

引き続きよろしくお願いいたします。

【JavaScript基礎】thisとは何か・シーン別参照先のまとめ

<目次>

  • thisとは何か
  • thisの値の決められ方
    • グローバルコンテクスト内でのthis
    • 関数内でのthis
    • メソッド内でのthis
      • 入れ子の関数でのthis
    • コンストラクタ内でのthis
    • call()メソッド、apply()メソッドでのthis
    • アロー関数内でのthis
      • thisの退避
  • まとめ
  • 参考
続きを読む