[B! document] usako1124のブックマーク

静的サイトジェネレーター「VitePress 1.0」正式リリース。VueとViteを採用し、高速なWebサイトを構築

静的サイトジェネレーター「VitePress 1.0」が正式リリースされた。UIフレームワークのVueと高速なバンドラであるViteを基盤に、MarkdownのコンテンツからSPAなWebサイトを構築できる。オープンソースとして開発されている静的サイトジェネレーターの「VitePress 1.0」正式版がリリースされました。 VitePressは、Markdownで記述されたコンテンツを静的で美しい外見を持つWebサイトへと高速に変換する機能を備えたフレームワークです。デフォルトでテクニカルドキュメントに適したテーマが用意されており、すでにVite、Rollup、Pinia、VueUse、Vitest、D3、UnoCSS、IconifyなどのWebサイトのドキュメント部分に使われているとのことです。 VitePressは、同じく静的サイトジェネレーターである「VuePress」のモダン

usako1124 2024/03/28

リンク

Tome — Business presentations that persuade

AI template fill Instantly personalize decks with AI.Streamline your sales process by automating sales research and deck personalization. Available for Enterprise only. AI template fill Instantly personalize decks with AI.Streamline your sales process by automating sales research and deck personalization. Available for Enterprise only. Data sources Leverage your company's intelligence.Whether it's

usako1124 2023/03/16

リンク

横書き時の読点、今後は「，」ではなく「、」へ……文化庁が「公用文作成の考え方」を公開【やじうまWatch】

usako1124 2022/01/14

document

リンク

自己流の手順書フォーマットを公開してみた | DevelopersIO

手順書フォーマットは千差万別みなさんは自己流または、組織やプロジェクトで定められた手順書のフォーマットはありますか? 私は自己流の手順書フォーマットがあります。自己流の手順書フォーマットがあるといっても、かなり扱いがふわふわしているので、備忘やメモの意味合い強めでまとめていきます。「もっとこうした方がいいよ!!」などフィードバックがあれば、ぜひお願いします! いきなりまとめ手順書はExcelやスプレッドシートではなく、Markdownで書く手順書はgitで管理する 5W1Hを意識して手順書を書く基本的にはCLIを使った手順書にする手順書はExcelやスプレッドシートではなく、Markdownで書く手順書をExcelやスプレッドシートで書くメリット・デメリット手順書をExcelやスプレッドシートで書いている方も多いと思いますが、私はMarkdownで書いています。 Exce

usako1124 2021/07/16

リンク

Webページも自作できる！万能ツール「Notion」を使い倒すアイデアと活用法【発展編】 | SELECK [セレック]

Notion解説シリーズ、最終回です！基礎編では、Notionの基本的な使い方やその特徴を、つづく応用編では、Notion最大の特徴であるデータベース機能を中心に解説いたしました。 ▼基礎編・応用編はこちらから！大ブーム目前！神アプリ「Notion」の基本的な使い方と特徴をご紹介【基礎編】「Notion」を無敵にする、データベース機能を徹底解説！その使い方は無限大【応用編】発展編となる本記事では、これまでお伝えしてきたNotionの機能をフル活用して、ビジネスシーンで使えるアイデアから実践の方法までをお伝えします。 Notionの使い方は、アイデア次第で無限大。あくまで一例になりますが、Notion活用の第一歩として、ぜひご参考ください！ ※本記事でご紹介する内容は、2020年12月末時点でのものになります。最新の情報については、Notion公式ページをご参照ください。 Notio

usako1124 2021/03/24

リンク

「Notion」を無敵にする、データベース機能を徹底解説！その使い方は無限大【応用編】 | SELECK [セレック]

Notion解説シリーズ、第2回です！単なるメモアプリの域を超え、ドキュメント管理からプロジェクト管理、社内Wikiまで作成できる、オールインワンの万能ツール「Notion」。基礎編となる第1回では、Notion初心者の方にむけて、基本的な使い方や特徴について解説いたしました。 ▼基礎編・発展編も同時公開しています！大ブーム目前！神アプリ「Notion」の基本的な使い方と特徴をご紹介【基礎編】 Webページも自作できる！万能ツール「Notion」を使い倒すアイデアと活用法【発展編】第2回・応用編となる本記事では、Notion最大の特徴である「データベース機能」の使い方について、詳しくお伝えしていきます。 Notionが「万能ツール」と呼ばれる所以は、このデータベース機能にあるといっても過言ではありません。これを使いこなせれば、タスク管理やスケジュール管理などもNotionひとつで可

usako1124 2021/03/24

リンク

ついに日本語化！神アプリ「Notion」の基本的な使い方と特徴をご紹介【基礎編】 | SELECK [セレック]

みなさまは日頃、仕事でどのようなツールを使っていますか？ドキュメント管理はQiita teamやesa、表計算はスプレッドシート、ファイル管理はBoxやDropbox、タスク管理はTrelloなどなど、用途に応じて複数のツールを使い分けているのではないでしょうか。そうした情報が、ひとつに集約できちゃう神アプリ。それが「Notion」です！世界で多くのファンを有し、日本でも大ブーム間近のNotion。今回はそんなNotionの使い方について、基礎編・応用編・発展編にわたってお届けします！基礎編となる本記事では、「Notion気になってはいるけど、使い方がよくわからない」「他のツールとなにが違うの？」といった方に向けて、Notionの基本的な使い方と特徴をわかりやすく解説します。 ▼応用編・発展編も同時公開しました！「Notion」を無敵にする、データベース機能を徹底解説！その使い方

usako1124 2021/03/24

リンク

リモートワークのいま学びたい、GitLab Handbookと徹底した文書化への狂気 - Qiita

1200人以上の全社員がリモートワーク。GitLabが公開する「リモートワークマニフェスト」は何を教えているか？スケールする組織を支えるドキュメンテーションの技術を”GitLab Handbook”から学ぶそのコメント GitLab Handbookで面白かったもの@コミュニケーション編 GitLabのリモート統括責任者が語る　日本企業が「まずやるべきこと」を読んだ。主題はGitLab社の https://about.gitlab.com/handbook/ である。 2022.02追記 GitLabで学んだ最高の働き方 Developers Summit 2022-02-18 2022.01追記リモートワークのいま学びたい、GitLab Handbook非同期コミュニケーションのススメ - Qiita Handbook要点「GitLab社ではリモートワークの中でも生産性高く働

usako1124 2021/03/04

document

リンク

Javascriptのコーディングスタイルを復習 - Google編 - Qiita

今回は、Google Javascript Style Guideを眺めて、重要そう・忘れがちなトピックのみを抜粋しました。サンプルコードは原文通りではなく、理解促進のために簡潔な形に修正しています。言語仕様に関わるルールブロック内で関数宣言してはならないブロック内において、関数を利用する場合は変数に代入して利用する事。 // for, switchなども同様 /* 非推奨 */ if (x) { function foo(){} } /* 推奨 */ if (x) { var foo = function() {} } 理由は、単にECMAで標準化されていないため。（実行環境に依存、あるいは将来的に動かなくなる可能性を持っている）プリミティブ型のラッパーオブジェクトを利用しない様々なケースの弊害が想定出来るが、典型的なのは真偽値を期待していたのに、真偽値ではなくなっていたパ

usako1124 2020/08/19

リンク

Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation

この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリはこちらです.

usako1124 2020/08/19

リンク

私たちはどうして公式ドキュメントが読めないのか？ - Qiita

少しプログラミングを覚えてきた初学者が、さらに力をつけるために必要なのが公式ドキュメントを読むことだと思います。公式ドキュメントには、日本語の記事には書かれていないような詳細な説明や、APIの使用方法、そしてリリースノートなど、実装には不可欠な情報が掲載されています。しかし、公式ドキュメントが上手く読めずにつまづく人も多いのではないでしょうか？慣れていない人にとっては、技術について書かれたドキュメントを読むのは難しいものです。この記事では、つまづいてしまう人が少しでも減るように、公式ドキュメントが読めない原因と対策をいくつか書いていきます。公式ドキュメントとはこの記事で言及している「公式ドキュメント」は、フレームワークやライブラリ、言語について、その公式組織が出している文書のことです。具体的にはこのへん。どうして公式ドキュメントが読めないのか原因1. 公式ドキュメントを読む

usako1124 2019/03/13

リンク

HTML5

Table of contents 1 Introduction2 Common infrastructure3 Semantics, structure, and APIs of HTML documents4 The elements of HTML5 Microdata6 User interaction7 Loading web pages8 Web application APIs9 Communication10 Web workers11 Worklets12 Web storage13 The HTML syntax14 The XML syntax15 Rendering16 Obsolete features17 IANA considerationsIndexReferencesAcknowledgmentsIntellectual property rights F

usako1124 2016/06/06

リンク

大体いい感じになるKeynoteテンプレート「Azusa」作った - MEMOGRAPHIX

いい感じのスライド、作るのむずいので、大体いい感じになるKeynoteテンプレート作った。ここからダウンロードできる。 Azusa - 大体いい感じになるKeynoteテンプレート解説サンプルも兼ねた解説スライド作った。 Introducing Azusa // Speaker Deckだいたいスライドに書いたけど要約すると下記のようなことを考えた。スライド作るの難しい色とか難しいかっこよくしたいAzusaっていうのを作ったAzusaは、大体いい感じになるKeynoteテンプレートです Azusaの特徴大体いい感じになるカラースキーム大体いい感じになるフォント大体いい感じになるマスタースライド色カラースキーム考えた白っぽい色（白っぽいクリーム色とか白っぽいねずみ色）黒っぽい色（赤っぽい黒とか青っぽい黒とかそういうの）緑とか青とかピンクとかのアクセントカラー1色原色すぎないほうがイ

usako1124 2016/05/11

リンク

Swift.org

Language Reference: The Swift Programming Language (TSPL) book is the authoritative reference for Swift, offering a guided tour, a comprehensive guide, and a formal reference of the language. API Design Guidelines: Delivering a clear, consistent developer experience when writing Swift code is largely defined by the names and idioms that appear in APIs. These design guidelines explain how to make s

usako1124 2015/12/04

リンク

DevDocs

New documentations: Next.js, click

usako1124 2015/11/12

リンク

How to Create Website Wireframes

2014年8月17日 Webサイト制作, 便利ツール WebクリエイターボックスではWeb制作の応用技術をよく紹介していますが、基本の流れはちゃんと説明していないな…ということで、「連載！実践で学ぶWebサイト制作ガイド」として、実際に1つのサイトを作りながらWeb制作の流れと方法をまとめて書いてみることにしました。この連載企画はブログ開始当初に考えていましたが、2年半ほど忘れてました…。今回は「ワイヤーフレームの作り方」です。これも過去に「Webサイトの骨組み: ワイヤーフレームを素早く・手軽に・美しく制作する」という記事を書いていたのですが、私の使用するツールも変わったので、改めて記事にすることに。 ↑私が10年以上利用している会計ソフト！実践で学ぶWebサイト制作ガイド：その3 目標：わかりやすいワイヤーフレームを作成することができる必要なもの：紙とペン対象レベル：超初心者OK

usako1124 2015/09/22

リンク

I ♥ wireframes

Tumblelog managed by Ivana Jurcic, Web Developer from Belgrade, Serbia. If you want to contribute contact me via em ail, twitter or post your wireframe in this flickr group. Facebook page Submit wireframes Archive RSS feed Adobe Proto Adobe® Proto, a new Adobe Touch App, lets you create interactive wireframes and prototypes of websites and mobile apps on your tablet. Communicate and share ideas wit

usako1124 2015/09/22

リンク

WEBサイト制作前やデザイン制作時に欠かせないヒアリングシートを作り直してみた | WEBとかデザインとか | アスパラブログ | アスパラガス

制作依頼時のヒアリングシートヒアリングシートの内容には、業種によって様々なものがあると思いますが、WEB制作に関して言えば、制作依頼のお話が来た時点や、検討されている段階で、お客様の考えをアウトプットすることに大きな目的があり、その内容をもとにサイトの方向性や目標等を定めていきます。アウトプットする内容としては、大きく分けて以下のような項目になると思います。 ■ WEBサイト構築の背景・目的 ■ WEBサイトのタイプ（企業サイト、製品紹介サイト・ECサイト、etc...） ■ ターゲットとするエンドユーザーの層 ■ WEBサイトから期待する効果 ■ 同業種・競合他社の有無とその動向 ■ 予算と制作スケジュール ■ 保守・管理に関して WEBサイトを"意味のある・効果のある"ものへと作り上げていく上で、上記項目は欠かすことのできない情報となります。これらを踏まえた上で、その他様々なヒア

usako1124 2015/09/21

リンク

企画・提案・見積・納品・契約などのテンプレ・知識まとめ２３ | コムテブログ

TL;DR クライアントさんとの打ち合わせや会議の後は、必ず議事録を書いて社内共有します。座った位置や発言なども、思い出しながら簡潔に書きます。おかげで「何を話したっけ？」「言った、言わない」を防げてます。フリーランスの人は、見積書、請求書、契約書、法律などのテンプレや知識があると、スムーズに先へ進めます。その他、ヒアリングシート、契約書など Web 制作業でリアルで必要だった書類系テンプレや知識をまとめました。企画／提案１．企画書企画書はどれくらいのコストで効果（売上）を得るかというのが一番大切。とはいえ、上司を説得できる企画書も大切。以下は企画書の作り方と資料作成サービスなどのまとめです。 [保存版] 最強の企画書の作り方と資料作成サービス完全まとめ | 世界ろぐ “通る企画書”作りの基本／上司を説得できる企画資料の作り方講座#1 | Web 担当者 Forum ２．提案書提案