商用利用OK！2021年にリリースされた無料フォント40
2021年12月20日 フォント 2021年もあとわずか！今年も数多くの素敵フォントがリリースされました！この一年を振り返って、「これは！」と思ったフォントをいくつか紹介します。どれも無料でダウンロードでき、商用利用可能なものです。みなさんのお気に入りが見つかると幸いです。 ↑私が10年以上利用している会計ソフト！ 過去の年末フォント紹介記事 2020年にリリースされた無料フォント40 2019年にリリースされた無料フォント30 2018年にリリースされた無料フォント40 2017年にリリースされた無料フォント40 2016年にリリースされた無料フォント30 2015年にリリースされた無料フォント35 日本語フォント 清明かな 滑らかな曲線が美しく、伸びやかな切れ味の中に優しさ・優美さを包含した不思議な書体。 天浜線フォント 静岡県西部のローカル線「天竜浜名湖鉄道（通称：天浜線）」の駅名看
Vue.js、Nuxt JSを学習するときにやったこと
2021年7月11日 JavaScript, Nuxt JS, Vue.js 以前「WebデザイナーのためのVue.js事始め」という記事でVue.jsについて触れたのですが、それから今まで、どんな手順で勉強してきたのかを紹介してみます。途中ReactやGatsbyを取り入れたりもしていたのですが、結局 .vueファイルでの単一ファイルコンポーネントが楽だなーと思い、今はVue.jsに全振り中です。これから勉強してみたい方の参考になれば幸いです。 ↑私が10年以上利用している会計ソフト！ 1. Vue.js公式Webサイトを確認 まずはVue.jsの公式Webサイトを確認。日本語にも対応しています。ここで基本的な使い方、文法、何ができるのかなどをざっくり学習しました。 サンプルコードがある箇所は実際にCodePenを使ってコードを記述し、動作確認します。公式は今後何度も繰り返しチェックする
技術を教えるときの7つのポイント
2020年8月18日 Tips オンラインスクールの講師として約4年、WebデザインやWebサイト制作を教えていて気づいた、教えるときのポイントをまとめました。 ↑私が10年以上利用している会計ソフト！ この記事は動画でも紹介しています。動画派の方はぜひどうぞ！ 1. 目的を明確にする 今やってる事は何が目的なのか、なぜ必要なのか？そういったところを明確にしていないと、生徒さんの方が「なんでを今何やってんだろう？」「これなんか意味あるのかな？」と不安になってしまいます。そのため、今していること、しようとしていることが必要な理由や、どういう効果があるのかを事前にハッキリと説明しておくことが大切です。 さらに、今しようとしていることの歴史なんかも交えて説明できたらいいですね。例えばWebサイト制作のレスポンシブ対応を教えているところだったら、もともとWebサイトはデスクトップサイズでのみ閲覧さ
Googleドキュメントでブログを生成できるサービス「You Don’t Need WordPress」 | Webクリエイターボックス
2018年10月9日 便利ツール 手軽にWebサイトを作成するサービスは多々ありますが、「You Don’t Need WordPress」というWebサービスはGoogleドキュメントと連携させるという、今まであまり見なかった角度から発足したCMS。「WordPressは必要ないよ」という挑戦的なネーミングも気になったので、さっそく試してみました！ 「You Don’t Need WordPress」の使い方 さっそくYou Don’t Need WordPressのページにアクセスし、「Create Your Blog」ボタンからアカウントを作成してみましょう！WebサイトのURLは「https://www.youdontneedwp.com/ユーザー名」となり、ユーザー名がそのままドメインに使われます。 Googleドキュメントと連携させるGoogleアカウントを選択します。 Goo
レスポンシブ対応！Webサイトにグラフを表示できるJavaScriptライブラリー3つ
2017年11月16日 JavaScript グラフを必要とするWebサイトは限られるかもしれませんが、いざという時に知っておくと便利なグラフ作成用JavaScriptライブラリー。意外とレスポンシブ対応のものが少なかったので、対応しているものを集めてみました。 ↑私が10年以上利用している会計ソフト！ 1. Chart.js 公式サイト｜サンプル｜ドキュメント｜GitHub Chart.jsはグラフ作成用JavaScriptライブラリーの大御所とも呼べるのではないでしょうか？手軽にアニメーションのついた美しいグラフを表示できますよ。棒グラフ、円グラフ、折れ線グラフ、極座標グラフ、バブルチャート等、様々な種類が用意されています。もちろんレスポンシブ対応！どのグラフ描画ライブラリーにするか悩んだら、ひとまずChart.jsを試してみるといいでしょう。 Chart.jsの読み込み まずはファイ
WordPressの編集画面が生まれ変わる！開発中の新しいエディター【Gutenberg（グーテンベルク）】 | Webクリエイターボックス
WordPressの編集画面が生まれ変わる！開発中の新しいエディター【Gutenberg（グーテンベルク）】 2017年7月9日 Wordpress 先日京都で開催されたWordPressのイベント、WordCamp Kyoto 2017に参加しました！日本のWordCampに参加するのはこれが初めて！参加無料ってすごい！様々な有益なお話が聞けた中で、現在ベータ版の新エディター「Gutenberg（グーテンベルク）」の紹介にピンときたのでさっそく試してみました！ ↑私が10年以上利用している会計ソフト！ Gutenberg（グーテンベルク）って何？ Gutenbergは現在開発中のWordPressの新しいエディター。まだ実装はされていませんが、プラグインとして公開されているのでお試しで使用できます。ベータ版ということで、「公開中のサイトでは使用しないで下さい！」とのことです。 特徴はMe
WebサイトにSlackと連携したチャット機能を加えられる【Smallchat】
2017年5月1日 便利ツール SmallchatはWebサイトにチャット機能を加えられるWebサービス。類似サービスは他にもありますが、Slackと連携できる点にメリットを感じる方も多くいらっしゃると思います。Webサイトにチャット機能をつけることで、Web接客やリアルタイム接客と呼ばれる、Webサイトでも現実世界の店舗や企業のように質問をすればすぐに受け答えしてもらえるような接客が可能となるでしょう。ECサイトなどで特に重宝できそう！さっそくどんなサービスなのか見てみましょう！ ↑私が10年以上利用している会計ソフト！ アカウント登録 まずはSlackのアカウントをお持ちでない方は作成します。すでにお持ちの方はログイン。続いてSlackの新規チームを作成しておきましょう。 SmallchatのWebサイトから「Add to Slack」ボタンをクリックしてSmallchatアカウントを
これからのWebデザインは、コンポーネント化を意識しよう
2016年6月14日 Webサイト制作, Webデザイン Webデザインのプロセスが変化しています。以前「実践で学ぶWebサイト制作ガイド まとめ」という記事でWebサイトの制作手順を紹介しましたが、この方法はまだ使えるものの、徐々に廃れていくでしょう。最近ではこの記事で書かれているように、画面にあるパーツ（部品）のみを用いてデザイン・コーディングするのではなく、あらかじめ様々なパーツを作っておいて、それを組み合わせて画面を構成していく方法に移りつつあります。今回はそんなパーツをまとめた「コンポーネント」について考えてみましょう。 ↑私が10年以上利用している会計ソフト！ コンポーネントとは？ Webデザインにおいて、コンポーネントとは機能を持つ各パーツ（部品）の集合体です。例えば料金表ひとつとっても、テキストや線、ボタン、色など、様々な情報を組み合わせて作られていることがわかります。それ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
