はてなブックマーク

Google スプレッドシートを方眼紙としてではなく、ちゃんとデータを保存するテーブルとして使用していた場合、外部のシステムからそのデータを使用したいと思うのは必然ですよね？なんなら Web のフロントエンドから直接 JavaScript で fetch して使いたいですよね？？ それ簡単にできますよ？そう、Google Apps Script ならね！ 例えば Google スプレッドシートにこんなデータがあって、このデータを外部から JSON で取得したいとしましょう。この記事の最後に完成するこんな API を作るという事です。 それには、前述のように Google Apps Script を書く必要があるので、ツールからスクリプトエディタを開きます。 ただこのエディタ、挙動がおかしくてすこぶるストレスがたまるので、ちょっとしたスクリプトを書いたり既存のスクリプトの簡単な修正ならともか

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 目的 2020 年春時点での、ぼくのかんがえたさいきょうのうぇぶかいはつかんきょうを作ります。完全にクラウドで完結する Web 開発環境を無料で構築します。ここで言う「完全にクラウドで完結する」とは、環境をセットアップしてコードを書き、テストをして本番環境にデプロイするまでの全てをブラウザだけで完結することを指します。ローカルのコマンドラインツールやローカルで動く IDE などは一切使わないというのがポイントです。 つまり、Windows、Linux、Mac など OS の依存がないだけでなく、ブラウザが動く環境さえあれば良いので、iP

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 「はてブを開く」ショートカット iOS 12 から新しく使えるようになったショートカットアプリで「はてブを開く」というショートカットを作りました。これは、iOS 内の様々なアプリで URL をシェアする際に、そこから直接はてブを開けるというショートカットです。ショートカットアプリの使い方は分かってる、細かいことはいいからとりあえず使ってみたい！という人は下記リンクからインストールしてみて下さい。 「はてブを開く」ショートカット 以降では、ショートカットの使い方と作り方、「はてブを開く」ショートカットがどのように動作しているかなどを紹介し

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Google Maps の検索結果から Yahoo! カーナビで経路案内できる iOS ショートカット …を作りました。 2021 年 1 月 30 日追記 2020 年 7 月頃に Google Maps 側の仕様変更に伴い動かなくなってしまい、自身も iOS ユーザで無くなったことからメンテされていなかったこのショートカットですが、@musubi05 さんが後継となるショートカットを作成し公開してくれました。iOS ショートカットの紹介記事としては未だこの記事も有用かと思いますが、単にショートカットを利用したいだけという場合は、『「

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? JavaScript はプログラミング入門に最適な言語である 以前、プログラミング初心者にお勧めする入門用言語という記事で自分の考えを詳しく解説したのですが、JavaScript はプログラミングを初めてやる人にとてもお勧めの言語です。ただ具体的にどのようにプログラミングを始めたら良いかという事については、その記事ではあまり触れることはありませんでした。 そんな中、その記事でも少し触れたのですが、JavaScript in 14 minutes という素晴らしいサイトがあります。これは Jeremy Thomas さんという方が作ったコ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 結論だけ欲しい人向け JavaScript 最強。次点で Python。本は読め。番外で Scratch。 始めに プログラミング初心者にどういった言語が向いているか、という議題はよく見かけます。つい最近、プログラミング初心者が最初に習得すべきプログラミング言語 なんていう、記事がプチバズって面白がられていたりしていましたが、真面目な話、こういうのを茶化してばかりいても生産性がないので、ことあるごとに述べている持論を一回きちんと書き下しておきたいと思います。 プログラミングの間口は広ければ広いほど、将来に優秀なソフトウェアエンジニアが誕

開発環境を準備する面倒くささから、個人ベースではずっと　React 書いてこなかったのですが、やっぱ個人でも書かないとろくすっぽ覚えないので、Mac 上の開発環境を一発で準備するスクリプトを書きました。 日本人開発者が増えること、並びに日本語情報が増えることを期待して、ここに公開します。 不具合、改善案の提案は大歓迎です。どうぞよろしくお願いします。 出来ること git のインストール (を促す) nodenv　のインストール node-build プラグインの追加 nodenv-update プラグインの追加 nodenv 自身の更新 指定したバージョンの node のインストール create-react-app のインストール create-react-app の実行 日本語でのメッセージ出力 (日本人開発者を増やしたい！) 特徴 すでにインストール済み/作成済みの項目は、それを検知

つい最近、初めて作った Google Chrome エクステンション「Feedly をはてブ対応させる Chrome エクステンション」をブログで紹介したので、その時の技術的なメモなどを Qiita に残しておきたいと思います。まあ検索すればすぐに集まる程度の情報ではあるものの、一箇所にまとまってなかったので、自分用の備忘録でもあります。 全てのソースコードは github 上で公開しているので、気になる方は参考にしてみて下さい。実際に書いたスクリプトの簡単な解説もこの記事の最後に付録として付けています、 超最低限な Chrome エクステンションの作成 Chrome エクステンションは基本的に、一つのフォルダに保存された複数のファイルからなります。エクステンションのルートに必要な最初のファイルは、manifest.json というファイルで、これがエクステンションの基本的な情報を含んでい

<ul> <li><label><input type="checkbox" id="all" /> Check all</label></li> <li><label><input type="checkbox" name="check" value="1" /> value 1</label></li> <li><label><input type="checkbox" name="check" value="2" /> value 2</label></li> <li><label><input type="checkbox" name="check" value="3" /> value 3</label></li> <li><label><input type="checkbox" name="check" value="4" /> value 4</label></li> </

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

$(function() { var timerId = 0; // jQuery オブジェクト生成はコストが高いので極力減らす。繰り返し使うときは変数に保持。 // $ で始まる変数名は jQuery オブジェクトっていう命名ルールは単に好みの問題。 var $input = $('#input'); var $result = $('#result'); // 今どきの jQuery なら on を使いたい。 var $stopBtn = $('#stopBtn').on('click', function() { clearTimeout(timerId); // 連打対策の解除。 $startBtn.prop('disabled', false); }); var $startBtn = $('#startBtn').on('click', function() { // 1000

「ブックマークレットで jQuery を使う魔法の 210 文字」という記事を ブログ に書いたのですが、ここ Qiita ではその技術的な解説をしてみようと思います。 やりたい事はそのものずばり、ブックマークレットの中で jQuery を使うという事です。 ちょっとした処理の自動化や簡単なツールなど、よくブックマークレットを書いて活用しているのですが、ブックマークレットだと素の JavaScript を書かなければならず、DOM 操作が含まれる事をやろうとすると、jQuery に慣れた身には面倒くささが先に立ってしまいます。 ならば、**ブックマークレットで jQuery を使えるようにすればいい！**というのが今回の趣旨になります。 まず方針として、どんなページでブックマークを起動してもちゃんと jQuery が使えるようにしたいです。ですので、jQuery 本体は自前で調達しなければ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?