PythonでWebアプリを開発する手順がわからない… 実際、Pythonを使うとどんなWebアプリが作れるの？ PythonでWebアプリを開発できるとは知っているものの、具体的な手順がわからない方は多くいますよね。また、実際にどんなWebアプリが作れるのかイメージが湧かない方もいるはず。 そこで、今回はPythonを使ったWebアプリの開発手順を、開発例やPythonを活用するメリットも交えて紹介します。また、Webアプリ開発におすすめのWebサーバーやPythonのフレームワークも紹介するので、ぜひ参考にしてください。

HTML／CSSの勉強においては、この1冊で十分です。HTMLとCSSのうしろに数字（5と3）がついていますが、これはバージョンを表しているだけで、これから勉強を始める方はとくに気にしなくて大丈夫です。 本書を使うにあたっての注意点としては、多分途中で飽きるということです。これは人にもよりますが、ぼくの場合は途中で飽きました。飽きないようにするコツとしては、ゆるく読むことが大切です笑。HTML／CSSは基礎だけど幅が広いです。なので、1度で理解しようとすると時間がかかりすぎて飽きる原因になります。 1-3. ディベロッパーツールの使い方 ドットインストールとよくわかるHTML5+CSS3の教科書を読み終えた時点で、HTML／CSSはこんなもんか、くらいは理解できている状態かと思います。このタイミングでディベロッパーツールの使い方を理解しておくことが大切です。ぼくが独学で勉強していたときは結

毎年恒例のJavaScriptのライブラリやjQueryのプラグインの総まとめを紹介します。 今年リリースされたものから、アップデートされたものまで、これからのWebページやスマホページの制作に役立つJavaScriptを100+αまとめました。 KUTE.js クロスブラウザ対応のさまざまなアニメーション、2Dと3Dの変形、SVGの変形、CSSのプロパティ値の変化、SVGのモーフィング、SVGの描画などネイティブのJavaScriptでアニメーションを実現する軽量スクリプト。 デモページ Choreographer-js 「choreographer」は振り付けという意味、CSSアニメーションのさまざまな動き・振る舞いを簡単に設定できます。 デモページ Barba.js 通常のリンクのアクションによるハードリフレッシュをなくし、HTTPリクエストと描画を最小限に抑え、更にエフェクトを加え

2017年4月15日 CSS, 便利ツール 先日公開した記事「CSSグリッドレイアウトで、サイズが違う複数のボックスをタイル状に配置する」に続き、CSSグリッドレイアウト情報第二弾。今回はグリッドレイアウトを作成するにあたり、「Griddy」というCSSコードを生成してくれる便利なWebサイトがあったので紹介します。グリッドレイアウトの勉強にもなると思いますよ！ ↑私が10年以上利用している会計ソフト！ Griddyのサイトを開くと4つのグリッドアイテムが表示されています。アイテムの数を増減するには左上の「Add or Remove elements within the grid」のエリアでプラスまたはマイナスのボタンをクリックして数を変更します。 続いて「Grid Template Columns」でカラムの幅を指定します。デフォルトでは3つのボックスが横並びになっていますが、4つ以上

2021年12月18日 CSS, ダウンロード FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。現在ほとんどすべての最新ブラウザーでFlexboxをサポートしており、Flexboxを使ったレイアウト組みが今後のWebデザインのスタンダードとなるでしょう。Webクリエイターボックスでは以前からFlexboxの使い方について紹介してきたのですが、最近Flexboxが浸透してきたこともあってか各プロパティの使い方について質問される機会が増えてきたので、チートシートとしてまとめてみました。この記事ではなるべく画像メインでプロパティーの使い方を紹介したいと思います！ ↑私が10年以上利用している会計ソフト！ 動画で学ぶCSS Flexbox この記事はYouTube動画でも解説しています。動画派の

2017年5月25日 CSS FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。前々からあった技術ですが、ブラウザーによって書き方が違ったり、仕様がころころ変わったりと、イマイチ一歩踏み出せない感があったFlexbox。しかしようやくモダンブラウザーでの利用に難がなくなり、実務にも充分使えるようになりました。今回はそんなFlexboxの魅力と使いドコロを、デモ付きで紹介していこうと思います！ ↑私が10年以上利用している会計ソフト！ 対応ブラウザー Can I use…で紹介されているように、現行のモダンブラウザーでは問題なく利用できます。ただし、Safari用に -webkit- のベンダープレフィックスが必要です。IEについては11から正式に対応。IE10にも対応していますが、書き方が

ボックス要素の横並びをCSSで行う場合は、CSSの「Flexboxフレックスボックス」 が便利です。Flexboxを使用することで、簡潔なコードで豊富なボックスのレイアウトが可能です。本記事ではウェブページの作成を通してFlexboxの特徴と使い方について解説します。 この記事で学べること Flexboxの使い方 スマートフォンへのレスポンシブ対応 Flexboxはボックスレイアウト用のCSS Flexboxとは、ボックスのレイアウト方法を定めるCSSの機能です。ボックスとは、HTML上の各要素が生成する領域のことです。下図のHTMLコードのウェブページでは、div要素・h1要素・p要素がそれぞれボックスを生成します。 Flexboxでは、ボックスを横ならびにしたり、右寄せ・中央寄せ・左寄せをしたりと、さまざまなレイアウトを少量のコードで実現できます。 サンプルの紹介 今回はレスポンシブな

起業のためのプログラミングオンライン学習法 オンラインのプログラミング学習サービスを調べる必要があったので、ついでにまとめてみました。 これが正解というものではありませんので、参考程度に。 作りたいものによっては途中のステップまででいいというものもあります。 ステップ1 - 本当に作るべきか検証する MVP（Minimum Viable Product）＝検証に必要な最低限の機能を持った製品という考え方があります。 グロースハックの大前提 「MVP」の種類と実例 5選 あなたのリーンスタートアップがうまくいかない4つの理由と覚えておくべき3つの心得 プログラミングしなくても、自分が作りたいサービスのニーズがあるかは検証できる場合もあります。プログラミングを勉強してサービス開発に取り掛かる前に検証しておくと良いでしょう。 プログラミングしないで仮説検証するためのサービスには以下のものがありま

このような質問をよく聞きます。 挙げていけばきりがない程ありますが、長期的にみてもっとも大きな効果が得られるのは「検索力」をつけることです。 そうです。「ググる力」のことです。事実、プロのエンジニアでも毎日、何度も何度も「検索」して情報を得ています。 今回は、なぜエンジニアにとって「検索力」が重要なのか、その理由を検索方法も交えて紹介します。 読み終わる頃には、エンジニアの必須スキルである「検索力」についての理解や「検索の仕方・テクニック」を習得することができるでしょう。

はじめに こんにちは。経済学部を卒業後、現在Webエンジニアとして六本木で働いているdragonです。 前回は 文系でもエンジニアとして就職できる5つの理由についてご紹介しましたが、今回はその一歩先に進み、「はじめてのプログラミング指南」というテーマで書いてみたいと思います。よろしくお願いします。 PC1台あれば始められるプログラミング。だからこそ最初なにをすれば良いのか悩ましい。 「プログラミングまずはやってみよう！」なんてことばはいい加減陳腐な表現になってきました。 しかしそれほどにプログラミングを勧める声は多いものの、具体的に最初のアクションとして何を手に取れば良いのかを説明している記事はそう多くありません。 文系でもエンジニアとして就職できる5つの理由でも簡単に紹介しましたが、今はプログラミング学習サービスが充実しつつあります。 Progate(プロゲート)や、ドットインストール、