頭の中は異空間

ものづくり中心

コーディング

Google Apps Scriptを用いてもっと便利にmail管理しよう

GoogleドキュメントをはじめとするオンラインサービスによってOffice製品ばりの機能を利用できるのは有名ですが、それをさらに便利に使いこなす機能があったことを最近知りました。 Google Apps Script(GAS)によってスクリプト形式で、エクセルでいうマクロ…

既存コードを過信しないこと!

どうも。 大量の既存コードを読むのが日常のコーダーにとって、既存コードが諸刃の剣になりうるっていうことを改めて痛感しました。 その既存コード、本当に大丈夫? そのコードは、実は未使用だったりしないか?実はバグってるけど優先度が低いから放置され…

JSをふんだんに使ったサイトを構築する際の注意点

どうも。 ES6の時代がもうそろそろやってきますね〜。 JSも進化してるってことでしょうけど、そもそもJSなんて多用すべきじゃないって意見もあるし、使い所が正直かなり難しい言語だなと個人的にも思います。これから独自でホームページを立てようとしている…

【コーディング】初学者がやりがちだと思う過ち

どうも。 開発を始めたばかりの初学者や学生、研修上がりでまだ慣れていない新卒のエンジニアたちの多くがやりがちだと思うポイントを、自分の経験も交えてまとめてみました。 最初は作るだけ作って、後でまとめてリファクタリング 昔のコードを保守開発する…

JSで外部CSVをドラッグ&ドロップして中身をいじるロジック

どうも。 自分の練習用&ライブラリ増強のために掲題のJSを書いてみました。 JSでファイル読み込みなんてしないな〜と思いつつも、あったらいつか便利な時が来るかも!なんて気持ちもあったので作ってみました。 ここではドラッグ&ドロップでファイル読み込み…

JS, CSSでクリックしてラベル選択を書いてみた

どうも。 UIの一つとして使える、クリックしてラベル付けをする挙動をJS, CSSを用いて実装してみました。jQueryで書いててネイティブに起こすのは大変なのではてぶ上では実装してませんが、codepenとかですぐ試せるはずなのでお試しあれ。 HTML <div class="wrapper"> <div class="contents"> <div class="panel_area" id="panel_upper"><ul class="proposed"></ul></div> <div id="panel_lower"> <ul class="proposed"> <li></li></ul></div></div></div>

はてなブログ上でJS, CSSコーディングする手順と一工夫!!

どうも。 前回に引き続き、はてなブログ上でコーディングする場合のやり方に触れつつ、テンプレ的にこれから私個人としても使いそうなデザインをメモっておきます。 おさらい 記事全体に共通のデザインを当てたい場合 個別の記事にスタイルを当てるには? 簡…

はてなブログ上でコーディングするときの注意点!!

どうも。 ここは隠れている 時々、ただ記事を書くだけじゃなくて遊ぶ心を持たせるために、また個人的なスキルチェック(?)のために記事を書きつつスタイルやJSをいじっていました。 同じ内容でも色を変えたり見出しを強調したり、文字をマウスオーバーさせた…

クリックすると消えるゴーストボタンの作成

どうも。 ふとしたきっかけでゴーストボタンを作ることになったので、ちょっとチャレンジ。せっかくなので、CSSのみで作るのでなく、クリックすると消えるタイプを作ってみようと思います。ニコ動の再生ボタンと一緒に表示されてるアレみたいなものです。 JS…

インラインイメージ生成と画像リアルタイムアップロード

どうも。 画像のアップロード機能って便利ですよね。そして、画像を表示する時のinline imageも合わせて使えると、サイトが大規模化した時に対処しやすい。一度に表示する画像数が増えると、レスポンスひどいですからね。 でも一から作り直そうとするとやっ…