仕事&求人ジョブボード掲載、料金についてヘルプMOONGIFTについてヘルプTwitter(MOONGIFT)Facebook(MOONGIFT)新規登録ID/PWでログインTwitterでログインFacebookでログインマイページ現在のポイントポイント購入ログアウトITエンジニア/デザイナ向けにオープンソースを毎日紹介Webの記事一覧プレミアムユーザー限定記事MOONGIFTプレミアムは、月額500円の有料サービスです。自分で立てる短縮URLサービス短縮URLサービスは生まれては消えていったように思います。Googleでさえ短縮URLサービスは止めてしまいました(社内向けは残っていますが)。t.coや自社サービスで使うものばかりで、他はbit.lyくらいでしょうか。今後も恒久的に短縮URLサービスを使いたいならば自社で立てるのが良さそうです。タイル状のシンメトリーデザインを簡単に作成あるパターンを繰り返すシンメトリーデザインは万華鏡などでよく知られています。折り紙を折って、ハサミで切ったりして遊んだ経験がある人も多いでしょう。繰り返すことで新しい魅力が引き出されるのは面白いです。今回紹介するEscherSketchはWeb上でシンメトリーデザインを描けるソフトウェアです。アジャイル開発に特化したプロジェクト管理アジャイルなプロジェクト管理において、イテレーションごとのバックログは大事な情報です。ユーザストーリーをチケット化し、イテレーションの中でこなしてリリースする、この一連の流れを繰り返すことでシステムを徐々に大きく成長させます。今回紹介するRe:Backlogsはアジャイル開発に特化したプロジェクト管理になります。API位置情報はGPSからしか取れない訳ではありません。有名なところではWiFiやIPアドレスからも位置情報が取得できます。精度は高くないことも多いですが、スマートフォンは様々な情報を組み合わせて位置情報を取得しています。モバイルサイト用の開発者ツールスマートフォンサイトをデバッグする際にはどのように操作しているでしょうか。Chromeでデバッグするはずです。デスクトップやラップトップが必須です。vConsoleを使えばモバイルだけでコンソールが使えるようになります。テキストで作成するQRコードQRコードは世界中で使われています。スマートフォンやタブレットが流行始めてから、その利用範囲が拡大しました。システムからQRコードを出力して欲しいという話もよく出るでしょう。そんな時、画像ライブラリを入れることもできますが、マニアックな方式としてテキストでも使えます。スクリーンショットを撮影してスライドに貼り付け、スクリーンショットを撮影してスライドに貼り付け...Googleスライドを使ってスライドを作っている際に、Webサイトのスクリーンショットを多数貼り付けたいと思うことがあるかも知れません。そのためスクリーンショットを保存して、アップロードするのは面倒です。何度も繰り返すと、心が折れてしまうかも知れません。WordをHTMLファイルにWordファイルは広くオフィスで使われています。様々なドキュメントがWordで作られていることでしょう。そんなWordにはHTML出力機能もありますが、すごいマークアップで出力されるので、あまり使っている人を聞いたことがありません。自由に使えるフラットなイラストをダウンロード最近、海外のWebサイトを見ると、フラットな人やオブジェクトを使ったイラストがよく使われています。日本であればいらすとやと同レベルかというくらい使われています。そんな雰囲気のイラストがSVGで無償公開されています。それがunDrawです。unDrawの使い方こういう雰囲気、見ますよね。青空文庫の全文検索エンジン著作権の切れた書籍を管理、公開している青空文庫。お世話になっている人も多いことでしょう。古典を無料で、図書館などに行かずとも読めるのは素晴らしいことです。その蔵書は年々増えており、探すのも大変です。そこで使いたいのがAozorasearchです。青空文庫専用の全文検索エンジンです。最近、プライバシー保護の動きもあって、機械学習を使って人の顔を生成する動きがあります。自動生成された、世界中どこにもいない人であれば著作権を気にせず利用できるという訳です。それと類似技術を花に対して適用したのがNonflowersです。Nonflowersの使い方アクセスする度に異なる花が生成されます。多彩な検索が可能なTwitterフロントエンドTwitterのフロントエンドが大きく変更され、使いづらいと感じている人も少なくありません。APIの利用制限が緩く、誰もが自由にクライアントアプリケーションを開発できていましたが、今はそういったソフトウェアが大幅に減っています。どんな使い道があるか。ローカルで立てるWebRTCサーバWebRTCはリモートと動画チャットをしたり、メッセージを送る際に使われる面白い技術ですが、サーバのセットアップなどに手間がかかるイメージがあります。手軽に使えれば可能性が広がりそうです。Communicationはローカルで立ててすぐに使えるWebRTCサーバです。Webアクセシビリティを考慮した色を提案Webのアクセシビリティは大事な考え方です。誰もが使いやすいWebサイトを目指す上で、文字の大きさや背景色とのコントラスト、リーダー対応など様々な観点があります。今回紹介するアクセシビリティカラーヘルパーは背景と文字のコントラスト比を維持するためのカラーパレットになります。Webサイトのパフォーマンスを可視化するダッシュボードWebの解析ツールというと、アクセスを解析するものが殆どです。UUを計測して、Webサイトの改善に活かします。それらのデータは管理者向けのものであり、訪問者はデータを渡すだけでした。Falcoは異なる視点でデータを収集します。それはWebサイトの使いやすさ、パフォーマンスに注目しています。送信を思いとどまらせるボタン送信フォームを押してしまって後悔した経験はないでしょうか。Gmailなどでは送信後にキャンセルできる機能が追加されました。押す前に熟考したはずなのに、押すとアラが見つかる、なんてことはよくあります。今回紹介するSweetconfirm.jsは送信完了するまでに少し猶予をくれる、そんなライブラリです。ビジュアルプログラミング風に開発できるJavaScriptライブラリブロックを用いたビジュアルプログラミング環境はプログラミング初学者や、英語が分からない小学生などに向いています。極めれば多くのことが実現できる一方、通常のプログラミング言語との壁は常に存在します。ブロックによるプログラミングと通常のプログラミング、その垣根を越えようとするのがBlockLike.jsです。シンプルなWebベースのMarkdownエディタMarkdownエディタは多数存在します。それらを使うことで、自分のWebアプリケーション内にMarkdownを使った編集機能を簡単に追加できます。開発者向きのWebサービスで役立つでしょう。EditorはそんなMarkdownエディタの一つです。モーダルからチャットまで。軽量なウィンドウライブラリWebアプリケーションを高機能化する上で欠かせないのがウィンドウではないでしょうか。ローカルOSの中で使うのはごく当たり前のようになっていますが、Webアプリケーションも複雑化すると、情報をウィンドウごとに分けたくなるはずです。そんなウィンドウを実現してくれるライブラリがJSFrame.jsです。高機能なビジュアルプログラミング環境ビジュアルプログラミング環境が注目されています。Node-Redはビジネスレベルでも使われていますし、プログラミング教育の文脈の中でも様々な環境が利用されています。今回紹介するLiteGraphもそんなビジュアルプログラミング環境といえるソフトウェアです。様々なノードを連結し、情報をリミックスできます。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が722あります。blockworks。