はてなブックマーク

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

目的 2020 年春時点での、ぼくのかんがえたさいきょうのうぇぶかいはつかんきょうを作ります。完全にクラウドで完結する Web 開発環境を無料で構築します。ここで言う「完全にクラウドで完結する」とは、環境をセットアップしてコードを書き、テストをして本番環境にデプロイするまでの全てをブラウザだけで完結することを指します。ローカルのコマンドラインツールやローカルで動く IDE などは一切使わないというのがポイントです。 つまり、Windows、Linux、Mac など OS の依存がないだけでなく、ブラウザが動く環境さえあれば良いので、iPad や Android タブレット、果てはネカフェの PC でもそのままに適用することが出来ます。また全ての環境がクラウド側にあるという事は、作業中の状態なども全てクラウド側にあるという事です。これはスタバでドヤるどころではない究極のノマド環境です。ネット

「はてブを開く」ショートカット iOS 12 から新しく使えるようになったショートカットアプリで「はてブを開く」というショートカットを作りました。これは、iOS 内の様々なアプリで URL をシェアする際に、そこから直接はてブを開けるというショートカットです。ショートカットアプリの使い方は分かってる、細かいことはいいからとりあえず使ってみたい！という人は下記リンクからインストールしてみて下さい。 「はてブを開く」ショートカット 以降では、ショートカットの使い方と作り方、「はてブを開く」ショートカットがどのように動作しているかなどを紹介していきたいと思います。 なぜこれを作ったのか 多くの iOS アプリが URL をシェアする機能を持っており、大抵はこんなアイコンが用意されていたりします。 そして URL をシェアしようとする時に、はてなブックマークのアプリがインストールされていると、シェ

…を作りました。 2021 年 1 月 30 日追記 2020 年 7 月頃に Google Maps 側の仕様変更に伴い動かなくなってしまい、自身も iOS ユーザで無くなったことからメンテされていなかったこのショートカットですが、@musubi05 さんが後継となるショートカットを作成し公開してくれました。iOS ショートカットの紹介記事としては未だこの記事も有用かと思いますが、単にショートカットを利用したいだけという場合は、『「Google Maps の検索結果から Yahoo! カーナビで経路案内できる iOS ショートカット」を復活させた』を参照してください。 追記終わり。 動作している様子 見て〜！これ良くない？ pic.twitter.com/ORzK8uJtL6 — Otchy (@otchy) 2019年6月4日 ショートカットのインストール用リンク v2: https:

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 さんという方が作ったコ

結論だけ欲しい人向け 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> </

Firefox をインストールします。 about:config を開きます。 警告は出ますが、勇ましい気持ちを持って進みます。 layout.css.devPixelsPerPx なる値を、デフォルトの -1 から 2 に変更します。 Retina Fifefox キタコレ。 http://contentloaded.com/ja/responsive/ のようなページを開いて動作確認するといいんじゃないでしょうか。 通常の PC ブラウザで開いたときと同じ解像度で見てるはずなのに、レティナ対応画像が凄い綺麗に見える気がする。不思議！ このプロパティはウィンドウ UI を含めて、まるっと解像度の指定を変更するプロパティのようです。もちろん、利用は個人の責任で。 Register as a new user and use Qiita more conveniently You get a

$(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 本体は自前で調達しなければなりませ

Google Reader が終了してしまうので Feedly に移行したのですが、Feedly は、はてなブックマークには対応していません。 なので、Feedly をはてブ対応させるためのユーザースクリプトを書いてブログで公開しました。 見た目としてはこんな感じになります。 詳細は自ブログ参照願います！ Feedly 移行記念、Feedly をはてブ対応させるユーザースクリプト