タグ

Webに関するsh0g0のブックマーク (12)

  • 約980名の生徒に行われたN高等学校のプログラミング教育の現状と課題 - Qiita

    はじめに 去年、2016年のN高アドベントカレンダーで、「高校生にWeb上でプログラミングを教え始めたエンジニアがこの8ヶ月間で得た気づき 」という長いポエムを書かせてもらった者です。あれから1年が経過し、自身が担当責任者となりプログラミング教育をはじめて1年と8ヶ月が経過しました。 今回も、今年一年の試行錯誤の結果や課題をここにまとめることで、今後高校生にプログラミングを教える可能性のある先生方や、エンジニアからプログラミング教育業界に転身する方に、何かしらの参考になればと考え、この記事を書くことにしました。 現在学習中の生徒の皆さんにも、これを見てこのようにカリキュラムや教育方針が練られているのだなということを知ってもらい、学びに活かしてもらえれば幸いです。 N高等学校とは もうご存知かもしれませんが、N高等学校 とは、2016年に作られた、やりたいことを徹底的にやりたい人のための新し

    約980名の生徒に行われたN高等学校のプログラミング教育の現状と課題 - Qiita
  • 503エラーを防ぐ!Web屋が知っておくべき503エラーの原因と対処 | 知らないと損をするサーバーの話

    (この記事は2022年9月29日に更新されました) こんにちは。 京都のWebプランニング会社「ウェブライダー」の松尾です。 某社のレンタルサーバーからCPIのサーバーに乗り換えたことがきっかけで、このコラムを書かせていただく機会を得ました。 現在、ウェブライダーでは、CPIの専用サーバーと共用サーバーのふたつを借り、さまざまなWebサイトを運営しています。 さて、このコラムでは、Web集客を成功させるためのレンタルサーバーの選び方について、いろいろな視点からお話ししていきます。 今回は、Webサイトにアクセスが殺到した際、ページが見られなくなる「503エラー」についてのお話です。 あなたはどこかのWebサイトを見ようとした際、「503 Service Unavailable」「Service Temporarily Unavailable」などのエラーメッセージが表示されているのを見たこ

    503エラーを防ぐ!Web屋が知っておくべき503エラーの原因と対処 | 知らないと損をするサーバーの話
  • MySQL初心者入門講座

    格的なプログラミングを学びたい場合は Java初心者入門講座 を次のステップとしてご活用ください。 ・Web系のプログラミングを学びたい場合は PHP初心者入門講座 を次のステップとしてご活用ください。 MySQLのデータベースを操作するには、いろんな方法(管理ツール)があります。 操作とは、データベース、テーブル、クエリなどへ対する参照・作成・追加・修正・削除などのことです。 これまでにも当入門講座では、 コマンドプロンプトやAccessを使った方法を紹介してきましたが、 もう一度まとめてみます。 MySQLをパソコンにインストールすると、 Windows付属のコマンドプロンプトから、コマンドラインで操作できるようになります。 これは講座の手順で、MySQLのbinフォルダに環境変数のPATHを通したため、 MySQL関係のプログラムがすぐに実行できるからです。 でもコマンドプロンプ

    MySQL初心者入門講座
  • CSS: marginの正しい理解 - kojika17

    toggle()や変数、calc、:matchなど、今までにないCSSプロパティ、セレクタが提案・実装されて、CSS3, CSS4も楽しくなってきています。 border-radiusや、box-shadowなども、古いAndroidブラウザ以外なら、prefixなしで使える状況も増えてきました。 最新技術は、これから必要になってくるかもしれませんが、基も大切です。 float や position など、CSSコーディングを悩ませるタネはいくつもありますが、今回はその中でも私がCSSで一番難しいと思う margin について書きます。 「marginはバグが多い」という声をたまに聞きます。 しかし話を聞いてみると、正常な動作をバグと間違って認識しているケースもあります。 marginを正しく理解することによって、効率的なレイアウトを構築できますので、基的な内容ですが、読んで頂ければ幸

    CSS: marginの正しい理解 - kojika17
  • いまさら聞けない、“Ajax”とは何なのか?(1/3) - @IT

    しかし、何が得意で、どんなことがすごいのか? どんな技術を使っているのか?……などなどについてあなたは説明できますか? そのあたりを中心に解説をしていこうと思います。 Ajaxを、その誕生からひもとく Ajaxを理解するには、その誕生を知ることが第一歩です。 ■Ajax発祥の地はいずこ? 「Ajax」発祥の地は、コンサルティング会社を経営するJesse James Garrett氏が、2005年2月18日に投稿した「Ajax: A New Approach to Web Applications」(Ajax Webアプリケーションへの新しいアプローチ)というエントリーです。 このエントリーは話題を呼び、Ajaxという単語がアメリカで使われるようになり、日にやって来ました。 ■Ajaxの定義 では、Ajaxとは何なのか? 彼のブログで、以下のようにAjaxを定義しています。 standar

    いまさら聞けない、“Ajax”とは何なのか?(1/3) - @IT
  • 新人Webデザイナーにおすすめのデザイン書10選 - Tortoise Shell

    はてブで新人エンジニア向けに技術書を紹介するエントリを見かけて、思わず「デザイナー版を書いてみたい!」と思ったので、書くことにしました笑 この春からデザイナーになられる方で、「勉強したいけど、どんなを読めばいいの?」という方はぜひ参考にしてみてください。 おすすめデザイン書10選 01.誰のためのデザイン 02.美の構成学 03.ノンデザイナーズ・デザインブック 04.融けるデザイン 05.デザインのルール、レイアウトのセオリー 06.7日間でマスターする配色基礎講座 07.タイポグラフィの基ルール 08.インタフェースデザインの心理学 09.絵ときデザイン史 10.プロになるためのWebデザイン入門講座 実践で役立つPhotoshop&Illustrator徹底ガイド おわりに デザインを格的に学ぶなら おすすめデザイン書10選 01.誰のためのデザイン 誰のためのデザイン? 増補

    新人Webデザイナーにおすすめのデザイン書10選 - Tortoise Shell
  • 2014年 Webアプリケーションフレームワークトレンド(PHP / Java / Ruby / Python / Perl) - Qiita

    2014年 Webアプリケーションフレームワークトレンド(PHP / Java / Ruby / Python / PerlJavaRubyPythonPerlPHP はじめに 一昨日、FIFA15 でサイドバックが前線に放ったフィードが直接入って80m強の超ロングシュートとなって困惑しました。 さて、話は変わりますが、2014年12月時点の TIOBE Programming Community Index によると、昨年と比較して最もランクアップしているプログラミング言語は、Visual Basic なんですね。 そんなプログラミング言語上位20位ですが、Webアプリケーションを構築するにあたって、どの言語を採用するかというのと同じく悩ましいのがどのフレームワークを採用するかということ。 フレームワークの選定基準はアプリケーションの要件はもちろんのこと、環境や開発者、その他にも様々な

    2014年 Webアプリケーションフレームワークトレンド(PHP / Java / Ruby / Python / Perl) - Qiita
  • Webフレームワークとは何か | POSTD

    Webアプリケーションフレームワーク、略して「Webフレームワーク」がWeb対応のアプリケーション構築に広く使われているのは、皆さんご存じですよね。単純なブログからAjax機能を搭載した複雑なアプリケーションまで、Web上のすべてのページはコードで記述されています。最近気になるのは、FlaskやDjangoのようなWebフレームワークに興味を持ってはいるけれど、実際にはWebフレームワークの目的や機能をちゃんと理解していない開発者が意外に多いということです。そこでこの記事では、ややもすれば見落とされがちなトピックであるWebフレームワークの基礎を取り上げることにしました。皆さんがこの記事を読み終える頃には、Webフレームワークとは何か、そしてそもそもなぜWebフレームワークが存在するのかという根のところを、きちんと理解できるようになっているはずです。Webフレームワークの基礎知識があれば

    Webフレームワークとは何か | POSTD
  • StrutsによるWebアプリケーション開発

    現在、Webアプリケーション開発においてフレームワークは必須の存在となっている。 各社使用するフレームワークは様々だが、享受したいと考えるメリットは共通している。 まず、アプリケーションを開発するに当たり、そのアーキテクチャやクラス間の連携方法など検討する必要がある。 しかし、Webアプリケーションにおいてその仕組みはほぼ同じである為、アプリケーション毎に同じような仕組みを何度も設計・開発するのは避けたい。 フレームワークはこの問題を解決する。フレームワームは共通するアーキテクチャを抽象化し、再利用可能な形で提供される為、開発効率を向上させる事ができる。 フレームワークにはオープンソースで提供されているもの、有償で販売されているもの等数多く存在するが、中でも Jakarta Project の オープンソースフレームワークである Struts が最近注目されている。 Struts はシンプ

  • とほほのJavaScriptリファレンス - とほほのWWW入門

    とほほのJavaScriptリファレンス [戻る] [索引] 基JavaScript って何? JavaScript とは? JavaScriptJava の関係は? ECMAScript とは? JavaScript のバージョン ES5 の新機能 ES5.1 の新機能 ES2015(ES6) の新機能 ES2016(ES7) の新機能 ES2017(ES8) の新機能 ES2018(ES9) の新機能 ES2019(ES10) の新機能 ES2020(ES11) の新機能 ES2021(ES12) の新機能 ES2022(ES13) の新機能 ES2023(ES14) の新機能 まずは始めてみよう 準備するもの 「Hello world!!」と書いてみよう 時刻を表示してみよう 動く時計を表示してみよう JavaScript の書き方 <script>~</script>

  • http://www.north-geek.com/entry/programming-rookie

    http://www.north-geek.com/entry/programming-rookie
  • 文章の内容が薄いときに過不足のない原稿をライティング・編集するためのテクニック | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、LIGブログ編集長の朽木(@amanojerk)です。先日schooでWebライター向けにライティングの授業をさせていただいたのですが、そのなかで自作の二次創作小説をアナウンサーさんに朗読させてグッとくるという人としてギリギリの行為におよびました。でもプロの話し手ってすごいんだぜ、声とかキレイなんだぜ。 授業のタイトルは『原稿の文字数を過不足なくコントロールするための文章テクニック』だったのですが、テーマは“自分の文章の内容が薄いときにどうするか”です。みなさんにおかれましても、企画書や報告書、ポートフォリオ・ビジネスメールなどの文章を作成したあとで、見直すと何か言ってるようで何にも言っていないような印象を受けることはありませんでしょうか。 せっかく何かを伝えるために文章を書くのであれば、情報や熱量がギュッと詰まった、過不足のない文章にしたいものですよね。そんなあなたにご紹介し

    文章の内容が薄いときに過不足のない原稿をライティング・編集するためのテクニック | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 1