サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
GraphQLはRESTAPIの欠点を改善し、WebAPIとして使われる場面が増えていくことでしょう。しかし開発中の難点として、エンドポイントがすべて同じURLであるために、どのアクセスなのかは深く見てみないと分からないという点があります。 そんなGraphQLの欠点を克服してくれるGoogleChrome機能拡張がGraphQLNetworkです。GraphQLNetworkの使い方 インストールすると、GraphQLタブが追加されます。 リクエスト内容やレスポンスが構造的に見やすくなります。GraphQLNetworkを使えばクエリ名が分かるので、どのリクエストを行ったのかが一目で分かります。パラメータも表示されるのでデバッグ時に重宝するでしょう。GraphQLを使って開発している方はぜひインストールしてみましょう。GraphQLNetworkはJavaScript
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Ashley Nolanは、CSSとJavaScriptの機能やフレームワークをどれだけ使っているかというアンケートを毎年行っています。 以下では2019年版である、The Front-End Tooling Survey 2019というアンケート結果の概要を紹介してみます。 回答者数が昨年から4割も減ってるのだが一体何があったのだろう。 The Front-End Tooling Survey 2019 - Results 3005人の開発者が、27の質問に回答してくれました。 私の家族に女の子が増えたので集計結果を出すのが遅れました
ProductProduct TourProduct TourSee how Slido can help you engage your audience, whetherit’s your team or event attendees. Learn more Live PollsLive PollsMake your meetings and events more interactive by polling your audience in real time. Learn more
Googleカレンダーを自分のスケジュール管理に使っている人は多いかと思います。そして、Webサービス提供側としても日程情報が決まったら、それをGoogleカレンダーに登録するリンクを表示したいと思うことでしょう。 今回紹介するGoogle Calendar event link generatorはまさにその目的にぴったりなソフトウェアです。Googleカレンダー用のリンクを生成してくれます。Google Calendar event link generatorの使い方 カレンダーに登録する情報を入力します。 リンクを生成しました。 そのURLにアクセスすると、必要な情報が入力された状態で表示されます。Google Calendar event link generatorは自動でスケジュールを登録してくれる訳ではありませんが、後は保存ボタンを押すだけの状態にしてくれます。イベント
こんにちは。CTOの馬場です。 ハートビーツで社内ドキュメントとして策定した「ハートビーツのエンジニアの倫理規定」を公開します。技術とは・技術者とは・成長とは・倫理とは・結果を出すために重要な考え方といった内容を含んだ、 CTOとしてのわたしからの・わたしたち中堅/ベテランエンジニアから新規参画者へのメッセージでもあります。 ものごとの考え方やとるべき態度など、属人的な事柄を伝達するための取り組みです。エンジニアや学生のみなさんには、 ハートビーツとハートビーツのエンジニアの雰囲気を知っていただくきっかけとなれば幸いです。 また各社のCTOやVPoEのみなさんとは、お互いに知見を持ち寄り情報交換・議論したいです。 おそらく似たような悩みを抱え様々な取り組みを実施されているかと思いますので、 情報公開や情報交換、議論などを通じてよりよい業界にしていければと思っています。 ダウンロード:
Markdown toPDFMarkdownで書きたいけど、PDFで出力したい という機会はエンジニアはよく出くわすと思います。 「Markdown toPDF」といえばGitBook CLIが有名ですが、こちらはメンテナンスがストップされているため推奨されません（環境依存による不具合などが解決されない）。 GitBookほど多機能でなくても良いですが、綺麗にいい感じに出力したい…！と探し回っていたところ md-to-pdf が最も私の要件に合致したので使ってみました。 そんな私の要件はこちら。 CLIから出力したい ページ内リンクが作れる ページ分割ができる ページ数表示が簡単にできる 全体に対して簡単にテーマをCSSで適用できる いざという時にはHTML+CSSでカスタマイズができる それに対して md-to-pdf は以下のような機能があります。 ディレクトリ内のMarkdow
ブログなどでコードを記載しているサイトは多いです。その表示方法も様々で、行番号があるもの、ハイライトが付いているものなどがあります。そのコードをコピーしても余計な行番号が付いてきたりして、ストレスと感じたりします。 そこで使ってみたいのがcopy-code-blockです。自由度の高くコードのコピーが可能です。 copy-code-blockの使い方 コードハイライタと組み合わせた例です。 コピーボタンを押すと、コードだけがコピーできます。 <div class='cool-container'> <p class='cool-description'>Get ready for...</p> <ul class='cool-list'> <li class='cool-item'>rainbows</li> <li class='cool-item'>and</li> <li class
何がMarkdownプレビューの問題か？ 多くのマークダウンエディタは、エディタとプレビューが分かれているのが当たり前になっています。対応関係を考えなら編集する不便があります。長くなるに連れてスクロール同期の質なども影響してきます。LaTeXで論文書くときも同じ苦労があります。例えば、Microsoft WordやScrapboxのようにWYSIWYG = What You See Is What You Getだとより書きやすくなります。 "見たままの編集"とエンジニアに優しいMarkdownの融合はとても強力だと思います。 OSSのMarkdownエディタ - HyperMD 念願だった見たまま編集できるHyperMDというOSSのプロジェクトを発見しました！GitHubリポジトリ https://github.com/laobubu/HyperMD Typoraという存在 Typo
概要 shields.ioを用いて技術系アイコンを量産しました。 とりあえず完成したのがこちらです。 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ これでスキルマップを作ってみたらいい感じになりました。 追記: ジェネレータを作ってみました。 (2019/07/13) https://t.co/6Xv6XIuzRm で技術系アイコンを作るジェネレータを作りました。 デモはここに置いてます。https://t.co/Xua8v7WEwi pic.twitter.com/SYzZY6lejb — s-yoshiki | スクリプトカス 👀 (@s_yoshiki_dev) 2019年7月13日 shields.ioについて https://shields.io/GitHubのREADMEでよく見かけるアレです。 shields.ioはSVG形式のバッジサービスです。 カスタムバッジを作る 特徴的な機能の
Slack を使っていると「少しチャンネルの一覧性が低いかな」と感じていました。 なので TweetDeck 的に複数のチャンネルを同時に見られるツールをプロトタイピングしてみました！本体はGitHub/slackdeck-proto に置いてあります。 2019/08/14追記:Windows版アプリ配布 2019/08/10編集: 設定ファイルについての記載を変更 2019/07/15追記:Mac版アプリ配布 2019/06/26追記: 複数ワークスペース対応 どんなツール？Slack の TweetDeck 的なビューワです。MacOS,Windows版は こちら から入手できます。 特徴 マルチカラム対応 ボタン操作でカラムを増減可能 初回起動時のカラム数、チャンネル等を設定ファイルでカスタムできる 複数ワークスペース対応 アプリ版の配布 前準備 以下を用意します。E
アプリの方はまだ日本語版のみですが少しずつ改善を続けています。このnoteの中でオススメの英語ツールについて記事を書くと宣言していたものの、なかなか時間がとれず遅くなってしまいすみません。数年前の記事の書き直しではありますが、誤っていた部分を修正し、情報を最新版にして改めて書いてみます。 というわけで、今回は英語の補助ツールの紹介です。知っている人からすれば定番中の定番ではありますが、だからこそ英語を勉強中の方でも設定してしまえばきっと長い間使うことになると思うので、まだ設定していない方はぜひこの機会にやってみてください。パソコンでのGoogleChromeを使った設定になります。 爆速ポップアップ辞書 英文のドキュメントを読んでいるときに意味を知らない単語が出た場合、いちいち翻訳サイトに飛んだり、辞書を開いたりするのは面倒ですよね。そんなときに使えるのがポップアップ辞書になります。ポッ
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? アプリ作ったのにRepro使ってないなんてもったいない！！ Reproという**「代えのきかない唯一のマーケティングプラットフォーム」**を紹介したいと思います はじめに 相変わらず煽り記事しか書けないおかむーです。 この記事でわかること Reproというマーケティングツールについて知ることができます アプリを作るときに毎回苦労していたことがちょっと楽になります チョトだけハンズオンがあります これまで使っていたツール アクセス解析系ツールは入れていてもマーケティング系ツールはあまり馴染みが無いのではないでしょうか GA(GoogleA
超昔の記事なので、最新の情報は各自確認して頂ければ幸いです。今はもうzeplinの方が使ってる人多そう。 こんな悩みを持ったことはないでしょうか？ [プログラマー] 自分が持っていないデザインツールのデザインを渡されて確認できない デザインを実現するCSSを考える時間を無くしたい デザイナーに画像/レイヤー切り出しを依頼する時間を無くしたい [デザイナー]エンジニアへのデザイン共有時、重たいファイルや画像を一々送りたくないエンジニアへのデザイン指示書を作りたくない(ファイルを見てわかってほしい！) かなり前の修正前デザインを確認/保存したい [ディレクター] 大量にある重いデザインファイルを一目でプロジェクト別に管理したい デザインへのフィードバックを簡単に明確に伝えたい [誰でも全員] PhotoshopでもSketchでもXDでもIllustratorでもどんなデザインファイルでも
今朝方、CSVに対してSQLを実行できる「csvq」というライブラリを知りました。業務の関係で快適にCSVを操作する方法を求めていたこともあって、操作感等含めて試してみました。 mithrandie/csvq 特徴 関係するオプションも合わせて表記してみました。 標準のデリミタがコンマ--write-delimiter 出力先指定オプションがある --out 色つけできる --color 標準で罫線がついてる--format タイムゾーンの設定ができる --timezone 手軽に対話シェルとして実行できる Ambiguous Character を全角文字の幅で表示可能--east-asian-encoding ゼロ幅スペースを半角文字としてカウント--count-format-code 改行コードを指定可能--line-breakCSVに対して各種操作を行う際に、あると助かるオプショ
Highlight documentation Manual Plug-Ins Supported Languages Installation Integration Syntax Tests Regular Expressions LSP Client Service-Mode Syntax Samples Theme Samples Screenshots Screencast ChangeLog NewsV4 MigrationCredits Git/SVN Wiki (Gitlab) Deutsche Dokumentation Highlight manual Content Overview Intended purpose Feature listUsage and options Quick introduction CLI optionsGUI options I
情報共有って悩ましい・・・ みなさんの職場の情報共有や育成は順調でしょうか？ 情報共有は重要だと感じながらも、忙しくてついつい後回しになったり挫折したりすることもあるのではないでしょうか。それは下記のような理由があるからだと思います。 資料を用意するのがつらい 関係者、日時、場所の調整がつらい 後から入った人に同じことを説明しなくてはいけないのがつらい これらの苦労は ということに最近思い至りました。 こんなこと試してます 私の所属するオペレーションチームには手順が山のようにあります。入社後のOJTでは、講師と受講者がGoogle Meet で画面共有し、一緒にオペレーションをして業務を学びます。私は先月入社して学ぶ側の立場ですが、録画して後から復習できるようにしてみたところ、理解が進むようになりました。1度聴いたら覚えてしまう天才肌の人には不要かもしれませんが、すぐ木枯らしのようにすり
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
