Account Suspended This Account has been suspended. Contact your hosting provider for more information.
ランディングページや小規模Webサイト用のHTMLテンプレートが無料で利用できるInovatikを紹介します。すべてのHTMLテンプレートはオープンソースで、商用プロジェクトでも無料で利用できます。 時間や予算が少ない時、モックアップが必要な時などに便利です。BootstrapやTailwind CSSが使用されているので、勉強用にもいいですね。 Free HTML templates for websites and landing pages -Inovatik Inovatikの特徴 HTMLテンプレートのダウンロード Inovatikの無料HTMLテンプレート Inovatikの特徴 Inovatikはフロントエンドデベロッパーが実装した、ランディングページや小規模Webサイト用のHTMLテンプレートを無料でダウンロードできます。 すべてのHTMLテンプレートはMITライセンスで、
読書ノートは、テンプレートを作っておけば、効率が上がります。 それは読書ノートのコツの一つとも言えます。 読書ノートの書き方 読書ノートを書こうと思った当初は、何を書いたら良いのかのヒントであったり、綺麗に揃って整理されている様子や、後で見返した時の見易さや、などが気になるかもしれません。 しかし、読書ノートを書くことの本質は、そこではないので、形はある意味どうでも良いのです。途中で改善したいと思う部分が出てくるかもしれませんが、読書ノートは、自分だけのものです。 誰かに見せる前提のものではありません。 後で、見返した時に、見にくいと感じたとしても、それは自分が成長進化した分なのかもしれません。むしろ、変な部分が残っていれば、成長の幅もわかると思います。 読書ノートの書き方を指南する本やネットの情報では、書き方について、非常に詳しく解説されているものもあります。 しかし、所詮、自分ではない
「Notionで、知の構造化を進めています」こう語ってくれたのは、デザイン・イノベーション・ファームTakramで働く野見山真人さん。プロジェクト単位や個々人に閉じてしまいがちな「学び」の点をつなぎ、「組織の知」として昇華しているという。Notionの使い方に宿る、Takramの思想とはー。 【プロフィール】Takram 野見山真人 Creative Technologist / Technical Artist 「感性 x エンジニアリング」をテーマに、サービスの設計からメディアアートの制作まで実用と象徴の軸を行き来しながら活動する。心の機微や人の行動原理を観察することで、感情に働きかける形を創造し、どこか捉えどころのない感性をエンジニアリングする。「感性 x エンジニアリング」を原動力に暮らしを豊かにするデザインを実現する。2018年に東京大学大学院(知能機械情報学)を修了。同年よりT
Notionの最強プロジェクト管理テンプレートできたからヤケになって無料公開する 2021年9月8日投稿 カテゴリ:Notion 著者: jMatsuzaki 私の愛しいアップルパイへ 私がいつもラクダのように「イーアー」と鳴いているだけだと思ったら大間違いです! ここ数日は蚊のごとく狡猾に、獅子のごとく勇敢に、ある1つの重要プロジェクトに注力していました。 それはNotion沼にずぶりとハマった私が使い倒している一連のデータベース群をテンプレート化してあなたに無料公開しようという試みです。 なんと甘美なひらめき! jMatsuzaki Notion Templateには次のボタンからアクセスできます。 ミッションからジャーナルまですべてを内包 このテンプレートはトップに20ページがあり、それぞれのページが1つ以上のデータベースを備えています。 ページ一覧 データベースにはすべてテンプレー
初心者向けにHTML・CSS・JSスケルトンファイルを用意しました。 参考書やプログラミングスクールで勉強するのも一つですが、ベースとなるhtmlファイルを自分で更新・編集して実際にどうなるのかやりつつ覚える方が良いと思ってます。 色々やってみたうえでわからないところを参考書やプログラミングスクールで教えて貰う方が良いのではと考えてます。 そのためのHTML・CSS・JSスケルトンファイル第一弾を作ってみました。これから始める方や、まだ初めて間もない方のご参考になれば幸いです。 初心者用HTML・CSS・JSスケルトンファイルディレクトリ構造 ※HTML・CSS・JSファイルのディレクトリ構造は以下の通りです。 template1 │ test.html │ └─assets ├─css │ style.css │ ├─images │ 1.jpg │ └─js index.js スケルト
本記事は、Simon Holdorf氏による「9 Popular GitHub Repos For Every Web Developer」(2021年4月4日公開)の和訳を、著者の許可を得て掲載しているものです。 こちらもどうぞ すべてのウェブ開発者へ。人気GitHubリポジトリ10選 便利なツール、参考になる例など はじめに GitHubは、最近の(ウェブ)開発に関連するすべてのワンストップショップです。フレームワーク、デモ、あらゆる種類のコレクションなど、GitHubで見つけられないものはないでしょう。しかし、この膨大な量が問題です。あまりにも多くのレポジトリがあるので、おそらく聞いたことのないクールなものがあります。 そこで今回も、知っておくべき最も人気のGitHubリポジトリを紹介することにします。各リポジトリには少なくとも30,000個の星が付いています。 1. Realwor
ちょっと「言語化能力」とダライアス外伝についての話をさせてください。 この記事で書きたいことは、大体以下のような内容になります。 ・言語化能力は非常に重要ですよね ・言語化の際に意識するべきなのは「明確さ」と「再現性」 ・その為にテンプレートを用意しておくことが非常に有効 ・ところで私は言語化能力をダライアス外伝の攻略で身に着けました ・ダライアス外伝めちゃくちゃ面白いので皆遊んでください 以上です。よろしくお願いします。 さて、書きたいことは最初に全部書いてしまいましたので、後はざっくばらんにいきましょう。 先日、安達さんがこんな記事を書かれていました。 今の世の中は、「言語化する能力」が高い人が、有利に事を運べる 今の世の中は、「言語化する能力」が高い人が、有利に事を運べる。 とくに知的な仕事では、自分の思考を、他者に理解させ、そして動かす力が、とても重要だ。 要求を伝えること アイデ
.NET 6 ではプロジェクト テンプレートが更新されて、かなりシンプルになります。 例えば、コンソール アプリの場合(dotnet new console コマンドで生成)は(コメント行を除けば実質)以下の1行だけの C# ファイルが生成されます。 Console.WriteLine("Hello, World!"); 先日の .NET 6 Preview 7 から、コンソール アプリと Web アプリがこの新テンプレートになっています。 トラッキング issue を見るに、他のタイプのプロジェクトも同じ方針で書き換え中みたいです。 今日はこの新テンプレートがらみで、背景とか、内部挙動的な話とか、Preview 7 から正式リリースまでの間に掛かる予定の変更の話とか。 旧テンプレート まあ、これまでのテンプレートが以下のようなものでしたから、ずいぶんとすっきりしました。 using Sy
.NET 6 からは、新しい C# コンソール アプリ用のプロジェクト テンプレートによって、Program.cs ファイルに次のコードが生成されます。 // See https://aka.ms/new-console-template for more information Console.WriteLine("Hello, World!"); この新しい出力では、プログラムに記述する必要があるコードを簡素化できる最新の C# 機能が使用されています。 .NET 5 およびそれより前のバージョンの場合は、コンソール アプリ テンプレートによって次のコードが生成されます。 using System; namespace MyApp // Note: actual namespace depends on the project name. { internal class Progra
なぜ日本語UIキットを公開するのか? デザインチームの研究活動のひとつとして、体験設計やUIデザインの品質を高めたり、デザインチーム内の協働を円滑に行うために、汎用的なデザインテンプレートやデザインアセットを作成し、体験デザインプロセスの仕組み化と共有を行っています。 UIデザインにおいても、Figma Communityをはじめとした様々な媒体でUIキットが共有・配布されており、UIキットを参考にデザインワークを行うというケースが増えてきているかと思います。 一方でUIキットの多くが欧文フォントで構成されているため、日本語フォントに変換する必要があり、場合によってはサイズやレイアウトを微調整しなくてはなりませんでした。 このUIキットも、単にAppleやGoogleのUIコンポーネントを日本語化しているだけと言えばそうかもしれませんが、これを活用することでデザイナーやプロダクト開発に携わ
APEX配信用のデコレーションテンプレートです!! OBSに直接ドラック&ドロップして順番を前後すれば使えます。 他の配信より少しでも華やかにしたい!という方向けです。 様々なパターンのカスタム素材が入っています。 簡単にすぐ使用できるPNG素材を始め、クリエイター向けに PSD/Clip形式も同封しております。 詳しくカスタムができる部分↓ ・文字 ・カラーリング ・視点の十字 ・コメント/配信画像用フレームの有無 ・ステータス部分のマスクの有無 ・枠角の水玉テクスチャ ※PNG版は色相を変えることでカラーリングのみ細かく変更できます。 【追記 2021.7.24】クリプト版差分を追加しました! その他にも ・HPの部分に自身の好きな画像を張れるマスク付き ・一人配信用に仲間のID部分を可愛く隠せるモザイク用画像付き などもございます。 ※※DL後にフォルダ内の「使い方とおねがい」を必ず
パワーポイント(PowerPoint)は、文字や写真、イラストやグラフなどを組み合わせることで手軽にスライドを作成できます。 プレゼン資料の作成からチラシやポスターの作成などあらゆるシーンでされています。 デザインに自信がないひともプロ顔負けの仕上がりを短時間で実現できる、多忙なひとにこそおすすめしたい時短アイテム、おしゃれな無料パワポテンプレを活用してみましょう。 「アイデアや企画はいいのにデザインがいまいち。」 見やすいデザインを作成するコツや、注意したいポイント、パワポ用テンプレートの正しい選びかたを知っておくと、デザインがグッと良くなりますよ。 そもそもパワーポイントとは? パワーポイント(PowerPoint)は、別名「パワポ」としても知られる、Microsoftのプレゼンテーションソフト。 スライドの作成から、プレゼン本番でのスライドの切り替えまで、トータルサポートしてくれます
本ブログ記事をご覧いただきまして、誠にありがとうございます。行政書士法人エベレスト代表社員の野村篤司と申します。 こちらのページをご覧いただいた方々は、ほとんどが「事業再構築補助金」の申請を検討されている方、又はその申請を支援しようとしている認定経営革新等支援機関の方々であろうかと存じます。このブログページでは、そのような事業者の方々にとって、きっとお役に立てるであろう「事業計画書のひな形(テンプレート等)」について、その活用メリット等をご紹介させて頂いております。当該ひな形提供を行うにあたり、同じ認定経営革新等支援機関の仲間から、 「なぜ5年以上のものづくり補助金等の申請経験で培った貴重なノウハウを外に出してしまうのか。」 「なぜ、他社では30万円以上で販売しているものを、わずか5万円で提供するのか」 「同業者にノウハウをパクられてもいいのか」 など、率直なご質問を頂くことがございました
GAS を書くたびに開発環境構築を調べている気がするので、GAS 開発用の Template リポジトリを作ってみました。 Templateリポジトリ 機能はこちらです。 claspによる App Script へのデプロイ TypeScript 対応 Webpack5 でのビルド※ ESLint / prettier でのコード整形 husky / lint-stage でのプレコミットフック 使い方 GitHub Template として公開しているので、リポジトリのUse this templateボタンをクリックすれば、コミット履歴が削除された自分のリポジトリとして作成できます。 作成したリポジトリをローカルに clone したら、.clasp.jsonのscriptIdを自身の AppScript の ID で書き換えてください。 ※ AppScript の ID は AppSc
The general rendering process of Pug is simple. pug.compile() will compile the Pug source code into a JavaScript function that takes a data object (called “ ...
こんにちは、バックエンドエンジニアの金子です。 コロナ禍により世界が一変してしまいましたが皆様は無事にお過ごしでしょうか? 私はリモートワーク中心になったことで引きこもり化が加速しました。先日久しぶりに2、3km程度歩いただけなのにふくらはぎの筋肉痛に苦しんでいます。 今回は、前々からやろうやろうと思って放置していたことについて書こうと思います。 はじめに 昨今Pythonのプロジェクトの管理にpipenvまたはpoetryを使われている方が多いと思います。 $ mkdir spamproject && cd spamproject $ pipenv install $ pipenv shell または $ poetry new spamproject && cd spamproject $ poetry shell で、プロジェクトを作り、依存ライブラリやプロジェクト情報の管理ができる。
Vite(ヴィート=フランス語で「速い」の意味)は2020年に発表された新しいフロントエンドのビルドツールです。 開発者がVue.jsの作者であるEvan You氏であるため、Vue.jsのツールであると誤解されることもありますが、プレーンなJavaScript(バニラJS)からVue.js・React・Svelteといった流行のフレームワークまで、さまざまな環境で利用できる汎用的なツールです。 位置付けとしてはwebpackのようなバンドラーと呼ばれるものに近い存在ですが、それだけではありません。この記事では、Viteを導入してプレーンなJavaScriptから、TypeScript+Vue.js・Reactといったフレームワークまで、快適な開発環境を手に入れる方法を紹介します。 この記事で紹介すること: Viteの特徴と基本の仕組み 基本の使い方 Vite + SCSS Vite +
プロジェクトが始まるときにかなり初期の段階でWBSを作ることは多いとおもいます。そのWBSの作成、プロマネやディレクターに任せっぱなしになっていないでしょうか。WBSはスケジュールをガントチャートで表したものを指していると思われがちですが、実はスケジュールだけでなく見積もりやアサインを精度高く行うためにも重要なものです。 たとえば「Webデザイン作成」というスコープにどのような実作業が含まれているかはWBSを作ることによって見える化しプロジェクトメンバーやクライアントと共有できるようになります。ときどき下記のように書かれたWBSを見ることがあります。 Webデザイン作成 ・作成 ・確認 ・修正 ・確認2 ・修正2 ・確定 しかし、これでは「Webデザイン作成」に必要な知識、さらには作業量・スケジュール・予算も分かりません。Webデザイン作成の例を続けると、下記のように「作成」のスコープを分
既に夏のような湿気と暑さに参っています。 ▲ 心がサマーカットしたがっています こんにちは。Shirotaです。 この時期は毎年湿気への怨嗟をどこかしらに漏らしている気がします。 気を取り直して、怨嗟よりもお話ししたいAuto Scalingの話を今日はしたいと思います。 Auto Scalingで「起動テンプレート」、使っていますか? EC2インスタンスの起動などで便利な、インスタンス起動に必要な情報を設定しておける「起動テンプレート」というものがあります。 こちら、Auto Scalingでも利用することができるようになっております。 Launch Templates for Amazon EC2 instances の紹介 Auto Scalingには元々「起動設定」と言うインスタンス起動に必要な情報を設定しておける機能があったのですが、こちらは2021年6月16日現在、公式ドキュメ
どうも、まさとらん(@0310lan)です! 今回は、普段から使い慣れているGoogleスプレッドシートを高品質なWebサイトに変換できるWebサービスをご紹介します! ユーザーがやることはセルの値を変更するだけというお手軽さと、Webサイトのレイアウト構成を細かく変更したり上級者向けにJavaScriptやCSSを編集する機能も無料で提供されているのが特徴です。 手っ取り早くクオリティの高いWebサイトを作成したい人にも最適なので、ぜひ参考にしてみてください! 【 Siteoly 】 ■「Siteoly」の使い方 それでは、「Siteoly」をどのように使えばいいのか詳しく見ていきましょう! まずはサイトのトップページにアクセスして、画面上部にある【Login】ボタンから無料のユーザー登録をしておきます。 Googleのアイコン部分をクリックしてください。 するとアカウント選択画面が表示
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く