dev.kokushin

HTML5、CSS3、JavaScriptを中心に、日々のプログラミングで得た知識をメモしています。

2016-04-01から1ヶ月間の記事一覧

Electronにメニューを追加・パッケージ化した際にショートカット操作できるようにするTips

先日作ったマークダウンエディタですが、パッケージ化したらショートカット操作(コピペや選択)が出来なかったので修正しました。Electronに「メニュー」機能を追加するだけで対応出来ました。

Vue.js + Electron でマークダウンエディタをサクッとつくってみた

最近話題の軽量フレームワーク「Vue.js」と簡単にアプリ化できる「Electron」を組み合わせて、練習がてらマークダウンエディタをつくってみました。

ビルドツール webpack 触ってみた

そろそろ「webpack」触ってみようと思い、チュートリアルを見ながら試してみました。 たくさんのモジュール群を最後にキュッとビルドするときの快感がやばいっすね。

JavaScriptでviewportを動的に切り替えるTips

レスポンシブ対応したいときに、タブレットだけはPC表示がいい!って時ありますよね。 そんな時はJavaScriptで動的にviewportの横幅を指定してあげましょう。

Node.js+Express+EJS+HerokuでWebアプリケーション開発 その4

前回は、「EJSを使ってHTMLに変換して出力する」までを学習しました。 今回はExpressのテンプレート出力を行ってくれる「express-generator」の使い方をご紹介します。

きよっち塾 #1 「本当にわかってる?Webサイト・Blog・SNSの役割」レポート

僕の学生時代の恩師であるきよっち先生(@kiyotchi)によるマーケティング講座に参加してきましたので、勉強会レポートとしてメモっておきます。

ハッシュタグを指定してツイートできるリンクを設定する

ハッシュタグを指定して、記事内にツイートできるリンクを設置する方法です。 どこで使うんだよと突っ込まれそうですが、実際に案件で使ったのでメモしておきます。

JavaScriptでスマホ画面を横に回転させた時(Landscape)に処理を実行するTips

スマホ画面を横に回転させた時に処理を実行するための記述をメモしておきます。 これは割とよく使うので早めに暗記したいところ。

JavaScriptでスマホ画面の比率を取得して条件分岐させるTips

画面が特定の比率だった場合、違った処理をさせたいという時の半ば強引なやり方をメモっておきます。 パフォーマンスとか全く考えられていないので、良い方法があったら教えて下さい😅

Node.js + Socket.ioでチャットアプリをつくってみるメモ

忘れないうちに「Socket.io」の使い方をメモ。 リアルタイム通信ができるので、ゲームやチャットアプリなどに使えそうですね。

JavaScriptで配列内の数値を昇順・降順でソート(並び替え)するTips

配列内の数値をJavaScriptで昇順・降順でソート(並び替え)したい時に使える簡単なテクニックをご紹介します。

Node.js+Express+EJS+HerokuでWebアプリケーション開発 その3

前回は、Node.jsの軽量フレームワーク「Express」を利用して「Hello, World!」を表示するまでをご紹介しました。 今回は、テンプレートエンジン「EJS」を利用してページを生成するまでをメモります。 EJSはPHP的な書き方が出来る、gulpとかでも有名なアレで…

Node.js+Express+EJS+HerokuでWebアプリケーション開発 その2

前回はNode.js単体で「Hello, World!」を表示するサンプルを作りました。 今回以降は、Node.jsのフレームワークである「Express」とテンプレートエンジン「EJS」を利用して実際にWebアプリケーションを作成していきます。 まずは「Express」の環境構築と、動…

Node.js+Express+EJS+HerokuでWebアプリケーション開発 その1

すみません、先月くらいに「CodeIgniterでWebアプリ作るぜ〜」って言ってましたけど、気が変わったので「Node.jsでWebアプリ作るぜ〜」に変更します。※CodeIgniterは時間を見つけて更新します(´・ω:;.:... 今回はNode.jsでHello, Worldを表示させるまでをメ…

RetinaディスプレイでPhotoshopを起動するとキャンバスサイズが縮小されるときの対処法

RetinaディスプレイだとPhotoshopを開いた時にキャンパスサイズが半分くらいに縮小されてしまう問題、いい加減解決することにしました。 ググってみたところ、思った以上にあっさり解決できたので困っている方は参考にどうぞ。