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

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

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

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

どうも。 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…

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