What You See Is What You Get 見た通りのものが得られる、の意。 DTPの場合、イラストレータ、クォークなどほとんど全てのアプリケーションがそう。 WEBの場合、Dreamweaver、ホームページビルダーなど。 ただしWEBの場合、厳密に言うと見た通りのものは得られない。
背景 WEBページの管理画面でHTMLを直接書かせたくないので、 WYSIWYGエディタを埋め込みたいと思った。 ※WYSIWYGエディタの例(はてなブログの記事改廃画面)↓ javaScriptでいい感じのあるだろうと思ってググると案の定存在した。 調査比較 前提: 無料 HTML+CSS+JSで埋め込める 三つほど見つかったので、触ってみた特徴を記載していく 一応簡単に実装もしたので、下記に配置しておく。 作成した比較サイト WYSIWYGエディタライブラリ比較 ソース gologius.github.io/test/test_WYSIWYG at master · gologius/go…
はじめに DjangoでWebアプリを開発しているのですが、WYSIWYG導入で詰まった部分があったので、備忘録です WYSIWYGとは テキストフィールドをリッチにできるやつです TextField()そのままだと文字しか入力できないですが、summernoteというパッケージを入れて設定することで簡単に使えるようになる模様です 参考にしたサイトは以下です。手順もこちらに投げます 【Django】django-summernoteを使ってブログアプリに便利なテキストエディターを構築 ひっかった部分 リンク先サイトの手順追っていくと、なぜかtextfield部分で接続エラーが出ました [ se…
どーも、ブログのデザインをここ数年変えていないので、なんか飽きてきた親男です。 さて。 そんなこんなで。 ここ数年デザインの更新をしていないこのブログ。 このデザインは2代目なのですが。 その当時。 試しに変えてみたら、はてなブログのスターの機能が消えちゃったので。 ちょうどいいやと思って。 そのままです。 私はこう見えて”気にしい”なので。 スター機能があったらあったで。 その多い少ないを気にしそうで嫌だったわけです。 にも関わらず。 スターをもらったもらったで飛び上がって喜ぶタイプでもあるので。 実に人間というものは裏腹なものであります。。。 (ってオメーだけだよ。) で。 そんなことはど…
食育便り 4月号を PDFにてアップしています。 PDFファイルも、下記のリンクからダウンロードできます。 必要に応じて活用ください。 ダウンロード先: https://www.kasumigaura-sd.ibk.ed.jp/wysiwyg/file/download/16/1063
4月の給食献立表を、アップしました。 PDFファイルも下記のリンクからダウンロードできます。 必要に応じて活用ください。 ✿様式が変わりました✿ ダウンロード先: https://www.kasumigaura-sd.ibk.ed.jp/wysiwyg/file/download/16/1061
■ブラ「ひと、もの、こと」磐梯 磐梯町教育再デザインセンター(仲間内での仮称 グラデーションセンター)勤務、2週目。 当たり前のように学校に行って、子どもたちと、あーだこーだやりとりしながら笑う、そんな生活ではない毎日ってどんな感じなんだろう?と思っていたけれど。 これまでの2週間は、大きく分けて2つ。 1つは、「磐梯の教育再デザイン構想答申書」を受けて、それを具体化するための構想案を、センターメンバーで繰り返し対話しながらよりイメージを深めていく作業。これをほぼ毎日たっぷりと。 https://bandai.fcs.ed.jp/wysiwyg/file/download/6/33644 言葉…
こんにちは!ソリューションコンサルタントの田上です。 インフラジスティックス製の App Builder はWebアプリケーションのUIデザインをドラッグ&ドロップで作成することができるローコードツールです。 Webアプリケーション開発において、ハンバーガーメニューを実装したいというご要望は、よく耳にすることがある機能の1つだと思います。今回の記事では、App Builder を活用して「ハンバーガーメニュー」を簡単に実装する方法をご紹介します。 App Builder には「テンプレート」が豊富に準備されており、テンプレートからハンバーガーメニューを作成することができます。 本日の流れは下記…
こんにちは!ソリューションコンサルタントの田上です。 インフラジスティックス製の「App Builder」はWebアプリケーションのUIデザインをドラッグ&ドロップで作成することができるローコードツールです。 今回の記事では、App Builder の「テーマ機能(色・フォント)」を使用することで、Webアプリケーション全体の「色やフォントをカンタンに統一すること」ができます。Webアプリ開発に関わるメンバー数が多くなるにつれて、色やフォントといった「外観を統一させる仕組み」は重要になります。 また、Webアプリケーションのテーマを統一しつつ、エンドユーザー企業のコーポレートカラーに合わせて「…
Blazor は、Web開発を行う .NET 開発者にとって、最もホットなトピックです。Web 開発の世界が日々進化する中、Microsoft の Blazor フレームワークは、革新的な方法で対話型Webアプリケーションの開発を可能にしました。このフレームワークを利用することで、開発者はC#と.NETの機能を最大限に活用しながら、複雑なJavaScriptの使用を避け、より広範な.NETエコシステムとシームレスに融合した魅力的なWeb体験を提供できます。ただし、現在市場には多種多様なBlazorコンポーネントライブラリが存在しており、最適なライブラリを選ぶことはやや困難になりがちです。 そこ…
本日3月29日が最終出社日でした。9年と11ヶ月お世話になりました。ということで退職エントリーです。 雨の本社屋 現職振り返り 担当した業務 得られた経験やスキル この会社でのポジティブな面とネガティブな面 ポジティブ面 ネガティブ面 業界として 感謝 次について 仕事 引き続き活動していくこと ブログともくもく会について Vivliostyle Adobe Community Expert 最後に 現職振り返り 担当した業務 DTP組版部門にてDTPオペレーター(たまに製版業務も) DTPオペレーターたちの業務や目標などを取りまとめるチームリーダー スクリプト開発・運用(ExtendScri…
こんにちは!ソリューションコンサルタントの田上です。 「上流工程でのモックアップ作成」はWeb開発において欠かせない重要なステップです。しかし、多くの場合、モックアップ作成には時間がかかります。そこで登場するのが、モックアップよりもさらに高度な「実際に動作するプロトタイプ」までを手早く作成することができる「ローコードツール App Builder」です。 インフラジスティックス製の「App Builder」はWebアプリケーションのUIデザインをドラッグ&ドロップで作成することができるローコードツールです。 今回の記事では、App Builder を使って「Webアプリケーションのモックアップ…
こんにちは!ソリューションコンサルタントの田上です。 インフラジスティックス製の「App Builder」はWebアプリケーションのUIデザインをドラッグ&ドロップで作成することができるローコードツールです。 今回の記事では、App Builder の「デザインテンプレート」の全12パターンをご紹介します。テンプレートを活用することで、これまで1画面の開発に費やしていた「UIデザイン工数を大幅に削減すること」ができます。 本日の流れですが、 「テンプレート」をもとに誰でもカンタンにUIデザインを作成することができます。 スクラッチでUIデザインするよりも「UIデザイン工数を大幅に削減」すること…
研究室のホームページなどをGoogle Sitesで作成して利用してきました。それらをまとめてGitHub Pagesに引っ越しました。ちなみに引っ越した理由は特にありません。WYSIWYGで編集できるのでGoogle Sitesはとても便利っちゃ便利なんですが、テキストの編集ならコード(Markdown)を修正した方が楽だったりもします。 GiHub Pagesの説明はあちこちにありますので書きません。ぐぐってください。作業してみてわかったことを書いておきます。いずれ忘れるでしょうから。。。 GitHubでホームページ公開用のリポジトリを作成する ちなみに、先人を参考にしようとググると以下の…
iPad Proを買ったのは、教材の制作をどこでも出来るようにするためです。 どのようなアプリを使って、どのような手順で制作するか、検討をしています。 まずは、これまでWindowsでやって来た画像加工の内容をまとめてみました。 加工は主に、コントラストの調整、トリミング、書き込みです。
一昨年手術した方の網膜が腫れて、フォーカスがあわないというか視界がぐにゃりとなるのを、ステロイド注射などで抑えて、だましだまし仕事してきた。抗炎症薬の点眼のおかげか、一応腫れはひいたようなのであるが、ふだんVSCで作業するようなときも、視認性の高いフォントに変えられないかとずっと思ってきた。というような時に風呂の中でMoralerspaceフォントの紹介記事を読んだ。WYSIWYGで一文字ずつ行端調節するような場合でも、最終的にLaTeXで美しく組む場合でも、提出直前まで読みやすいフォントで推敲できるのはありがたい。yuru7氏に感謝である。 forest.watch.impress.co.j…
3月の給食献立表を、アップしました。 PDFファイルも下記のリンクからダウンロードできます。 必要に応じて活用ください。 ダウンロード先: https://www.kasumigaura-sd.ibk.ed.jp/wysiwyg/file/download/16/964
食育便り3月号を PDFにてアップしています。 PDFファイルも、下記のリンクからダウンロードできます。 必要に応じて活用ください。 ダウンロード先: https://www.kasumigaura-sd.ibk.ed.jp/wysiwyg/file/download/16/967