並び順

ブックマーク数

期間指定

  • から
  • まで

241 - 280 件 / 858件

新着順 人気順

テンプレートの検索結果241 - 280 件 / 858件

  • 非モテこそ結婚しろ|トゥーンベリ・ゴン

    ※注意事項こちらの記事は「非モテ」「童貞」「結婚したくても出来ない人」または、それに準ずる人に向けて書いた男性向けの記事です。 筆者は結婚至上主義です。結婚こそ人生の幸せと考えており、エビデンス0の私の経験則に基づいたお気持ちの垂れ流しとなります。この記事はプライベートを多く含むため、有料にするか悩みました。しかし、1人でも多くの困っている人に届けるために無料で全体公開にします。たぶんアンチゴンに馬鹿にされるので、その時は慰めて下さい。本編には説教的な表現が含まれます。メンタルの弱い人は読まないでください。また、独身者や離婚した人や、不妊の人を馬鹿にする意図は一切ありません。誰かの反論でもありません。あくまでも結婚したい最低限健康で働いている男性に向けた内容となっております。以上を踏まえて、読みたい人だけ自己責任で読んでください。途中で合わないと思ったら読むのをやめてください。 無料のブロ

      非モテこそ結婚しろ|トゥーンベリ・ゴン
    • chezmoi で dotfiles を手軽に柔軟にセキュアに管理する

      dotfiles マネージャの chezmoi についてまとめました。 個人的にかなり便利だと思います。 chezmoiとは? chezmoi は、.vimrc や、.zshrc などの dotfiles の管理を効率的に実現するためのツールです。 シンボリックリンク不要でコマンド 1 つで環境を再現出来る template 構文で変数の展開や処理の分岐を書くことで各環境の差分を 1 ファイルで管理できる 1password などのパスワードマネージャとの併用でセキュアにファイル管理ができる という特徴があります。 特に 2 と 3 は通常のシンボリックリンクでの dotfiles 管理だと Shell Scriptをかなり頑張らないと出来ない部分ですが、chezmoi なら手軽に実現できます。 基本操作 イントール Homebrew でインストール出来ます。 chezmoiプロジェクトの

        chezmoi で dotfiles を手軽に柔軟にセキュアに管理する
      • GitHub - vercel/virtual-event-starter-kit: Open source demo that Next.js developers can clone, deploy, and fully customize for events.

        This virtual event starter kit was used to run Next.js Conf 2020, which had almost 40,000 live attendees. It includes the following features: Multiple stages - with the ability to add multiple sessions on each stage Each stage can be configured as - An embedded YouTube stream OR A live interactive audio-video experience powered by 100ms Sponsor expo, including individual virtual booths Career Fair

          GitHub - vercel/virtual-event-starter-kit: Open source demo that Next.js developers can clone, deploy, and fully customize for events.
        • TypeScript で実行時の入力を含む文字列を型で弾く - Object.create(null)

          TypeScript (4.7 時点) において, 文字列に付けられる型には以下の 3 つ (とそのユニオン型) があります. 文字列型 string 文字列リテラル型 ("foo" など) テンプレートリテラル型 (`data-${string}` など) これらのうち, 実行時の入力, 特に事前にパターンが想定されていないような任意の入力が含まれるような文字列に対しては, string や string を含むテンプレートリテラル型を付けることはできても, 文字列リテラル型を付けることはできません. 文字列リテラル型を付けるためには型検査時 (実行の前) に入力文字列の内容がわかっている必要があるので, まあそれはそうですね. このことを利用して, 実行時の入力を含む文字列を与えようとすると型検査に失敗するような関数を作ることができそうです. まずは与えられた型が文字列リテラル型, ま

            TypeScript で実行時の入力を含む文字列を型で弾く - Object.create(null)
          • それは説教ではない。きみは論破されたのだ反社会学講座ブログ

            こんにちは、パオロ・マッツァリーノです。かれこれ20年近く前から在宅ワークです。いまは書き下ろし単行本の原稿がようやく終盤に差し掛かったところです。書き上がってから全体を見直して手を入れるので、発売はまだしばらく先になると思います。 年末から録りためたテレビ番組をほぼ消化できました。『逃げ恥』の新春スペシャルドラマは、連ドラのときと変わらず、社会問題をぶっこんでくる姿勢が頼もしい。家庭と仕事の両立をはばむ日本社会のゆがみという従来からの問題に加えて、今回はコロナ禍ですよ。多くのドラマがコロナ禍という状況を無視してるなか、正面切って取り組んでたのは勇気があります。 勇気ある行動には、必ずケチをつけるひとが現れるもの。ツイッターを検索してみると、圧倒的に支持する意見が多いなか、批判的な意見もちらほらあるといった感じでした。 おもしろい反応だなあと思ったのは、少数の批判派に「説教臭くてムリ」「フ

            • アヤト📲マッチングアプリ婚 on Twitter: "非モテは許可申請を出すのが好きだよねって話 https://t.co/IHQB1ZqGK7"

              非モテは許可申請を出すのが好きだよねって話 https://t.co/IHQB1ZqGK7

                アヤト📲マッチングアプリ婚 on Twitter: "非モテは許可申請を出すのが好きだよねって話 https://t.co/IHQB1ZqGK7"
              • 満足度の高いCMS あの「WordPress」を上回って1~3位になったのは?【2022年5月版】

                作成や更新に手間のかかるWebサイトの制作・管理作業を、専門知識なしでも簡単で手軽にできるCMS(コンテンツ管理システム)。ユーザー満足度の高いCMSツールはどれ? IT製品レビューサイト「ITreview」によると、1位は「おりこうブログ」だった。以下、2位「a-blog cms」、3位「DG1」と続いた。 おりこうブログはディーエスブランド社が提供するWebサイト作成サービス。最新版「おりこうブログAI」は、Webサイト作成機能を中心に、アクセス解析やメッセージ配信、カタログ作成といった多彩な機能を持ち、それらを1つの管理画面で利用できる。企業にとって重要な「売り上げの拡大」「人材の不足」「働き方改革の改善」といった課題の解決を手伝えるよう開発したという。導入前後のサポートに力を入れているのも特徴だ。 短時間でサイトを作成できるデザインテンプレートや多様なページテンプレート、サイトアク

                  満足度の高いCMS あの「WordPress」を上回って1~3位になったのは?【2022年5月版】
                • npm package を実装するための自分専用テンプレートリポジトリを作った - mizdra's blog

                  npm package を作る度にイチから開発環境の構築をしていて大変だったので、自分専用のテンプレートリポジトリを作りました *1。 github.com せっかくなので、テンプレートの特徴とか、どういうこと考えながら作ったとか紹介してみます。 はじめに: 基本的な技術スタック npm TypeScript Node.js Native ESM Prettier ESLint Vitest Renovate GitHub Actions vscode 向けの各種設定ファイル (extensions.json, launch.json, settings.json) GitHub の「テンプレートリポジトリ」機能を使う GitHub にそれっぽい機能があったので使ってみました。 docs.github.com 「Use this template」というボタンが出て便利です。 「Use t

                    npm package を実装するための自分専用テンプレートリポジトリを作った - mizdra's blog
                  • UXデザインに役立つテンプレート集

                    UXデザインに役立つテンプレートをFigmaファイルとPDF形式で無料配布しています。それぞれのトピックを紹介した記事と合わせてUXデザインにお役立てください。

                      UXデザインに役立つテンプレート集
                    • 高度なモーションデザインを無料で作成できるWebエディタ「Jitter」を使ってみた! - paiza times

                      どうも、まさとらん(@0310lan)です! 今回は、Webデザインに活用できるモーションデザインをブラウザ上のエディタから誰でも簡単に作れるWebサービスをご紹介します。 手軽に高度なアニメーションを実現できる機能が豊富に提供されており、簡単なものならマウスで数回クリックするだけで完成してしまいます。無料で書き出しにも対応しており、記事後半ではFigmaとの連携方法についても解説しています。 Webのアニメーションにご興味ある方はぜひ参考にしてみてください! 【 Jitter 】 ■「Jitter」の使い方 それでは、「Jitter」をどのように使えばいいのか詳しく見ていきましょう! まずはサイトのトップページから【Try it now】ボタンをクリックして無料のユーザー登録を済ませておきます。 メールアドレスや名前などを入力するだけなので簡単です。 登録したメールアドレス宛にログイン用

                        高度なモーションデザインを無料で作成できるWebエディタ「Jitter」を使ってみた! - paiza times
                      • Figma、プレゼン資料作成ツール「Figma Slides」発表 β版を無料公開 AIアシスト機能も

                        米Figmaは6月26日(現地時間)、同社の年次カンファレンス「Config 2024」において、プレゼンテーション用スライド作成ツール「Figma Slides」を発表した。Figmaのデザイン機能を活用しつつ、インタラクティブなプレゼンテーション作成に特化したもので、無料のβ版が利用可能。2025年初頭には、1ユーザーあたり月額3~5ドルの有料プランを開始予定。 Figma Slidesは、豊富なテンプレートとスタイリングオプションを用意。Figmaやユーザーコミュニティが作成したテンプレートからデザインを選択できる他、カラーやテキストスタイルを設定してプレゼンテーション全体に一貫したブランドイメージを適用可能。また、ビジネスプランとエンタープライズプランのユーザーは、カスタムテンプレートを組織全体で共有できるという。 Figmaのデザイン機能を統合しており、テキスト、画像、シェイプの

                          Figma、プレゼン資料作成ツール「Figma Slides」発表 β版を無料公開 AIアシスト機能も
                        • クライアントサイドからサーバサイドまで破壊するテンプレートエンジンを利用した攻撃と対策

                          ユーザー入力として受け取ったテンプレートをコンパイル テンプレートレベルがProgramming Language Templateは安全にコンパイルするのが難しい 高度なテンプレートはプログラミング言語そのもの コンパイル時に任意のコードが実行できてしまう => ⚠Danger Programming Language Templateをコンパイルする危険例: ローカル メールでマクロ付きのWordファイルを開いて、ローカルで任意のプログラムが実行されてしまうケース マクロはプログラムそのもの 偽装メールが再び拡散、不正マクロを仕込んだ添付ファイルでマルウエア感染:マクロウイルスの再来? - @IT デフォルトではマクロは無効化されており、オプトインで有効化になっている Office ドキュメントのマクロを有効または無効にする - Office サポート Programming Lang

                          • Horizon UI: Free React Admin Template for Trendy Dashboards

                            Download our Free React Admin Dashboard Template! Integrated with Chakra UI, NextJS, TailwindCSS, and more, it comes with 70+ UI components for a sleek dashboard experience.

                              Horizon UI: Free React Admin Template for Trendy Dashboards
                            • Pytorch Template 個人的ベストプラクティス(解説付き) - Qiita

                              はじめに Pytorchでコードを書き始めるとき、乱数固定やデータローダー、モデルの訓練や学習結果の取得等、毎度色々なサイトを参照するのは面倒だと思い、現時点の個人的ベストプラクティス・テンプレートを作成してみました。 今後のバージョンアップや便利なライブラリの登場で変わるかもしれませんげ、現在はこれで落ち着いています。 個人的な備忘録も兼ねて、前半に簡単な解説付きのコードと最後に全コードを載せています。 もっと便利な書き方やライブラリなどあれば、コメントいただけると嬉しいです。 テンプレート(解説付き) 1. ライブラリインポートと初期設定 torchやよく利用するライブラリ(numpy, matplotlib)のインポート モデルの訓練時(for文)の進捗を表示するtqdmライブラリ(jupyter notebookとコマンドライン版) 進捗表示は待ち時間の見積もりやエラーに気づくこと

                                Pytorch Template 個人的ベストプラクティス(解説付き) - Qiita
                              • テーマ不要になるか?WPのテンプレートプラグイン「LIQUID BLOCKS」 | WordPressやWebデザインなど紹介 Ocadweb

                                WordPressのGutenberg(グーテンベルク)が導入されてから、htmlなどの知識がなくてもおしゃれなホームページが簡単にできるようになりました。 WordPressテーマは不要になるのか? WordPress関連のブログ記事でもテーマは不要になるのではないかという意見もでています。(実際には現在、WordPressテーマは必要になります。しかし、いろんなテーマを選ばなくても簡単におしゃれなホームページができるようになるのでは。。。という意味です。) とはいえ、配置やデザインを考えたり、詳細な使い方を勉強したりせずにもっと簡単に作りたいという方に、今回紹介するテンプレートが用意されているWordPressプラグイン「LIQUID BLOCKS」を紹介します。このプラグインのイメージ画像は英語表記されていますが、製作者は日本人のため、もちろん日本語対応。またWordPress公式の

                                  テーマ不要になるか?WPのテンプレートプラグイン「LIQUID BLOCKS」 | WordPressやWebデザインなど紹介 Ocadweb
                                • キモオタどもが社会から嫌われる理由を言い表した漫画について。 - サブカル 語る。

                                  こんにちは。 最近のオタクについて批判を続けているうちに、すっかりそのオタク共から嫌われたこのブログですけど、皆さんお元気でしょうか。 だからオタクは嫌われる オタクが嫌われる理由①「臭い」 オタクが嫌われる理由②「ウザい」 オタクが嫌われる理由③「会話のふしぶしにアニメのセリフを入れたがる」 オタクが嫌われる理由④「現実と虚構の区別が極めてあいまいである」 オタクが嫌われる理由⑤「他人の価値観は認めない」 オタクが嫌われる理由⑥「外ではおとなしい」 オタクが嫌われる理由⑦「非常に自虐的である」 自分で自分を笑えないオタク だからオタクは嫌われる arrow1953.hatenablog.com arrow1953.hatenablog.com arrow1953.hatenablog.com リンク先にある記事などで「お前らがアニメのエロに興じるのは勝手だが、カタギの人たちに迷惑かけるん

                                    キモオタどもが社会から嫌われる理由を言い表した漫画について。 - サブカル 語る。
                                  • 日本語テンプレート | Npedia

                                    A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team

                                      日本語テンプレート | Npedia
                                    • UI Design Daily | Open Source UI Resources

                                      Subscribe to our newsletterJoin 19000+ subscribers getting UI resources straight to their inbox

                                        UI Design Daily | Open Source UI Resources
                                      • ChatGPTより速いと話題「Easy-Peasy.AI」テンプレート機能がすごい充実! 使い方ガイド (1/3)

                                        「Easy-Peasy.AI」は、OpenAIの会話形AI「ChatGPT」よりも“10倍早い”をうたい文句にしたサービスだ。トップページの説明文に「AI Content Generator」とあるように、チャットだけではなく、AIを使って様々な文書を生成するツールを集めたポータルサイトのようなサービスとなっている。 簡単な作業なのになかなか手がつけられないことも多い定型文書作成のストレスを、AIでなくしていく方向に全振りしたEasy-Peasy.AIの使い方を解説していこう。 「Chat(チャット)」の使い方

                                          ChatGPTより速いと話題「Easy-Peasy.AI」テンプレート機能がすごい充実! 使い方ガイド (1/3)
                                        • 日本人はなぜ、「ベビーカー運び」を手伝えないか

                                          コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能(広告ブロック機能を持つ拡張機能等)を無効にしてページを再読み込みしてください。 ✕

                                            日本人はなぜ、「ベビーカー運び」を手伝えないか
                                          • 万能アプリ『Notion』の基本操作だけで、日記ページをつくってみました | ライフハッカー・ジャパン

                                            Ankerさんありがとう。デスク配線が片付く12 in 1モニタースタンドがほぼ1万円引きはおかしい #楽天5のつく日

                                              万能アプリ『Notion』の基本操作だけで、日記ページをつくってみました | ライフハッカー・ジャパン
                                            • Adobeが基本無料で誰でもデザイン系コンテンツをサクッと作成できる「Creative Cloud Express」を発表したので使ってみた

                                              Adobeが数千もの美しいテンプレートから目をひくコンテンツを素早く簡単に作れるという無料利用可能なソフトウェア「Creative Cloud Express」を発表したので、実際に使ってみました。 Adobe Creative Cloud Express(旧Adobe Spark)にようこそ https://www.adobe.com/jp/express/ Adobe - Adobe Introduces Creative Cloud Express https://news.adobe.com/news/news-details/2021/Adobe-Introduces-Creative-Cloud-Express/default.aspx Introducing Creative Cloud Express | Adobe https://blog.adobe.com/en/pu

                                                Adobeが基本無料で誰でもデザイン系コンテンツをサクッと作成できる「Creative Cloud Express」を発表したので使ってみた
                                              • 現役デザイナー直伝!デザイン作業が爆速になるFigmaプラグイン手順別まとめ

                                                この記事では、マイクロソフトで働く現役プロダクトデザイナーPranava Tandra氏が、一般的なデザインプロセスの各ステップで利用しているFigmaプラグインをまとめてご紹介します。 大前提としてプラグイン(英: Plugin)とは、アプリケーションの機能を拡張するサードパティ製スクリプトのことを指します。 Figmaプラグインは、デザイン作成プロセスのシンプル化や高速化、生産性をアップさせるなど、作業をより快適にすることができます。 ここでは、一般的なデザインプロセスを以下のフェーズに分け、各手順の作業効率を向上させる、便利なFigmaプラグインを詳しく見ていきましょう。 プロジェクトの設定 ワイヤーフレームの作成 コンテンツとの連携 クイックデザイン(ユーティリティ) デザインファイルの最終確認 デザインシステムの作成 アニメーションとプロトタイプ検証 ファイルのエクスポート Co

                                                  現役デザイナー直伝!デザイン作業が爆速になるFigmaプラグイン手順別まとめ
                                                • 私が「何事も、他者や世の中のせいにしてはいけないんだ」と、初めて本気で思った瞬間のこと。

                                                  ちょっと前のこと。 Twitterのタイムラインを見ると、「努力」に関して、面白いツイートが流れてきていた。 毎日ファーストフードで過ごす庶民の気持ちなんてDaiGoさんにはわからないでしょうね、と言われたことがある ああ、全く理解できない。 僕もお金なかった時には、朝昼飯抜いて、そのお金で本買って勉強してたよ、未来のために。 努力不足を不公平のせいにするのは、庶民ではなくただの怠け者だ。 — メンタリストDaiGo (@Mentalist_DaiGo) October 25, 2019 随分はっきりいう人が出てきたな、と思っていたら、もちろん賛否両論で物議を醸しているようだった。 努力論、根性論を忌避する人々がいて、 あぁこれってあれだ。 ブラックってやつだ ブラック企業の精神だわ — nony (@nony) October 25, 2019 DAIGOさんが食事を抜いてまで勉強したの

                                                    私が「何事も、他者や世の中のせいにしてはいけないんだ」と、初めて本気で思った瞬間のこと。
                                                  • 無料でプログラミング知識ゼロでもウェブアプリが作れる「Amazon Honeycode」のベータ版が公開中

                                                    Amazonがアマゾンウェブサービス(AWS)の1つとして「Amazon Honeycode」のベータ版を2020年6月24日(水)に公開しました。Amazon Honeycodeは、プログラミング言語やマークアップ言語のようなコードを一切書かずにウェブアプリケーションを構築することができる、スプレッドシートをベースにしたツールです。 Amazon Honeycode https://builder.honeycode.aws/auth/signup Introducing Amazon Honeycode – Build Web & Mobile Apps Without Writing Code | AWS News Blog https://aws.amazon.com/jp/blogs/aws/introducing-amazon-honeycode-build-web-mobil

                                                      無料でプログラミング知識ゼロでもウェブアプリが作れる「Amazon Honeycode」のベータ版が公開中
                                                    • Template literal types and mapped type 'as' clauses by ahejlsberg · Pull Request #40336 · microsoft/TypeScript

                                                      This PR implements two new features: Template literal types, which are a form of string literals with embedded generic placeholders that can be substituted with actual string literals through type instantiation, and Mapped type as clauses, which provide the ability to transform property names in mapped types. Template literal types Template literal types are the type space equivalent of template l

                                                        Template literal types and mapped type 'as' clauses by ahejlsberg · Pull Request #40336 · microsoft/TypeScript
                                                      • 話が進むにつれて、相手の納得度が高まる提案テンプレート 『言語化大全』著者が語る、ビジネスで効果的な話の進め方

                                                        東京・立川を拠点に起業に関連したさまざまなイベントを開催しているStartup Hub Tokyo TAMA。本記事では、『「うまく言葉にできない」がなくなる 言語化大全』の著者で、伝える力【話す・書く】研究所の所長・山口拓朗氏が登壇したイベントの様子をお届けします。今回は、2つ目のテンプレート「結論優先型」について語られました。 前回の記事はこちら 「結論優先型」というテンプレート 山口拓朗氏(以下、山口):では、第3講にいきます。今日のもう1つのテンプレートで、「結論優先型」というものです。結論優先型はどんな流れで書くか。あなたが最も伝えなくてはいけないこと、結論。「私はこのアイデアに賛成です」も結論だし、「この商品をおすすめしたいと思います」も結論だし、いろんな結論の示し方がありますけど、とにかく結論が最初です。 そのあと、必ずセットで「理由」を書いてください。理由・根拠は論理的な文

                                                          話が進むにつれて、相手の納得度が高まる提案テンプレート 『言語化大全』著者が語る、ビジネスで効果的な話の進め方
                                                        • 文章力を上げる「テンプレート」の作り方・使い方のコツ | ライフハッカー・ジャパン

                                                          デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール

                                                            文章力を上げる「テンプレート」の作り方・使い方のコツ | ライフハッカー・ジャパン
                                                          • これどうだっけ?を解決!Web制作の便利&時短ツール50個を揃えた Toolb.dev

                                                            Web制作で日常的に使える無料のCSSやHTML、JSウェブツール50種類以上を提供しているToolb.dev。 なにかと面倒な作業をパネル上で直感的に行うことができ、リアルタイムでのプレビュー機能や作成したコードはそのままコピペも可能、Web制作でも活用機会の多いツールが揃います。 クレジット表記不要で、ユーザー登録をせず利用できるのも嬉しいポイントです。Web制作をサポートする便利ツールも一緒にチェックしてみてはいかがでしょう。 Web制作の面倒な作業をラクにするCSS便利ツール87個まとめ Web制作を楽にする便利なSVGツール53個まとめ Web制作の面倒な作業が楽になるツール50個を揃えたToolb.dev 「これどうやるんだっけ?」いつも忘れがちなWeb制作の工程をサポートしてくれるToolb.devで利用できるツールは50を超え、現在ベータ版での提供となります。それぞれのツー

                                                              これどうだっけ?を解決!Web制作の便利&時短ツール50個を揃えた Toolb.dev
                                                            • デザイン経験不要!無料でデザインを作成できるDIYオンラインツール10個まとめ

                                                              できるだけ予算をかけずに、無料で高品質なデザインを簡単DIYできる方法をお探しですか。 この記事では、デザインの経験がなくても手軽にデザインを作成できる無料DIYオンラインツール10個をまとめてご紹介します。 InstagramやTwitterなどのSNS向け画像やYouTubeのサムネイルの他にも、はがきや封筒、雑誌やポスター、プレゼンテーション資料といった、幅広いジャンルのおしゃれなデザインを誰でも簡単に作成できます。 ドラッグ&ドロップで利用できるテンプレートが豊富に揃っているので、デザインの知識や経験がなくても安心です。 コンテンツ目次 1. Canva 2. Adobe Spark 3. Crello 4. BeFunky 5. Easil 6. Stencil 7. Desygner 8. Piktochart 9. Pablo 10. Snappa デザイン知識不要!無料でデ

                                                                デザイン経験不要!無料でデザインを作成できるDIYオンラインツール10個まとめ
                                                              • Notionを使って確定申告をラクにするためのマニュアルをつくってみた【無料で複製OK】 | @kaoritter BLOG

                                                                😱「やばい、今年も確定申告の季節が来てしまった。まず何からやるのか思い出すところから始めなければ……」 と、2月に気が重くなっていませんか?私はなってます。毎年。 どうせ毎年やらねばならぬこと。ならば、楽にするための仕組みを作るしかない!と一念発起して、確定申告の仕組みを整え、自分用のマニュアルを「Notion」にまとめました!このマニュアルさえあれば来年は「確定申告、どんとこい!」という気持ちで取り組めるはず。 頑張ってマニュアルを作ったので、確定申告に悩める皆さまの参考に少しでもなればと思い、複製して使える確定申告マニュアルのNotionテンプレートも用意してみました。これをひな形にして自分専用の確定申告のノウハウをまとめていけば、頼れるマニュアルにもなり、タスク漏れを無くすToDoリストにもなります。Notionユーザーの方はもちろんですが、内容はNotionを使ったことがないとい

                                                                  Notionを使って確定申告をラクにするためのマニュアルをつくってみた【無料で複製OK】 | @kaoritter BLOG
                                                                • フリーのホワイトボードアプリ「Microsoft Whiteboard」にテンプレート機能がプレビュー搭載/“ブレーンストーミング”や“かんばん”など9種を用意

                                                                    フリーのホワイトボードアプリ「Microsoft Whiteboard」にテンプレート機能がプレビュー搭載/“ブレーンストーミング”や“かんばん”など9種を用意
                                                                  • マーケ担当者のためのペルソナ作成テンプレート8選:2020年6月版

                                                                    企業のマーケティング担当で、ペルソナ作成のためのテンプレートを探している方向けの記事です。 この記事の目的 企業のマーケティング担当者さんのためのペルソナ作成テンプレート集め 当記事では、ペルソナ作成のためのテンプレートをb2b/b2c問わず網羅的にピックアップしてみました。 同じペルソナ作りでも、微妙に切り口が違ったりしますので、一つのテンプレートに拘らず色いろなテンプレートを集めて自分なりに使いやすい内容にカスタムしてみるのが良いと思います。 これから、ペルソナ作りに取り組もうとしている方は是非ご覧ください。 1. メールマーケティング成功の鍵!ペルソナの設定をしよう 「マーケターのよりどころ」をコンセプトとしたWebマーケティングメディア「ferret」。当サイトの読者の皆さんならご存知の方も多いのではないでしょうか。 この記事では、ferretの運営会社であるベーシック社のペルソナ

                                                                      マーケ担当者のためのペルソナ作成テンプレート8選:2020年6月版
                                                                    • サイトのOGP画像を自動生成する

                                                                      最近、個人の技術ブログをリニューアルしました(パンダのプログラミングブログ)。 リニューアルの際に、念願だった OG 画像の自動生成を実装してみたところ、意外と簡単にできたのでその方法を紹介します。 OGP画像とは何か OGP 画像の OGPとは Open Graph Protocol の略語で、ある URL のページをリッチなコンテンツで紹介できるというものです。 サイトのタイトルやページのコンテンツをイメージさせる画像などを meta タグを使って HTML に埋め込みページの内容を表現できます。 Twitter や Slack、Line で URL を貼り付けると URL とは別に表示される物がこれにあたります。サイトのページが増えるとページ一つ一つに OGP 画像を用意することは手間がかかります。そこでこの記事では、OGP 画像を自動生成する方法を紹介します。 OGP 画像の作成方

                                                                        サイトのOGP画像を自動生成する
                                                                      • UIデザイナーはダウンロードしておこう!iOS 14のデザインテンプレート・UI要素が揃ったAdobe XD用の素材がApple公式からリリース

                                                                        先週リリースされたばかり、iPhoneやiPadに採用されているiOS 14のデザイン用のテンプレートやUI要素が揃ったAdobe XD用の素材を紹介します。 素材はAdobe XD用だけでなく、Photoshop用やSketch用も揃っており、9月に新しくなったSF Symbols 2もダウンロードできます。 Apple Design Resources UIデザイン素材は、ページのちょい下からダウンロードできます。 iOS 14のAdobe XD用の素材は先週リリースされたばかりで、Photoshop用とSketch用、そしてiOS 13もダウンロードできます。

                                                                          UIデザイナーはダウンロードしておこう!iOS 14のデザインテンプレート・UI要素が揃ったAdobe XD用の素材がApple公式からリリース
                                                                        • neue cc - .NET Core時代のT4によるC#のテキストテンプレート術

                                                                          C# Advent Calendar 2019用の記事となります。C# Advent Calendar 2019はその2もあって、そちらも埋まってるので大変めでたい。 さて、今回のテーマはT4で、この場合にやりたいのはソースコードジェネレートです。つまるところC#でC#を作る、ということをやりたい!そのためのツールがテンプレートエンジンです。.NETにおいてメジャーなテンプレートエンジンといえばRazorなわけですが、アレはASP.NET MVCのHTML用のViewのためのテンプレートエンジンなため、文法が全くソースコード生成に向いていません、完全にHTML特化なのです。また、利用のためのパイプラインもソースコード生成に全く向いていない(無理やりなんとか使おうとするRazorEngineといったプロジェクトもありますが……)ので、やめておいたほうが無難です。 では何を使えばいいのか、の答

                                                                          • 技術的負債の返済の足がかりにテンプレートのParserを作った話 - LIFULL Creators Blog

                                                                            プロダクトエンジニアリング部の中島です。 今回はフロントエンドのテンプレート部分についての負債やレガシーな機構に対する改善の取り組みについて紹介させていただきます。 背景 LIFULL社のメインサービスであるLIFULL HOME'SのメインリポジトリのサーバサイドはSymfony + Twig(※テンプレートエンジン)の構成を採用しています。 このリポジトリの歴史は古く、2011年頃から開発は行われており、今となってはレガシーな機構であったり、開発体験を損ねる負債的な記述も多くあります。 テンプレート部分で多くみられる問題のうちいくつかをピックアップすると弊社ではこのようなものが悩みのタネになっています 変数などを用いた動的な部分テンプレートの呼び出しによるgrepしやすさの低下 部分テンプレートをロードするときにスコープ制御(Twigだとonly属性)をつけ忘れてテンプレート間依存関係

                                                                              技術的負債の返済の足がかりにテンプレートのParserを作った話 - LIFULL Creators Blog
                                                                            • 動きで魅せる!Web制作の参考UIインタラクション、アニメーション38個まとめ

                                                                              この記事では、ウェブデザイン制作の参考にしたい、刺激的な最新UIインタラクション、アニメーションをまとめてご紹介します。ユニークでクリエイティブなアイデアが満載の素敵アニメーションが揃っており、今後のウェブデザインがますます楽しみになる、未来を感じるデザインを中心に集めています。 最新ウェブデザインも一緒に確認することで、デザイントレンドや動向をうまく掴むことができます。 Webアイデアの宝庫!注目したい最新ウェブデザイン35個まとめ Web制作の参考アイデアに!いま話題の最新ウェブデザイン50個まとめ Web制作参考アイデア集!話題の最新ウェブデザイン40個まとめ 前回のまとめはこちらからどうぞ。 動きが新感覚!Web制作で参考にしたいUIインタラクション、アニメーション36個まとめ 動きで魅せる!Web制作の参考UIインタラクション、アニメーションまとめ GoSurf Website

                                                                                動きで魅せる!Web制作の参考UIインタラクション、アニメーション38個まとめ
                                                                              • 登録不要で完全無料!ブラウザだけで完結する静的サイトジェネレータ「T3MPL」を使ってみた! - paiza times

                                                                                どうも、まさとらん(@0310lan)です! 今回は、ブラウザ上で誰でも簡単にWebサイトを作成できる無料の静的サイトジェネレータをご紹介します! 特別な開発環境を用意する必要はなくて、コマンドラインからの実行も不要でユーザー登録もありません。そのため、誰でも気軽にWebサイトを作り始められる手軽さが特徴になっています。 本記事の後半では、書き出したソースコードを使ってネット上に公開する手順についても解説しているので、ご興味ある方はぜひ参考にしてみてください! 【 T3MPL 】 「T3MPL」の使い方 それでは、「T3MPL」をどのように使えばいいのか詳しく見ていきましょう。 まずはサイトのトップページを下方にスクロールして、いくつかのテンプレートが表示されることを確認してください。 2020年10月時点において、以下のようなテンプレートを選択できるようになっています。 ランディングペー

                                                                                  登録不要で完全無料!ブラウザだけで完結する静的サイトジェネレータ「T3MPL」を使ってみた! - paiza times
                                                                                • 便利なのが登場! Tailwind CSSで実装されたOSSのUIコンポーネント集 -FlowBite

                                                                                  Webサイトやスマホアプリでよく使用されるUIコンポーネントをTailwind CSSのユーティリティクラスで実装したオープンソースのライブラリを紹介します。 Tailwind CSSには、コンポーネントの基本セットがありません。FlowBiteではナビゲーションバー、カード、ボタン、ページネーション、フォームなど基本的なコンポーネントがすべて揃っています FlowBite FlowBite -GitHub 他にも、Tailwind CSSで実装されたUIコンポーネントを探している人は下記もご覧ください。 Tailwind CSSで実装されたUIコンポーネント・ページテンプレート、商用プロジェクトで無料のものをまとめました FlowBiteの特徴 FlowBiteの使い方 FlowBiteのコンポーネント FlowBiteの特徴 FlowBiteは、Tailwind CSSのユーティリティ

                                                                                    便利なのが登場! Tailwind CSSで実装されたOSSのUIコンポーネント集 -FlowBite