LINE NEWS フロントエンドの自動テストの改善
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog この記事は UIT 新春 Tech blog 2023 4日目の記事です。 こんにちは。LINEフロントエンド開発センターの幾野(ikuno)です。普段は LINE NEWS のフロントエンド開発をしています。 LINE NEWS では昨年テストをたくさん書いた 昨年 LINE NEWS ではたくさんテストを書きました。当初 78 ファイルだったテストファイルは半年で 150 ファイルに倍増しました。 テストカバレッジも statements 33.6% から 64.4% まで改善しました。 昨年当初のテストカバレッジ 現在のテストカバレッジ 今回はどういったテストを書いたらうまくいったかについて書いていきます。 テストは意図
元司書が語る！ 国立国会図書館の絶版本「読み放題解禁」がスゴい
『独学大全──絶対に「学ぶこと」をあきらめたくない人のための55の技法』著者の読書猿さんは昨年「独学」「執筆」に加えて「復刊」をライフワークとしていくことをTwitterで宣言した。この連載「読書猿が推す『良書復刊』プロジェクト」では、読書猿さんが推す復刊本や、復刊に関係する話を紹介していく。 2022年5月19日より、国会図書館による「個人向けデジタル化資料送信サービス」がスタートする。ごく簡単に説明すると「国会図書館デジタルコレクション所蔵の絶版本や雑誌が、自宅で読み放題になる無料サービス」だ。読書猿さんは、このニュースは全国の独学者にとっても福音であると話す。今回は、元司書でレファレンス担当だった書物蔵さんを対談相手に迎え、同サービスの使いこなし方、楽しみ方を語ってもらった。（取材・執筆／藤田美菜子） 「自宅の隣に国会図書館」のインパクト ――今回スタートする、国会図書館の「個人向け
GAS のライブラリを公開してみた - アクトインディ開発者ブログ
morishitaです。 既存のGASのプリケーションにSlackへの通知を追加したいなぁと思いました。 Incoming Webhook経由でSlackにメッセージを送るのはそんなに難しくないので、サラッと実装しても良かったのですが、汎用的な要件だしライブラリとして実装することにしました。 ライブラリとして公開したもの 公開したものはコードは gas-slack-incoming-webhook こちらです。 実質、公開したのはsrc/IncomingWebhook.ts だけです。 もともとSlack謹製のnpmパッケージ@slack/webhook - npmがあるので、これと同じように使えるものにしました。 違いは次の点くらいです。 通信処理をUrlFetchApp.fetchで実装 NPMはaxiosを使っている GASは同期処理しかできないので非同期処理を排除 Proxy接続系
ローカルストレージのファイルをComposerのリポジトリとして指定する
gitなどで管理するまでもない雑多なライブラリをComposerで取り込みたい。 呼び出される側の設定 Composerで取り込むプログラム側。 こちらを参考にさせていただきました。 Composer が PSR-4 に対応していた ・my_library/src/Sample.php <?phpnamespace Symfoware\\Example;class Sample { public function say() { return "Hello, World!"; }} ・my_library/composer.json { "name": "symfoware/mylib", "license": "MIT", "autoload": { "psr-4": { "Symfoware\\Ex
便利すぎ！jQuery不要のスライダー「Swiper.js」で色々と遊んでみよう | WordPressテーマ／DigiPress
汎用性に優れている、超定番のjQueryベースのスライダーライブラリといえば、「slick」、「bxSlider」、「FlexSlider」 あたりでしょうか。 しかし、これらの名だたるライブラリよりも、総合的に機能が豊富でカスタマイズ性にも富み、しかもjQueryに依存しないJavaScriptスライダーライブラリとして人気を集めているのが、「Swiper.js」です。 試してみたところ、モバイルデバイスとレスポンシブ表示にも対応しているだけでなく、パラメータが豊富で非常に凝ったスライドショーでもあまりに簡単に実装できる優れものだったので、いくつかのサンプルと共にご紹介します。 Swiper.js の基本的な使い方 Swiper.js を使用するには、headセクション内にCSSと、</body>の前にメインのJavaScriptファイルを読み込んでおきます。 ライブラリ自体をダウンロー
Instagram.css - Pure CSS Instagram filters
Getting started Download the compiled and minified Instagram.css files. Include instagram.css located in /dist in your website or Web app <head> part. <link rel="stylesheet" href="instagram.min.css"> All filters use the same HTML structure with different filter-[filter-name] classes. <figure class="filter-[filter-name]"> <img src="assets/img/instagram.jpg"> </figure>
SF作品の同人誌・約1万点がデジタル化されて誰でも無料で閲覧可能に
SF小説好きによる小説好きのための同人誌(fanzine・ファン雑誌)を1万冊以上所蔵しているアイオワ大学が、雑誌の紙面が傷んでしまう前に内容を保存するべく、収集したファン雑誌をデジタルアーカイブ化して誰でも無料で見られるようにウェブ上で公開しています。 Hevelin Collection http://hevelincollection.tumblr.com/ 10,000 zines and counting: a library's quest to save the history of fandom | The Verge http://www.theverge.com/2015/9/4/9257455/university-iowa-fanzine-fan-culture-preservation-project アイオワ大学図書館は約100年前からファン雑誌を収集しており、
is.jsというマイクロチェックライブラリのコードを読んだのでメモ - axross blog
2015-03-17 is.jsというマイクロチェックライブラリのコードを読んだのでメモ JavaScript Node.js npm is.js is.jsは、値の中身や型を様々な条件でチェックするマイクロチェックライブラリ。 Node.jsでもブラウザでも動作し、最近よく使うであろうユーザーエージェントのチェックだとかにも対応している。 is.js - micro check library コードを読みつつ機能を舐めたので、そのメモ。 共通 is.jsの関数には、interfaceという機能がある。 is.string('abc'); // => true // 反転 is.not.string('abc'); // => false // すべてが... is.all.string('abc', 123, 'fgh'); // => false // いずれかが... is.any
PHPのイカれたメンバーを紹介するぜ！ - Qiita
公式リファレンス、読んでる？ 「関数についてちょっと分からなくなってGoogle先生経由で来るところ」では勿体ない。 暇な時間に適当にリンクを踏んでいると面白いものを見つけることが出来ます。 in_arrayの第三引数であったり、strtrに渡せる配列であったり、その他の基本モジュールであったり・・・ 「その他の基本モジュール」とは PHP公式リファレンスの果てに広がる闇である。 本日はその一部についてご紹介したいと思います。 各タイトルに公式リファレンスへのリンクを用意しておいたので、気になったものはそちらで詳細を確認して下さい。 1. SPL (Standard PHP Library) http://php.net/manual/ja/book.spl.php みんな大好きSPL。 DirectoryIteratorとかすごく便利。 ディレクトリパスをコンストラクタに渡すと、ディレク
フリックやピンチ操作に対応したJavaScriptギャラリー PhotoSwipe - Webクリエイターズニュース
モバイル端末からの操作にも対応、全画面にも出来たりキャプション入れたり共有出来たりと機能も豊富なPhotoSwipe。 操作感もとても良い感じなので活躍する場面は多そうですね。 ライセンスはMIT。 PhotoSwipe: JavaScript Image Gallery 後藤賢司 東京と大分を拠点として全国的に活動しています。出版社、デザイン会社、Web制作会社、企画・マーケティング会社での経験を生かし、媒体にとらわれない提案・企画・設計が得意です。自社メディア運営によるノウハウを持ち、様々な視点を活用した提案をしております。よつばデザイン（後藤賢司）は、中小企業庁「中小企業・小規模事業者ワンストップ総合支援事業（ミラサポ）」の派遣専門家として認定を受けたり、大分商工会議所が主催する「大分商工会議所ビジネスなんでも応援隊」のサポートメンバーとして、中小企業様の経営課題や広告・看板・宣伝ツ
Onsen UI 2: HTML5モバイルアプリを速く、美しく - Onsen UI
ハイブリッドとモバイルWebアプリ開発の決定版 開発環境のセットアップを一切することなく、JavaScript・HTML・CSSを用いたモバイルアプリ開発を始めましょう。クラウド上の開発環境Monacaと組み合わせることで、あなたの開発環境は常に最新の状態に保たれます。 クラウド上にすべてのツールを 強力なCLI（コマンドラインツール）やデスクトップ向けアプリ（WindowsとmacOSに対応）を通じて、Onsen UIアプリはとても簡単に制作できます。それ以外にも、Monacaが提供するライブリロード対応のデバッガーや、リモートビルド機能といったクラウドの機能にアクセスできます。 美しいUIコンポーネントと自動スタイル モバイルアプリに特化した、ネイティブのようなパフォーマンスに優れたUIコンポーネントが自慢です。タブ、サイドメニュー、ナビゲーションといった共通デザインだけでなく、リスト
iMovie 10.0.2 Libra… - Apple コミュニティ
iMovie 10.0.2 LibraryファイルやTheaterファイルを外付けHDDに移動したい。 iMovie 10.0.2 (2013)で、LibraryファイルやTheaterファイルを外付けHDDに移動したいのですが方法が解りません。 内蔵HDDの容量が残り少なくなり、困っています。 どなたか、解消方法をご存じないでしょうか？
[JS]イベントを時間軸で表すタイムスケジュールシートをシンプルなコードで作成できるスクリプト -Timesheet.js
スケジュールの横軸と各アイテムを定義するだけでタイムスケジュールシートを簡単に作成できるスクリプトを紹介します。 jQueryやAngular.JSなど他のスクリプトは不要です。 Ilya Grigorik Timesheet.jsの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <head> ... <script src="/javascripts/timesheet.js" type="text/javascript" /> </head> Step 2: HTML タイムスケジュールシートを配置する空のdivを用意します。 <div id='timesheet'></div> Step 3: JavaScript 一行目は配置する要素、自至、二行目以降はアイテムを配列で記述します。 new Timesheet('timesheet', 2002,
![[JS]イベントを時間軸で表すタイムスケジュールシートをシンプルなコードで作成できるスクリプト -Timesheet.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/fbbf9a8239270b982158e9318db2dd638d1ac2f8/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201403%2F2014090802.gif)
JavaScriptで最近試そうとしてるライブラリ - mizchi's blog
を晒すことで俺以外が試してくれるかもしれない！というのは置いといて、現在の知見です。 MV* React | A JavaScript library for building user interfaces Facebook製データバインディング。jsxという謎拡張子に目をつむれば未来を感じる設計。とにかく生DOM触りたくないという気概を感じる。 Welcome - Polymer Google製WebComponent。WebComponent使うならこれが有望株っぽい。 component/component MV* とはちょっと違うけどCSS/JavaScript/HTML まとめてライブラリにできる。JavaScript以外もライブラリに含む際は有望。 何がしたいかはt_wadaさんがまとめてくれたtogetterみてください。Web フロントエンド開発用パッケージマネージャ c
JavaScriptで関数型プログラミングを強力に後押しするUnderscore.jsのおすすめメソッド12選（lodashもあるよ） - Qiita
JavaScriptで関数型プログラミングを強力に後押しするUnderscore.jsのおすすめメソッド12選（lodashもあるよ）JavaScriptNode.js関数型言語 はじめに この記事では、関数型プログラミングを強力に後押しするライブラリ、 Underscore.jsとlodashを紹介します。 両ライブラリとも_で使用できます。 ほかのライブラリにも依存せず、 現在フロントでもサーバでもかなり人気なライブラリです。 個人的にもこれなしでは。。 といった必須なライブラリとなっています。 また、Backbone.jsといった人気なフレームワークが、 Underscoreに依存していたりします。 Underscore.js GitHub: https://github.com/jashkenas/underscore Document: http://underscorejs.o
JavaScriptユーティリティライブラリの紹介
JavaScriptのオススメのユーティリティ(配列・文字列・日付)ライブラリを紹介します。Read less
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Making a UI Library with React & TypeScript
GitHub - oshliaer/google-apps-script-awesome-list: The usual list of links to interesting resources for Google Apps Script
PHP オススメのライブラリ - Qiita
pdfmake.org/#/