MkDocsとは MkDocs とは、 Markdown をもとにドキュメントサイトを構築する 静的サイトジェネレーターです。 Material for MkDocs とは、 MkDocs のテーマの１つであり、 Google が提唱しているマテリアルデザインを反映したものです。 このテーマが実によくできているので、じわじわと流行ってきているように感じます。 Material for MkDocsはパレットカラーの切替にも対応 特徴 Markdownファイルを放り込めば大体OK！ テーマいろいろ モバイルサイズにも対応 静的サイトに載せられる（アプリサーバ不要） 記事コンテンツの全文検索ができる！ 静的サイトなのに検索ができることに驚きです。ちょっとだけ仕組みを覗き見たところ、 生成コマンド実行時にインデックスらしきファイルを作っていました。 JavaScriptでゴリゴリやっている感じが

編集はすべて Markdown で行います。 Markdown を使えば、わかりやすい平易な文法で記載でき、美しく整形されます。 また編集中はリアルタイムにプレビューで確認することができます。

何番煎じだろうと書く。 顧客向けマニュアルをMarkdownで作りたい ここ最近、社内で利用する仕様書だったり手順書だったりはCrowiでMarkdownで書いています。Markdown、手軽で便利ですよね。 ただ、お客様に提出するような製品仕様や製品マニュアルを公開するのは、セキュリティとかアカウント管理とかの関係でちょっと公開するのはいかがなものかなと。 記事のエクスポート機能でもあればなーと思っていたところで、MkDocsに出会いました。割と感動したので、この感動を皆様と共有したく。 公式サイト 何が凄いのか Markdownでドキュメントが書ける webサービスを内蔵しているので、わざわざwebサーバーを立てなくてよい webサービスはMarkdownへの変更をリアルタイムに反映してくれる テーマが選択できるのでデザインセンスがなくても割といい感じにしてくれる 1コマンドで静的サイ

Help us understand the problem. What are the problem?

個人レベルではなかなかないと想いますが、 複数人でブログの運営をするケースが組織の場合は結構多いと思います。 その場合、誰がどの記事を書いたかがわかる方がいいですよね。 WordPressでは「Fancier Author Box」というプラグインを使えば実現可能です。 Fancier Author Boxを使うとこんな感じに Fancier Author Boxプラグインと入れると記事下にこんな感じでプロフィールを表示できます。 →実際のページ このプロフィールの入力データは 「ユーザー」→「ユーザー一覧」→「自分の名前」 から編集できます。 こんな感じですね。 カスタマイズ方法 実はインストールしただけでは「この記事を書いた人」や「最近の記事」とは表示されていません。 英語で書かれています。これを日本語でわかりやすく直します。 メニューから「プラグイン」→「プラグイン編集」を選択します

WordPress5からブロックエディター（Gutenberg）が導入されました。 これに合わせて、WordPressコアに標準搭載されている各ブロックのデフォルトスタイルが記述されたCSSファイルが自動的に読み込まれるようになっているようです。 実際には以下のようなlinkタグが出力されていることが確認できるかと思います。 head内に追加された記述を確認してみる <link rel='stylesheet' id='wp-block-library-css' href='//example.com/wp-includes/css/dist/block-library/style.min.css?ver=5.0.2' type='text/css' media='all' />

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

webサイトの回遊性向上のためには、記事下への関連記事設置が有効です。 しかし、記事を書くたびに関係性の高い記事を探して紹介するのでは、手間がかかりすぎます。 そこで今回は、関連記事を自動で表示してくれるWordPressの無料プラグイン「Yet Another Related Posts Plugin」（以下、YARPP）を紹介します。 簡単な設定ですぐに使えるので、WordPress初心者でも心配なく導入できることもポイントです。 この記事では、インストールから基本設定、初歩的なカスタマイズまで紹介していきます。 cssなどが苦手な人でも手順通りに設定すればすぐに見栄えよく設置できるので、ひとつずつ確認していきましょう。 １．YARPPのインストールと有効化 手順1：プラグインを新規追加する ダッシュボード（管理画面）左のメニューから、①「プラグイン」＞②「新規追加」で、プラグイン検索

Start Bootstrap develops free to download, open source Bootstrap 5 themes, templates, and snippets and creates guides and tutorials to help you learn more about designing and developing with Bootstrap.

2020年5月30日紙版発売 髙木健介，ユタマこたろう，仁田脇理史　著 A5判／688ページ 定価4,378円（本体3,980円＋税10%） ISBN 978-4-297-11391-9 ただいま弊社在庫はございません。 Gihyo Direct Amazon 楽天ブックス 丸善ジュンク堂書店 ヨドバシ.com 電子版 Amazon Kindle ブックライブ 楽天kobo honto 本書のサポートページサンプルファイルのダウンロードや正誤表など この本の概要 「iOS/Androidの2つのアプリをもっと効率良く開発したい」 「ハイブリッドアプリだと，速度やUIがネイティブより劣ってしまいがち」 こんな課題は，React Nativeを使えば解決できます。 React Nativeは，iOS/Androidの両方のアプリをたった1つのスキルセットで開発できるJavaScriptライブラ

Open Source HTML5 Game Framework For over a decade, Phaser has enabled developers of all skill levels to create games for the web. Phaser Editor Phaser Editor enables you to visually create Phaser games. Instead of entering numbers in your code to position Game Objects, you can drag and drop them into place, tweak their animations, adjust their physics bodies, enable special effects and more. It's

この度、5秒で始められるゲームプログラミング学習サービス「プロアカ」をリリースしました。1人での開発でしたが月額課金制度まで実装しており、少し大きなプロダクトになったので知見を共有したいと思いました。 また、新型コロナの影響で自宅待機の時間が長くなっている方が多いため、自宅学習できる当サービスについて知っていただければと思いました。休校中の学生の方もぜひプログラミングを学んでいただければと思います。サービスサイトはこちらです。 #目次 作ったサービス サービス内容で工夫したこと 使用した技術 開発期間は半年間 リリース後 終わりに #作ったサービス 今回開発したゲームプログラミング学習サービス「プロアカ」は、JavaScriptプログラミング及びJavaScriptゲームプログラミングを学習できるサービスです。また、学習を終えた人がオリジナルゲームを開発するための開発ツールもあります。 J

※本記事は2020年4月に公開した内容です。 株式会社ディー・エヌ・エーのシステム本部CTO室の露木誠です。PythonやDjangoについて執筆した『パーフェクトPython』や『Django×Python』などの著書が技術系出版社から数冊出版されています。DjangoのAUTHORSファイルにも実は名前が掲載されています。 本記事では、Pythonを始めたいと思っている方向けに、Pythonの魅力をお伝えできればと思います。知っておきたいPythonの言語仕様や特徴的な考え方をご紹介しますので、参考にしてください。 Python関連のエンジニア案件を見てみる 自己紹介とPython、Djangoに関わる活動について ディー・エヌ・エーのCTO室に所属、元々は異業種からIT業界に参入 現在は、株式会社ディー・エヌ・エーのシステム本部CTO室で、エンジニア組織の課題解決を主な活動として、日

初心者が見た瞬間になるもの特集です。 小テクだったり、省略記法だったり、、 実際私も出会ってになりました！ 追記 即時関数のところで説明にある 他には、+や-等でも動きます。 の"等"が気になった方に朗報です。こちらの記事で"等"を知ることができます！！ [JavaScript] "!function() {}()"以外の即時関数を紹介するぜ よろしければ覗いてみてください！ !! is 何 booleanへの型変換。 例 const obj = { hoge: "hoge" } function hasHoge() { return !!obj.hoge // => true } 論理否定（！）を二つ繋げて、boolean への型変換をしています。 !の結果を!で評価しているんですね〜。 JSON.parse(JSON.stringify(obj)) is 何 ディープコピー。 例