JavaScriptの記事一覧プレミアムユーザー限定記事MOONGIFTプレミアムは、月額500円の有料サービスです。自分で立てる短縮URLサービス短縮URLサービスは生まれては消えていったように思います。Googleでさえ短縮URLサービスは止めてしまいました(社内向けは残っていますが)。t.coや自社サービスで使うものばかりで、他はbit.lyくらいでしょうか。今後も恒久的に短縮URLサービスを使いたいならば自社で立てるのが良さそうです。タイル状のシンメトリーデザインを簡単に作成あるパターンを繰り返すシンメトリーデザインは万華鏡などでよく知られています。折り紙を折って、ハサミで切ったりして遊んだ経験がある人も多いでしょう。繰り返すことで新しい魅力が引き出されるのは面白いです。今回紹介するEscherSketchはWeb上でシンメトリーデザインを描けるソフトウェアです。API位置情報はGPSからしか取れない訳ではありません。有名なところではWiFiやIPアドレスからも位置情報が取得できます。精度は高くないことも多いですが、スマートフォンは様々な情報を組み合わせて位置情報を取得しています。モバイルサイト用の開発者ツールスマートフォンサイトをデバッグする際にはどのように操作しているでしょうか。Chromeでデバッグするはずです。デスクトップやラップトップが必須です。vConsoleを使えばモバイルだけでコンソールが使えるようになります。以前、日本語でプログラミングを書けば、ハッキングしづらいのではないかとツイートしました。ソフトウェアやシステムがハッキングされるのは、利用できる開発者の数によって大きく異なります。日本語で書けば、それを理解するのと不正操作する二つのコストが発生します(もちろんなでしこは知っています)。Native製のパズルゲームフレームワークやSDKがあったとき、それでどんなゲームが作れるのか提示してあげるのは面白い試みです。一般的なソフトウェアよりも目を引きやすく、興味を持ってもらいやすいかも知れません。Nativeで作られたスマートフォン向けのゲームになります。WordをHTMLファイルにWordファイルは広くオフィスで使われています。様々なドキュメントがWordで作られていることでしょう。そんなWordにはHTML出力機能もありますが、すごいマークアップで出力されるので、あまり使っている人を聞いたことがありません。最近、プライバシー保護の動きもあって、機械学習を使って人の顔を生成する動きがあります。自動生成された、世界中どこにもいない人であれば著作権を気にせず利用できるという訳です。それと類似技術を花に対して適用したのがNonflowersです。Nonflowersの使い方アクセスする度に異なる花が生成されます。Safari用のユーザスクリプト作成、実行環境ユーザスクリプトを使うことで、Webサイトを便利にできます。公式には提供されていない機能を実現したり、UIで不要な部分を削ったり、逆に追加したりできます。筆者も様々なサイトでユーザスクリプトを使っています。作成が若干面倒なイメージがありますが、‎Userscriptsを使えばとても簡単にユーザスクリプトを作成できます。任意のロゴを載せたQRコードを生成QRコードは世界中で使われています。スマートフォンが登場して以降、その利用範囲が拡大しているように感じます。仕様として多少汚れていても使えるようになっており、エラー率も考慮して生成できます。そんな仕様を使うことで、QRコードの中に本来不要な情報も盛り込ませることができます。Webアクセシビリティを考慮した色を提案Webのアクセシビリティは大事な考え方です。誰もが使いやすいWebサイトを目指す上で、文字の大きさや背景色とのコントラスト、リーダー対応など様々な観点があります。今回紹介するアクセシビリティカラーヘルパーは背景と文字のコントラスト比を維持するためのカラーパレットになります。キーボードによるWebブラウジング補助ライブラリテキストエディタやターミナルなど、開発作業の殆どはキーボード主体でできますが、Webブラウジングだけはマウスが必須です。キーボード操作をアシスタントするユーティリティも多いですが、あまり普及していません。送信を思いとどまらせるボタン送信フォームを押してしまって後悔した経験はないでしょうか。Gmailなどでは送信後にキャンセルできる機能が追加されました。押す前に熟考したはずなのに、押すとアラが見つかる、なんてことはよくあります。今回紹介するSweetconfirm.jsは送信完了するまでに少し猶予をくれる、そんなライブラリです。ビジュアルプログラミング風に開発できるJavaScriptライブラリブロックを用いたビジュアルプログラミング環境はプログラミング初学者や、英語が分からない小学生などに向いています。極めれば多くのことが実現できる一方、通常のプログラミング言語との壁は常に存在します。ブロックによるプログラミングと通常のプログラミング、その垣根を越えようとするのがBlockLike.jsです。シンプルなWebベースのMarkdownエディタMarkdownエディタは多数存在します。それらを使うことで、自分のWebアプリケーション内にMarkdownを使った編集機能を簡単に追加できます。開発者向きのWebサービスで役立つでしょう。EditorはそんなMarkdownエディタの一つです。言葉で説明するよりもイラストを描いた方が分かりやすい、そんな場面は多いです。そのため会議などでホワイトボードが使われるのでしょう。それはプログラマーにとっても同じです。絵で描いた方が通じると思っても、そのために画像編集ソフトウェアを立ち上げたりするのは面倒です。モーダルからチャットまで。軽量なウィンドウライブラリWebアプリケーションを高機能化する上で欠かせないのがウィンドウではないでしょうか。ローカルOSの中で使うのはごく当たり前のようになっていますが、Webアプリケーションも複雑化すると、情報をウィンドウごとに分けたくなるはずです。そんなウィンドウを実現してくれるライブラリがJSFrame.jsです。高機能なビジュアルプログラミング環境ビジュアルプログラミング環境が注目されています。Node-Redはビジネスレベルでも使われていますし、プログラミング教育の文脈の中でも様々な環境が利用されています。今回紹介するLiteGraphもそんなビジュアルプログラミング環境といえるソフトウェアです。様々なノードを連結し、情報をリミックスできます。様々な条件が考えられます。そんな中、何の仕事をして何が得られるのかを重視する人もいるでしょう。そんな方に見て欲しいのがJobmiruです。何のスキルが身につくのか、そんな視点で作られた転職口コミサイトです。APIのフォーマットとして多用されるようになっています。広く普及すると、その使い勝手に対して不満を感じる人たちが増えます。サイズが大きい、もっと圧縮したいと考える人もいるでしょう。今回紹介するJSONCrushはURLフレンドリーにJSONを圧縮します。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が722あります。blockworks。